/* =============================================================================
   Square - 請求書 - 000001 — harvested CSS (HTML/CSS only, no JS)
   Requested: https://app.squareup.com/pay-invoice/invtmp:b5dc79d7-e453-4636-8d08-b344ca78a3b3
   Final    : https://app.squareup.com/pay-invoice/invtmp:b5dc79d7-e453-4636-8d08-b344ca78a3b3/failed
   Captured : 2026-11-14T13:14:40.100Z
   Note     : lazy CSS chunks served with media="(max-width: 0)" are merged as
              always-on because the activating JavaScript is not included.
   ============================================================================= */


/* [dropped third-party inline sheet: 2570 chars] */

/* ===== [1] <link rel="stylesheet" as="style" media="all"> vendor-95900a2014882db1a258502b793fe8db.css (2337625c) ===== */
.liquid-child,.liquid-container,.market-sr-only,:root [data-market-theme]:has(.market-context-manager[active]):not(:has(.market-context-manager[active] .market-context:only-child.no-veil)),:root:has(.market-context-manager[active]):not(:has(.market-context-manager[active] .market-context:only-child.no-veil)){overflow:hidden}:root{--core-animation-enter-transition-easing:cubic-bezier(0.26, 0.10, 0.48, 1.0);--core-animation-enter-transition-fast-speed-duration:0.10s;--core-animation-enter-transition-moderate-speed-duration:0.24s;--core-animation-enter-transition-slow-speed-duration:0.40s;--core-animation-exit-transition-easing:cubic-bezier(0.52, 0.0, 0.74, 0.0);--core-animation-exit-transition-fast-speed-duration:0.10s;--core-animation-exit-transition-moderate-speed-duration:0.16s;--core-animation-exit-transition-slow-speed-duration:0.30s;--core-animation-move-transition-easing:cubic-bezier(0.76, 0.0, 0.24, 1.0);--core-animation-move-transition-fast-speed-duration:0.10s;--core-animation-move-transition-moderate-speed-duration:0.24s;--core-animation-move-transition-slow-speed-duration:0.40s;--core-base-size:8px;--core-blue-10-color:var(--core-blue-10-light-mode-color);--core-blue-10-dark-mode-color:#0055CC;--core-blue-10-light-mode-color:#0055CC;--core-blue-20-color:var(--core-blue-20-light-mode-color);--core-blue-20-dark-mode-color:#005FE5;--core-blue-20-light-mode-color:#005FE5;--core-blue-30-color:var(--core-blue-30-light-mode-color);--core-blue-30-dark-mode-color:#002559;--core-blue-30-light-mode-color:#CCE1FF;--core-blue-40-color:var(--core-blue-40-light-mode-color);--core-blue-40-dark-mode-color:#001533;--core-blue-40-light-mode-color:#E6F0FF;--core-blue-fill-color:var(--core-blue-fill-light-mode-color);--core-blue-fill-dark-mode-color:#006AFF;--core-blue-fill-light-mode-color:#006AFF;--core-blue-text-color:var(--core-blue-text-light-mode-color);--core-blue-text-dark-mode-color:#4A95FF;--core-blue-text-light-mode-color:#005AD9;--core-border-10:1px;--core-border-20:2px;--core-border-80:8px;--core-breakpoint-extra-wide-min-width:1024px;--core-breakpoint-medium-max-width:839px;--core-breakpoint-medium-min-width:600px;--core-breakpoint-narrow-max-width:599px;--core-breakpoint-narrow-min-width:0px;--core-breakpoint-wide-max-width:1023px;--core-breakpoint-wide-min-max-width:1023px;--core-breakpoint-wide-min-width:800px;--core-brown-10-color:var(--core-brown-10-light-mode-color);--core-brown-10-dark-mode-color:#33261A;--core-brown-10-light-mode-color:#332517;--core-brown-20-color:var(--core-brown-20-light-mode-color);--core-brown-20-dark-mode-color:#4D3926;--core-brown-20-light-mode-color:#4D3722;--core-brown-30-color:var(--core-brown-30-light-mode-color);--core-brown-30-dark-mode-color:#592D00;--core-brown-30-light-mode-color:#FFE6CC;--core-brown-40-color:var(--core-brown-40-light-mode-color);--core-brown-40-dark-mode-color:#331900;--core-brown-40-light-mode-color:#FFF2E6;--core-brown-fill-color:var(--core-brown-fill-light-mode-color);--core-brown-fill-dark-mode-color:#664D33;--core-brown-fill-light-mode-color:#664A2E;--core-brown-text-color:var(--core-brown-text-light-mode-color);--core-brown-text-dark-mode-color:#C99866;--core-brown-text-light-mode-color:#664A2E;--core-burgundy-10-color:var(--core-burgundy-10-light-mode-color);--core-burgundy-10-dark-mode-color:#660525;--core-burgundy-10-light-mode-color:#660525;--core-burgundy-20-color:var(--core-burgundy-20-light-mode-color);--core-burgundy-20-dark-mode-color:#80062F;--core-burgundy-20-light-mode-color:#80062F;--core-burgundy-30-color:var(--core-burgundy-30-light-mode-color);--core-burgundy-30-dark-mode-color:#59001E;--core-burgundy-30-light-mode-color:#FFCCDD;--core-burgundy-40-color:var(--core-burgundy-40-light-mode-color);--core-burgundy-40-dark-mode-color:#330011;--core-burgundy-40-light-mode-color:#FFE6EE;--core-burgundy-fill-color:var(--core-burgundy-fill-light-mode-color);--core-burgundy-fill-dark-mode-color:#990838;--core-burgundy-fill-light-mode-color:#990838;--core-burgundy-text-color:var(--core-burgundy-text-light-mode-color);--core-burgundy-text-dark-mode-color:#FF568E;--core-burgundy-text-light-mode-color:#990838;--core-constant-black-color:#000000;--core-constant-gray-10-color:#101010;--core-constant-gray-15-color:#1a1a1a;--core-constant-gray-20-color:#1e1e1e;--core-constant-gray-25-color:#232323;--core-constant-gray-30-color:#2a2a2a;--core-constant-gray-40-color:#333333;--core-constant-gray-45-color:#595959;--core-constant-gray-50-color:#666666;--core-constant-gray-60-color:#878787;--core-constant-gray-65-color:#959595;--core-constant-gray-80-color:#cccccc;--core-constant-gray-85-color:#dadada;--core-constant-gray-90-color:#e8e8e8;--core-constant-gray-95-color:#f0f0f0;--core-constant-gray-98-color:#F7F7F7;--core-constant-white-color:#ffffff;--core-control-size-height:20px;--core-control-size-width:20px;--core-critical-10-color:var(--core-critical-10-light-mode-color);--core-critical-10-dark-mode-color:var(--core-red-10-dark-mode-color);--core-critical-10-light-mode-color:var(--core-red-10-light-mode-color);--core-critical-20-color:var(--core-critical-20-light-mode-color);--core-critical-20-dark-mode-color:var(--core-red-20-dark-mode-color);--core-critical-20-light-mode-color:var(--core-red-20-light-mode-color);--core-critical-30-color:var(--core-critical-30-light-mode-color);--core-critical-30-dark-mode-color:var(--core-red-30-dark-mode-color);--core-critical-30-light-mode-color:var(--core-red-30-light-mode-color);--core-critical-40-color:var(--core-critical-40-light-mode-color);--core-critical-40-dark-mode-color:var(--core-red-40-dark-mode-color);--core-critical-40-light-mode-color:var(--core-red-40-light-mode-color);--core-critical-fill-color:var(--core-critical-fill-light-mode-color);--core-critical-fill-dark-mode-color:var(--core-red-fill-dark-mode-color);--core-critical-fill-light-mode-color:var(--core-red-fill-light-mode-color);--core-critical-text-color:var(--core-critical-text-light-mode-color);--core-critical-text-dark-mode-color:var(--core-red-text-dark-mode-color);--core-critical-text-light-mode-color:var(--core-red-text-light-mode-color);--core-divider-10-color:var(--core-divider-10-light-mode-color);--core-divider-10-dark-mode-color:rgba(255,255,255,0.3);--core-divider-10-light-mode-color:rgba(0,0,0,0.3);--core-divider-20-color:var(--core-divider-20-light-mode-color);--core-divider-20-dark-mode-color:rgba(255,255,255,0.08);--core-divider-20-light-mode-color:rgba(0,0,0,0.05);--core-emphasis-10-color:var(--core-emphasis-10-light-mode-color);--core-emphasis-10-dark-mode-color:var(--core-blue-10-dark-mode-color);--core-emphasis-10-light-mode-color:var(--core-blue-10-light-mode-color);--core-emphasis-20-color:var(--core-emphasis-20-light-mode-color);--core-emphasis-20-dark-mode-color:var(--core-blue-20-dark-mode-color);--core-emphasis-20-light-mode-color:var(--core-blue-20-light-mode-color);--core-emphasis-30-color:var(--core-emphasis-30-light-mode-color);--core-emphasis-30-dark-mode-color:var(--core-blue-30-dark-mode-color);--core-emphasis-30-light-mode-color:var(--core-blue-30-light-mode-color);--core-emphasis-40-color:var(--core-emphasis-40-light-mode-color);--core-emphasis-40-dark-mode-color:var(--core-blue-40-dark-mode-color);--core-emphasis-40-light-mode-color:var(--core-blue-40-light-mode-color);--core-emphasis-fill-color:var(--core-emphasis-fill-light-mode-color);--core-emphasis-fill-dark-mode-color:var(--core-blue-fill-dark-mode-color);--core-emphasis-fill-light-mode-color:var(--core-blue-fill-light-mode-color);--core-emphasis-text-color:var(--core-emphasis-text-light-mode-color);--core-emphasis-text-dark-mode-color:var(--core-blue-text-dark-mode-color);--core-emphasis-text-light-mode-color:var(--core-blue-text-light-mode-color);--core-extra-wide-viewport-grid-column-count:4;--core-extra-wide-viewport-grid-horizontal-spacing:var(--core-metrics-spacing-200);--core-extra-wide-viewport-grid-item-full-size-column-span:4;--core-extra-wide-viewport-grid-item-large-size-column-span:3;--core-extra-wide-viewport-grid-item-medium-size-column-span:2;--core-extra-wide-viewport-grid-item-small-size-column-span:1;--core-extra-wide-viewport-grid-vertical-spacing:var(--core-metrics-spacing-200);--core-fill-10-color:var(--core-fill-10-light-mode-color);--core-fill-10-dark-mode-color:rgba(255,255,255,0.95);--core-fill-10-light-mode-color:rgba(0,0,0,0.9);--core-fill-20-color:var(--core-fill-20-light-mode-color);--core-fill-20-dark-mode-color:rgba(255,255,255,0.35);--core-fill-20-light-mode-color:rgba(0,0,0,0.42);--core-fill-30-color:var(--core-fill-30-light-mode-color);--core-fill-30-dark-mode-color:rgba(255,255,255,0.15);--core-fill-30-light-mode-color:rgba(0,0,0,0.15);--core-fill-40-color:var(--core-fill-40-light-mode-color);--core-fill-40-dark-mode-color:rgba(255,255,255,0.08);--core-fill-40-light-mode-color:rgba(0,0,0,0.05);--core-fill-50-color:var(--core-fill-50-light-mode-color);--core-fill-50-dark-mode-color:rgba(255,255,255,0.05);--core-fill-50-light-mode-color:rgba(0,0,0,0.03);--core-fill-black-color:var(--core-fill-black-light-mode-color);--core-fill-black-dark-mode-color:rgba(0,0,0,0.9);--core-fill-black-light-mode-color:rgba(0,0,0,0.9);--core-fill-inverse-color:var(--core-fill-inverse-light-mode-color);--core-fill-inverse-dark-mode-color:rgba(0,0,0,0.9);--core-fill-inverse-light-mode-color:rgba(255,255,255,0.95);--core-fill-white-color:var(--core-fill-white-light-mode-color);--core-fill-white-dark-mode-color:rgba(255,255,255,1);--core-fill-white-light-mode-color:rgba(255,255,255,1);--core-focus-color:var(--core-focus-light-mode-color);--core-focus-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--core-focus-light-mode-color:var(--core-emphasis-fill-light-mode-color);--core-focus-ring-border-size:var(--core-border-20);--core-focus-ring-buffer-size:var(--core-metrics-spacing-25);--core-focus-ring-color:var(--core-focus-ring-light-mode-color);--core-focus-ring-dark-mode-color:var(--core-focus-dark-mode-color);--core-focus-ring-light-mode-color:var(--core-focus-light-mode-color);--core-forest-10-color:var(--core-forest-10-light-mode-color);--core-forest-10-dark-mode-color:#0F4D19;--core-forest-10-light-mode-color:#0F4D19;--core-forest-20-color:var(--core-forest-20-light-mode-color);--core-forest-20-dark-mode-color:#146622;--core-forest-20-light-mode-color:#146622;--core-forest-30-color:var(--core-forest-30-light-mode-color);--core-forest-30-dark-mode-color:#00590F;--core-forest-30-light-mode-color:#CCFFD5;--core-forest-40-color:var(--core-forest-40-light-mode-color);--core-forest-40-dark-mode-color:#003308;--core-forest-40-light-mode-color:#E6FFEA;--core-forest-fill-color:var(--core-forest-fill-light-mode-color);--core-forest-fill-dark-mode-color:#19802A;--core-forest-fill-light-mode-color:#19802A;--core-forest-text-color:var(--core-forest-text-light-mode-color);--core-forest-text-dark-mode-color:#16D956;--core-forest-text-light-mode-color:#007D2A;--core-gold-10-color:var(--core-gold-10-light-mode-color);--core-gold-10-dark-mode-color:#CC8033;--core-gold-10-light-mode-color:#CC8033;--core-gold-20-color:var(--core-gold-20-light-mode-color);--core-gold-20-dark-mode-color:#E68F39;--core-gold-20-light-mode-color:#E68F39;--core-gold-30-color:var(--core-gold-30-light-mode-color);--core-gold-30-dark-mode-color:#592D00;--core-gold-30-light-mode-color:#FFE6CC;--core-gold-40-color:var(--core-gold-40-light-mode-color);--core-gold-40-dark-mode-color:#331A00;--core-gold-40-light-mode-color:#FFF2E6;--core-gold-fill-color:var(--core-gold-fill-light-mode-color);--core-gold-fill-dark-mode-color:#FF9F40;--core-gold-fill-light-mode-color:#FF9F40;--core-gold-text-color:var(--core-gold-text-light-mode-color);--core-gold-text-dark-mode-color:#FF9F40;--core-gold-text-light-mode-color:#945C25;--core-green-10-color:var(--core-green-10-light-mode-color);--core-green-10-dark-mode-color:#00802A;--core-green-10-light-mode-color:#00802A;--core-green-20-color:var(--core-green-20-light-mode-color);--core-green-20-dark-mode-color:#009933;--core-green-20-light-mode-color:#009933;--core-green-30-color:var(--core-green-30-light-mode-color);--core-green-30-dark-mode-color:#00591E;--core-green-30-light-mode-color:#CCFFDD;--core-green-40-color:var(--core-green-40-light-mode-color);--core-green-40-dark-mode-color:#003311;--core-green-40-light-mode-color:#E5FFEE;--core-green-fill-color:var(--core-green-fill-light-mode-color);--core-green-fill-dark-mode-color:#00B33B;--core-green-fill-light-mode-color:#00B23B;--core-green-text-color:var(--core-green-text-light-mode-color);--core-green-text-dark-mode-color:#16D956;--core-green-text-light-mode-color:#007D2A;--core-grid-column-count:var(--core-narrow-viewport-grid-column-count);--core-grid-horizontal-spacing:var(--core-narrow-viewport-grid-horizontal-spacing);--core-grid-item-full-size-column-span:var(--core-narrow-viewport-grid-item-full-size-column-span);--core-grid-item-large-size-column-span:var(--core-narrow-viewport-grid-item-large-size-column-span);--core-grid-item-medium-size-column-span:var(--core-narrow-viewport-grid-item-medium-size-column-span);--core-grid-item-small-size-column-span:var(--core-narrow-viewport-grid-item-small-size-column-span);--core-grid-vertical-spacing:var(--core-narrow-viewport-grid-vertical-spacing);--core-horizontal-size-class-regular-threshold:600px;--core-horizontal-size-class-wide-threshold:1200px;--core-icon-large-size-height:40px;--core-icon-large-size-width:40px;--core-icon-medium-size-height:24px;--core-icon-medium-size-width:24px;--core-icon-small-size-height:16px;--core-icon-small-size-width:16px;--core-large-size-minimum-height:64px;--core-medium-size-minimum-height:48px;--core-medium-viewport-grid-column-count:2;--core-medium-viewport-grid-horizontal-spacing:var(--core-wide-viewport-grid-horizontal-spacing);--core-medium-viewport-grid-item-full-size-column-span:2;--core-medium-viewport-grid-item-large-size-column-span:1;--core-medium-viewport-grid-item-medium-size-column-span:1;--core-medium-viewport-grid-item-small-size-column-span:1;--core-medium-viewport-grid-vertical-spacing:var(--core-wide-viewport-grid-vertical-spacing);--core-metrics-spacing-100:8px;--core-metrics-spacing-1000:80px;--core-metrics-spacing-150:12px;--core-metrics-spacing-1500:120px;--core-metrics-spacing-200:16px;--core-metrics-spacing-2000:160px;--core-metrics-spacing-25:2px;--core-metrics-spacing-250:20px;--core-metrics-spacing-300:24px;--core-metrics-spacing-400:32px;--core-metrics-spacing-50:4px;--core-metrics-spacing-500:40px;--core-metrics-spacing-600:48px;--core-metrics-spacing-800:64px;--core-narrow-viewport-grid-column-count:1;--core-narrow-viewport-grid-horizontal-spacing:var(--core-medium-viewport-grid-horizontal-spacing);--core-narrow-viewport-grid-item-full-size-column-span:1;--core-narrow-viewport-grid-item-large-size-column-span:1;--core-narrow-viewport-grid-item-medium-size-column-span:1;--core-narrow-viewport-grid-item-small-size-column-span:1;--core-narrow-viewport-grid-vertical-spacing:var(--core-medium-viewport-grid-vertical-spacing);--core-opacity-disabled-state:0.4;--core-opacity-hover-state:1;--core-opacity-normal-state:1;--core-opacity-pressed-state:1;--core-orange-10-color:var(--core-orange-10-light-mode-color);--core-orange-10-dark-mode-color:#BF4830;--core-orange-10-light-mode-color:#BF4830;--core-orange-20-color:var(--core-orange-20-light-mode-color);--core-orange-20-dark-mode-color:#DB5237;--core-orange-20-light-mode-color:#DB5237;--core-orange-30-color:var(--core-orange-30-light-mode-color);--core-orange-30-dark-mode-color:#590F00;--core-orange-30-light-mode-color:#FFD5CC;--core-orange-40-color:var(--core-orange-40-light-mode-color);--core-orange-40-dark-mode-color:#330800;--core-orange-40-light-mode-color:#FFEAE6;--core-orange-fill-color:var(--core-orange-fill-light-mode-color);--core-orange-fill-dark-mode-color:#F25B3D;--core-orange-fill-light-mode-color:#F25B3D;--core-orange-text-color:var(--core-orange-text-light-mode-color);--core-orange-text-dark-mode-color:#FF5F3F;--core-orange-text-light-mode-color:#A83F2A;--core-pink-10-color:var(--core-pink-10-light-mode-color);--core-pink-10-dark-mode-color:#A62987;--core-pink-10-light-mode-color:#A62987;--core-pink-20-color:var(--core-pink-20-light-mode-color);--core-pink-20-dark-mode-color:#BF309B;--core-pink-20-light-mode-color:#BF309B;--core-pink-30-color:var(--core-pink-30-light-mode-color);--core-pink-30-dark-mode-color:#590043;--core-pink-30-light-mode-color:#FFCCF2;--core-pink-40-color:var(--core-pink-40-light-mode-color);--core-pink-40-dark-mode-color:#330026;--core-pink-40-light-mode-color:#FFE6F9;--core-pink-fill-color:var(--core-pink-fill-light-mode-color);--core-pink-fill-dark-mode-color:#D936B0;--core-pink-fill-light-mode-color:#D936B0;--core-pink-text-color:var(--core-pink-text-light-mode-color);--core-pink-text-dark-mode-color:#FF43D0;--core-pink-text-light-mode-color:#A82A88;--core-purple-10-color:var(--core-purple-10-light-mode-color);--core-purple-10-dark-mode-color:#6811A6;--core-purple-10-light-mode-color:#6811A6;--core-purple-20-color:var(--core-purple-20-light-mode-color);--core-purple-20-dark-mode-color:#7813BF;--core-purple-20-light-mode-color:#7813BF;--core-purple-30-color:var(--core-purple-30-light-mode-color);--core-purple-30-dark-mode-color:#340059;--core-purple-30-light-mode-color:#EACCFF;--core-purple-40-color:var(--core-purple-40-light-mode-color);--core-purple-40-dark-mode-color:#1E0033;--core-purple-40-light-mode-color:#F4E6FF;--core-purple-fill-color:var(--core-purple-fill-light-mode-color);--core-purple-fill-dark-mode-color:#8716D9;--core-purple-fill-light-mode-color:#8716D9;--core-purple-text-color:var(--core-purple-text-light-mode-color);--core-purple-text-dark-mode-color:#C26EFF;--core-purple-text-light-mode-color:#8716D9;--core-radius-10:6px;--core-radius-100:6px;--core-radius-20:12px;--core-radius-200:12px;--core-radius-266:16px;--core-radius-33:2px;--core-radius-400:24px;--core-radius-533:32px;--core-radius-6:4px;--core-radius-66:4px;--core-radius-circle:1000px;--core-radius-forms:var(--core-radius-100);--core-radius-modals:var(--core-radius-200);--core-radius-none:0px;--core-red-10-color:var(--core-red-10-light-mode-color);--core-red-10-dark-mode-color:#99001A;--core-red-10-light-mode-color:#99001A;--core-red-20-color:var(--core-red-20-light-mode-color);--core-red-20-dark-mode-color:#B2001E;--core-red-20-light-mode-color:#B2001E;--core-red-30-color:var(--core-red-30-light-mode-color);--core-red-30-dark-mode-color:#59000F;--core-red-30-light-mode-color:#FFCCD5;--core-red-40-color:var(--core-red-40-light-mode-color);--core-red-40-dark-mode-color:#330009;--core-red-40-light-mode-color:#FFE5EA;--core-red-fill-color:var(--core-red-fill-light-mode-color);--core-red-fill-dark-mode-color:#CC0023;--core-red-fill-light-mode-color:#CC0023;--core-red-text-color:var(--core-red-text-light-mode-color);--core-red-text-dark-mode-color:#FF5A76;--core-red-text-light-mode-color:#BF0020;--core-sky-10-color:var(--core-sky-10-light-mode-color);--core-sky-10-dark-mode-color:#1F75CC;--core-sky-10-light-mode-color:#1F75CC;--core-sky-20-color:var(--core-sky-20-light-mode-color);--core-sky-20-dark-mode-color:#2284E6;--core-sky-20-light-mode-color:#2284E6;--core-sky-30-color:var(--core-sky-30-light-mode-color);--core-sky-30-dark-mode-color:#002D59;--core-sky-30-light-mode-color:#CCE6FF;--core-sky-40-color:var(--core-sky-40-light-mode-color);--core-sky-40-dark-mode-color:#001A33;--core-sky-40-light-mode-color:#E6F2FF;--core-sky-fill-color:var(--core-sky-fill-light-mode-color);--core-sky-fill-dark-mode-color:#2693FF;--core-sky-fill-light-mode-color:#2693FF;--core-sky-text-color:var(--core-sky-text-light-mode-color);--core-sky-text-dark-mode-color:#2E97FF;--core-sky-text-light-mode-color:#0F65BA;--core-small-size-minimum-height:40px;--core-space-10-size:var(--core-base-size);--core-success-10-color:var(--core-success-10-light-mode-color);--core-success-10-dark-mode-color:var(--core-green-10-dark-mode-color);--core-success-10-light-mode-color:var(--core-green-10-light-mode-color);--core-success-20-color:var(--core-success-20-light-mode-color);--core-success-20-dark-mode-color:var(--core-green-20-dark-mode-color);--core-success-20-light-mode-color:var(--core-green-20-light-mode-color);--core-success-30-color:var(--core-success-30-light-mode-color);--core-success-30-dark-mode-color:var(--core-green-30-dark-mode-color);--core-success-30-light-mode-color:var(--core-green-30-light-mode-color);--core-success-40-color:var(--core-success-40-light-mode-color);--core-success-40-dark-mode-color:var(--core-green-40-dark-mode-color);--core-success-40-light-mode-color:var(--core-green-40-light-mode-color);--core-success-fill-color:var(--core-success-fill-light-mode-color);--core-success-fill-dark-mode-color:var(--core-green-fill-dark-mode-color);--core-success-fill-light-mode-color:var(--core-green-fill-light-mode-color);--core-success-text-color:var(--core-success-text-light-mode-color);--core-success-text-dark-mode-color:var(--core-green-text-dark-mode-color);--core-success-text-light-mode-color:var(--core-green-text-light-mode-color);--core-surface-10-color:var(--core-surface-10-light-mode-color);--core-surface-10-dark-mode-color:rgba(20,20,20,1);--core-surface-10-light-mode-color:rgba(255,255,255,1);--core-surface-20-color:var(--core-surface-20-light-mode-color);--core-surface-20-dark-mode-color:rgba(28,28,28,1);--core-surface-20-light-mode-color:rgba(255,255,255,1);--core-surface-30-color:var(--core-surface-30-light-mode-color);--core-surface-30-dark-mode-color:rgba(45,45,45,1);--core-surface-30-light-mode-color:rgba(255,255,255,1);--core-surface-5-color:var(--core-surface-5-light-mode-color);--core-surface-5-dark-mode-color:rgba(8,8,8,1);--core-surface-5-light-mode-color:rgba(255,255,255,1);--core-surface-inverse-color:var(--core-surface-inverse-light-mode-color);--core-surface-inverse-dark-mode-color:rgba(255,255,255,1);--core-surface-inverse-light-mode-color:rgba(26,26,26,1);--core-surface-overlay-color:var(--core-surface-overlay-light-mode-color);--core-surface-overlay-dark-mode-color:rgba(0,0,0,0.8);--core-surface-overlay-light-mode-color:rgba(0,0,0,0.8);--core-taupe-10-color:var(--core-taupe-10-light-mode-color);--core-taupe-10-dark-mode-color:#735639;--core-taupe-10-light-mode-color:#735639;--core-taupe-20-color:var(--core-taupe-20-light-mode-color);--core-taupe-20-dark-mode-color:#8C6946;--core-taupe-20-light-mode-color:#8C6946;--core-taupe-30-color:var(--core-taupe-30-light-mode-color);--core-taupe-30-dark-mode-color:#592D00;--core-taupe-30-light-mode-color:#FFE6CC;--core-taupe-40-color:var(--core-taupe-40-light-mode-color);--core-taupe-40-dark-mode-color:#331A00;--core-taupe-40-light-mode-color:#FFF2E6;--core-taupe-fill-color:var(--core-taupe-fill-light-mode-color);--core-taupe-fill-dark-mode-color:#A67C53;--core-taupe-fill-light-mode-color:#A67C53;--core-taupe-text-color:var(--core-taupe-text-light-mode-color);--core-taupe-text-dark-mode-color:#C99866;--core-taupe-text-light-mode-color:#826141;--core-teal-10-color:var(--core-teal-10-light-mode-color);--core-teal-10-dark-mode-color:#0D8C6D;--core-teal-10-light-mode-color:#0D8C6D;--core-teal-20-color:var(--core-teal-20-light-mode-color);--core-teal-20-dark-mode-color:#10A680;--core-teal-20-light-mode-color:#10A680;--core-teal-30-color:var(--core-teal-30-light-mode-color);--core-teal-30-dark-mode-color:#005943;--core-teal-30-light-mode-color:#CCFFF2;--core-teal-40-color:var(--core-teal-40-light-mode-color);--core-teal-40-dark-mode-color:#003326;--core-teal-40-light-mode-color:#E6FFF9;--core-teal-fill-color:var(--core-teal-fill-light-mode-color);--core-teal-fill-dark-mode-color:#12BF94;--core-teal-fill-light-mode-color:#12BF94;--core-teal-text-color:var(--core-teal-text-light-mode-color);--core-teal-text-dark-mode-color:#16D8A7;--core-teal-text-light-mode-color:#0C785D;--core-text-10-color:var(--core-text-10-light-mode-color);--core-text-10-dark-mode-color:rgba(255,255,255,0.95);--core-text-10-light-mode-color:rgba(0,0,0,0.9);--core-text-20-color:var(--core-text-20-light-mode-color);--core-text-20-dark-mode-color:rgba(255,255,255,0.55);--core-text-20-light-mode-color:rgba(0,0,0,0.55);--core-text-30-color:var(--core-text-30-light-mode-color);--core-text-30-dark-mode-color:rgba(255,255,255,0.3);--core-text-30-light-mode-color:rgba(0,0,0,0.3);--core-text-black-color:var(--core-text-black-light-mode-color);--core-text-black-dark-mode-color:rgba(0,0,0,0.9);--core-text-black-light-mode-color:rgba(0,0,0,0.9);--core-text-inverse-color:var(--core-text-inverse-light-mode-color);--core-text-inverse-dark-mode-color:rgba(0,0,0,0.9);--core-text-inverse-light-mode-color:rgba(255,255,255,0.95);--core-text-size:16px;--core-text-white-color:var(--core-text-white-light-mode-color);--core-text-white-dark-mode-color:rgba(255,255,255,1);--core-text-white-light-mode-color:rgba(255,255,255,1);--core-transparent-color:var(--core-transparent-light-mode-color);--core-transparent-dark-mode-color:transparent;--core-transparent-light-mode-color:transparent;--core-type-bold-weight:700;--core-type-display-10-case:none;--core-type-display-10-font-family:var(--core-type-display-font-family);--core-type-display-10-leading:40px;--core-type-display-10-number-spacing:'default';--core-type-display-10-scale:heading-30;--core-type-display-10-size:32px;--core-type-display-10-tracking:0;--core-type-display-10-weight:var(--core-type-bold-weight);--core-type-display-20-case:none;--core-type-display-20-font-family:var(--core-type-display-font-family);--core-type-display-20-leading:56px;--core-type-display-20-number-spacing:'default';--core-type-display-20-scale:heading-30;--core-type-display-20-size:48px;--core-type-display-20-tracking:0;--core-type-display-20-weight:var(--core-type-medium-weight);--core-type-display-font-family:'Square Sans Display VF','Square Sans Display',Helvetica,Arial,sans-serif;--core-type-font-family:'Square Sans Text VF','Square Sans Text',Helvetica,Arial,sans-serif;--core-type-heading-10-case:none;--core-type-heading-10-font-family:var(--core-type-font-family);--core-type-heading-10-leading:22px;--core-type-heading-10-number-spacing:'default';--core-type-heading-10-scale:heading-10;--core-type-heading-10-size:14px;--core-type-heading-10-tracking:0;--core-type-heading-10-weight:var(--core-type-bold-weight);--core-type-heading-20-case:none;--core-type-heading-20-font-family:var(--core-type-display-font-family);--core-type-heading-20-leading:26px;--core-type-heading-20-number-spacing:'default';--core-type-heading-20-scale:heading-20;--core-type-heading-20-size:19px;--core-type-heading-20-tracking:0;--core-type-heading-20-weight:var(--core-type-bold-weight);--core-type-heading-30-case:none;--core-type-heading-30-font-family:var(--core-type-display-font-family);--core-type-heading-30-leading:32px;--core-type-heading-30-number-spacing:'default';--core-type-heading-30-scale:heading-30;--core-type-heading-30-size:25px;--core-type-heading-30-tracking:0;--core-type-heading-30-weight:var(--core-type-bold-weight);--core-type-heading-5-case:uppercase;--core-type-heading-5-font-family:var(--core-type-font-family);--core-type-heading-5-leading:20px;--core-type-heading-5-number-spacing:'default';--core-type-heading-5-scale:heading-5;--core-type-heading-5-size:12px;--core-type-heading-5-tracking:0.050em;--core-type-heading-5-weight:var(--core-type-medium-weight);--core-type-medium-10-case:var(--core-type-paragraph-10-case);--core-type-medium-10-font-family:var(--core-type-paragraph-10-font-family);--core-type-medium-10-leading:var(--core-type-paragraph-10-leading);--core-type-medium-10-number-spacing:var(--core-type-paragraph-10-number-spacing);--core-type-medium-10-scale:var(--core-type-paragraph-10-scale);--core-type-medium-10-size:var(--core-type-paragraph-10-size);--core-type-medium-10-tracking:var(--core-type-paragraph-10-tracking);--core-type-medium-10-weight:var(--core-type-medium-weight);--core-type-medium-20-case:var(--core-type-paragraph-20-case);--core-type-medium-20-font-family:var(--core-type-paragraph-20-font-family);--core-type-medium-20-leading:var(--core-type-paragraph-20-leading);--core-type-medium-20-number-spacing:var(--core-type-paragraph-20-number-spacing);--core-type-medium-20-scale:var(--core-type-paragraph-20-scale);--core-type-medium-20-size:var(--core-type-paragraph-20-size);--core-type-medium-20-tracking:var(--core-type-paragraph-20-tracking);--core-type-medium-20-weight:var(--core-type-medium-weight);--core-type-medium-30-case:var(--core-type-paragraph-30-case);--core-type-medium-30-font-family:var(--core-type-paragraph-30-font-family);--core-type-medium-30-leading:var(--core-type-paragraph-30-leading);--core-type-medium-30-number-spacing:var(--core-type-paragraph-30-number-spacing);--core-type-medium-30-scale:var(--core-type-paragraph-30-scale);--core-type-medium-30-size:var(--core-type-paragraph-30-size);--core-type-medium-30-tracking:var(--core-type-paragraph-30-tracking);--core-type-medium-30-weight:var(--core-type-medium-weight);--core-type-medium-weight:500;--core-type-mono-display-10-case:var(--core-type-display-10-case);--core-type-mono-display-10-font-family:var(--core-type-mono-font-family);--core-type-mono-display-10-leading:var(--core-type-display-10-leading);--core-type-mono-display-10-number-spacing:var(--core-type-display-10-number-spacing);--core-type-mono-display-10-scale:var(--core-type-display-10-scale);--core-type-mono-display-10-size:var(--core-type-display-10-size);--core-type-mono-display-10-tracking:var(--core-type-display-10-tracking);--core-type-mono-display-10-weight:var(--core-type-display-10-weight);--core-type-mono-display-20-case:var(--core-type-display-20-case);--core-type-mono-display-20-font-family:var(--core-type-mono-font-family);--core-type-mono-display-20-leading:var(--core-type-display-20-leading);--core-type-mono-display-20-number-spacing:var(--core-type-display-20-number-spacing);--core-type-mono-display-20-scale:var(--core-type-display-20-scale);--core-type-mono-display-20-size:var(--core-type-display-20-size);--core-type-mono-display-20-tracking:var(--core-type-display-20-tracking);--core-type-mono-display-20-weight:var(--core-type-display-20-weight);--core-type-mono-font-family:'Square Sans Mono VF','Square Sans Mono','Roboto Mono',Roboto,monospace;--core-type-mono-heading-10-case:var(--core-type-heading-10-case);--core-type-mono-heading-10-font-family:var(--core-type-mono-font-family);--core-type-mono-heading-10-leading:var(--core-type-heading-10-leading);--core-type-mono-heading-10-number-spacing:var(--core-type-heading-10-number-spacing);--core-type-mono-heading-10-scale:var(--core-type-heading-10-scale);--core-type-mono-heading-10-size:var(--core-type-heading-10-size);--core-type-mono-heading-10-tracking:var(--core-type-heading-10-tracking);--core-type-mono-heading-10-weight:var(--core-type-heading-10-weight);--core-type-mono-heading-20-case:var(--core-type-heading-20-case);--core-type-mono-heading-20-font-family:var(--core-type-mono-font-family);--core-type-mono-heading-20-leading:var(--core-type-heading-20-leading);--core-type-mono-heading-20-number-spacing:var(--core-type-heading-20-number-spacing);--core-type-mono-heading-20-scale:var(--core-type-heading-20-scale);--core-type-mono-heading-20-size:var(--core-type-heading-20-size);--core-type-mono-heading-20-tracking:var(--core-type-heading-20-tracking);--core-type-mono-heading-20-weight:var(--core-type-heading-20-weight);--core-type-mono-heading-30-case:var(--core-type-heading-30-case);--core-type-mono-heading-30-font-family:var(--core-type-mono-font-family);--core-type-mono-heading-30-leading:var(--core-type-heading-30-leading);--core-type-mono-heading-30-number-spacing:var(--core-type-heading-30-number-spacing);--core-type-mono-heading-30-scale:var(--core-type-heading-30-scale);--core-type-mono-heading-30-size:var(--core-type-heading-30-size);--core-type-mono-heading-30-tracking:var(--core-type-heading-30-tracking);--core-type-mono-heading-30-weight:var(--core-type-heading-30-weight);--core-type-mono-medium-10-case:var(--core-type-medium-10-case);--core-type-mono-medium-10-font-family:var(--core-type-mono-font-family);--core-type-mono-medium-10-leading:var(--core-type-medium-10-leading);--core-type-mono-medium-10-number-spacing:var(--core-type-medium-10-number-spacing);--core-type-mono-medium-10-scale:var(--core-type-medium-10-scale);--core-type-mono-medium-10-size:var(--core-type-medium-10-size);--core-type-mono-medium-10-tracking:var(--core-type-medium-10-tracking);--core-type-mono-medium-10-weight:var(--core-type-medium-10-weight);--core-type-mono-medium-20-case:var(--core-type-medium-20-case);--core-type-mono-medium-20-font-family:var(--core-type-mono-font-family);--core-type-mono-medium-20-leading:var(--core-type-medium-20-leading);--core-type-mono-medium-20-number-spacing:var(--core-type-medium-20-number-spacing);--core-type-mono-medium-20-scale:var(--core-type-medium-20-scale);--core-type-mono-medium-20-size:var(--core-type-medium-20-size);--core-type-mono-medium-20-tracking:var(--core-type-medium-20-tracking);--core-type-mono-medium-20-weight:var(--core-type-medium-20-weight);--core-type-mono-medium-30-case:var(--core-type-medium-30-case);--core-type-mono-medium-30-font-family:var(--core-type-mono-font-family);--core-type-mono-medium-30-leading:var(--core-type-medium-30-leading);--core-type-mono-medium-30-number-spacing:var(--core-type-medium-30-number-spacing);--core-type-mono-medium-30-scale:var(--core-type-medium-30-scale);--core-type-mono-medium-30-size:var(--core-type-medium-30-size);--core-type-mono-medium-30-tracking:var(--core-type-medium-30-tracking);--core-type-mono-medium-30-weight:var(--core-type-medium-30-weight);--core-type-mono-paragraph-10-case:var(--core-type-paragraph-10-case);--core-type-mono-paragraph-10-font-family:var(--core-type-mono-font-family);--core-type-mono-paragraph-10-leading:var(--core-type-paragraph-10-leading);--core-type-mono-paragraph-10-number-spacing:var(--core-type-paragraph-10-number-spacing);--core-type-mono-paragraph-10-scale:var(--core-type-paragraph-10-scale);--core-type-mono-paragraph-10-size:var(--core-type-paragraph-10-size);--core-type-mono-paragraph-10-tracking:var(--core-type-paragraph-10-tracking);--core-type-mono-paragraph-10-weight:var(--core-type-paragraph-10-weight);--core-type-mono-paragraph-20-case:var(--core-type-paragraph-20-case);--core-type-mono-paragraph-20-font-family:var(--core-type-mono-font-family);--core-type-mono-paragraph-20-leading:var(--core-type-paragraph-20-leading);--core-type-mono-paragraph-20-number-spacing:var(--core-type-paragraph-20-number-spacing);--core-type-mono-paragraph-20-scale:var(--core-type-paragraph-20-scale);--core-type-mono-paragraph-20-size:var(--core-type-paragraph-20-size);--core-type-mono-paragraph-20-tracking:var(--core-type-paragraph-20-tracking);--core-type-mono-paragraph-20-weight:var(--core-type-paragraph-20-weight);--core-type-mono-paragraph-30-case:var(--core-type-paragraph-30-case);--core-type-mono-paragraph-30-font-family:var(--core-type-mono-font-family);--core-type-mono-paragraph-30-leading:var(--core-type-paragraph-30-leading);--core-type-mono-paragraph-30-number-spacing:var(--core-type-paragraph-30-number-spacing);--core-type-mono-paragraph-30-scale:var(--core-type-paragraph-30-scale);--core-type-mono-paragraph-30-size:var(--core-type-paragraph-30-size);--core-type-mono-paragraph-30-tracking:var(--core-type-paragraph-30-tracking);--core-type-mono-paragraph-30-weight:var(--core-type-paragraph-30-weight);--core-type-mono-semibold-10-case:var(--core-type-semibold-10-case);--core-type-mono-semibold-10-font-family:var(--core-type-mono-font-family);--core-type-mono-semibold-10-leading:var(--core-type-semibold-10-leading);--core-type-mono-semibold-10-number-spacing:var(--core-type-semibold-10-number-spacing);--core-type-mono-semibold-10-scale:var(--core-type-semibold-10-scale);--core-type-mono-semibold-10-size:var(--core-type-semibold-10-size);--core-type-mono-semibold-10-tracking:var(--core-type-semibold-10-tracking);--core-type-mono-semibold-10-weight:var(--core-type-semibold-10-weight);--core-type-mono-semibold-20-case:var(--core-type-semibold-20-case);--core-type-mono-semibold-20-font-family:var(--core-type-mono-font-family);--core-type-mono-semibold-20-leading:var(--core-type-semibold-20-leading);--core-type-mono-semibold-20-number-spacing:var(--core-type-semibold-20-number-spacing);--core-type-mono-semibold-20-scale:var(--core-type-semibold-20-scale);--core-type-mono-semibold-20-size:var(--core-type-semibold-20-size);--core-type-mono-semibold-20-tracking:var(--core-type-semibold-20-tracking);--core-type-mono-semibold-20-weight:var(--core-type-semibold-20-weight);--core-type-mono-semibold-30-case:var(--core-type-semibold-30-case);--core-type-mono-semibold-30-font-family:var(--core-type-mono-font-family);--core-type-mono-semibold-30-leading:var(--core-type-semibold-30-leading);--core-type-mono-semibold-30-number-spacing:var(--core-type-semibold-30-number-spacing);--core-type-mono-semibold-30-scale:var(--core-type-semibold-30-scale);--core-type-mono-semibold-30-size:var(--core-type-semibold-30-size);--core-type-mono-semibold-30-tracking:var(--core-type-semibold-30-tracking);--core-type-mono-semibold-30-weight:var(--core-type-semibold-30-weight);--core-type-paragraph-10-case:none;--core-type-paragraph-10-font-family:var(--core-type-font-family);--core-type-paragraph-10-leading:18px;--core-type-paragraph-10-number-spacing:'default';--core-type-paragraph-10-scale:paragraph-10;--core-type-paragraph-10-size:12px;--core-type-paragraph-10-tracking:0;--core-type-paragraph-10-weight:var(--core-type-regular-weight);--core-type-paragraph-20-case:none;--core-type-paragraph-20-font-family:var(--core-type-font-family);--core-type-paragraph-20-leading:22px;--core-type-paragraph-20-number-spacing:'default';--core-type-paragraph-20-scale:paragraph-20;--core-type-paragraph-20-size:14px;--core-type-paragraph-20-tracking:0;--core-type-paragraph-20-weight:var(--core-type-regular-weight);--core-type-paragraph-30-case:none;--core-type-paragraph-30-font-family:var(--core-type-font-family);--core-type-paragraph-30-leading:24px;--core-type-paragraph-30-number-spacing:'default';--core-type-paragraph-30-scale:paragraph-30;--core-type-paragraph-30-size:16px;--core-type-paragraph-30-tracking:0;--core-type-paragraph-30-weight:var(--core-type-regular-weight);--core-type-regular-weight:400;--core-type-semibold-10-case:var(--core-type-paragraph-10-case);--core-type-semibold-10-font-family:var(--core-type-paragraph-10-font-family);--core-type-semibold-10-leading:var(--core-type-paragraph-10-leading);--core-type-semibold-10-number-spacing:var(--core-type-paragraph-10-number-spacing);--core-type-semibold-10-scale:var(--core-type-paragraph-10-scale);--core-type-semibold-10-size:var(--core-type-paragraph-10-size);--core-type-semibold-10-tracking:var(--core-type-paragraph-10-tracking);--core-type-semibold-10-weight:var(--core-type-semibold-weight);--core-type-semibold-20-case:var(--core-type-paragraph-20-case);--core-type-semibold-20-font-family:var(--core-type-paragraph-20-font-family);--core-type-semibold-20-leading:var(--core-type-paragraph-20-leading);--core-type-semibold-20-number-spacing:var(--core-type-paragraph-20-number-spacing);--core-type-semibold-20-scale:var(--core-type-paragraph-20-scale);--core-type-semibold-20-size:var(--core-type-paragraph-20-size);--core-type-semibold-20-tracking:var(--core-type-paragraph-20-tracking);--core-type-semibold-20-weight:var(--core-type-semibold-weight);--core-type-semibold-30-case:var(--core-type-paragraph-30-case);--core-type-semibold-30-font-family:var(--core-type-paragraph-30-font-family);--core-type-semibold-30-leading:var(--core-type-paragraph-30-leading);--core-type-semibold-30-number-spacing:var(--core-type-paragraph-30-number-spacing);--core-type-semibold-30-scale:var(--core-type-paragraph-30-scale);--core-type-semibold-30-size:var(--core-type-paragraph-30-size);--core-type-semibold-30-tracking:var(--core-type-paragraph-30-tracking);--core-type-semibold-30-weight:var(--core-type-semibold-weight);--core-type-semibold-weight:600;--core-vertical-size-class-regular-threshold:600px;--core-vertical-size-class-tall-threshold:864px;--core-warning-10-color:var(--core-warning-10-light-mode-color);--core-warning-10-dark-mode-color:var(--core-gold-10-dark-mode-color);--core-warning-10-light-mode-color:var(--core-gold-10-light-mode-color);--core-warning-20-color:var(--core-warning-20-light-mode-color);--core-warning-20-dark-mode-color:var(--core-gold-20-dark-mode-color);--core-warning-20-light-mode-color:var(--core-gold-20-light-mode-color);--core-warning-30-color:var(--core-warning-30-light-mode-color);--core-warning-30-dark-mode-color:var(--core-gold-30-dark-mode-color);--core-warning-30-light-mode-color:var(--core-gold-30-light-mode-color);--core-warning-40-color:var(--core-warning-40-light-mode-color);--core-warning-40-dark-mode-color:var(--core-gold-40-dark-mode-color);--core-warning-40-light-mode-color:var(--core-gold-40-light-mode-color);--core-warning-fill-color:var(--core-warning-fill-light-mode-color);--core-warning-fill-dark-mode-color:var(--core-gold-fill-dark-mode-color);--core-warning-fill-light-mode-color:var(--core-gold-fill-light-mode-color);--core-warning-text-color:var(--core-warning-text-light-mode-color);--core-warning-text-dark-mode-color:var(--core-gold-text-dark-mode-color);--core-warning-text-light-mode-color:var(--core-gold-text-light-mode-color);--core-wide-viewport-grid-column-count:var(--core-extra-wide-viewport-grid-column-count);--core-wide-viewport-grid-horizontal-spacing:var(--core-extra-wide-viewport-grid-horizontal-spacing);--core-wide-viewport-grid-item-full-size-column-span:var(--core-extra-wide-viewport-grid-item-full-size-column-span);--core-wide-viewport-grid-item-large-size-column-span:var(--core-extra-wide-viewport-grid-item-large-size-column-span);--core-wide-viewport-grid-item-medium-size-column-span:var(--core-extra-wide-viewport-grid-item-medium-size-column-span);--core-wide-viewport-grid-item-small-size-column-span:var(--core-extra-wide-viewport-grid-item-small-size-column-span);--core-wide-viewport-grid-vertical-spacing:var(--core-extra-wide-viewport-grid-vertical-spacing);--core-yellow-10-color:var(--core-yellow-10-light-mode-color);--core-yellow-10-dark-mode-color:#CC9900;--core-yellow-10-light-mode-color:#CC9900;--core-yellow-20-color:var(--core-yellow-20-light-mode-color);--core-yellow-20-dark-mode-color:#E5AC00;--core-yellow-20-light-mode-color:#E5AC00;--core-yellow-30-color:var(--core-yellow-30-light-mode-color);--core-yellow-30-dark-mode-color:#594300;--core-yellow-30-light-mode-color:#FFF2CC;--core-yellow-40-color:var(--core-yellow-40-light-mode-color);--core-yellow-40-dark-mode-color:#332600;--core-yellow-40-light-mode-color:#FFF9E5;--core-yellow-fill-color:var(--core-yellow-fill-light-mode-color);--core-yellow-fill-dark-mode-color:#FFBF00;--core-yellow-fill-light-mode-color:#FFBF00;--core-yellow-text-color:var(--core-yellow-text-light-mode-color);--core-yellow-text-dark-mode-color:#FFBF00;--core-yellow-text-light-mode-color:#876500;--accessory-background-color:var(--accessory-background-light-mode-color);--accessory-background-dark-mode-color:var(--core-fill-40-dark-mode-color);--accessory-background-light-mode-color:var(--core-fill-40-light-mode-color);--accessory-background-radius:var(--accessory-medium-size-radius);--accessory-disabled-state-background-color:var(--accessory-disabled-state-background-light-mode-color);--accessory-disabled-state-background-dark-mode-color:var(--accessory-normal-state-background-dark-mode-color);--accessory-disabled-state-background-light-mode-color:var(--accessory-normal-state-background-light-mode-color);--accessory-disabled-state-icon-color:var(--accessory-disabled-state-icon-light-mode-color);--accessory-disabled-state-icon-dark-mode-color:var(--accessory-normal-state-icon-dark-mode-color);--accessory-disabled-state-icon-light-mode-color:var(--accessory-normal-state-icon-light-mode-color);--accessory-disabled-state-opacity:var(--core-opacity-disabled-state);--accessory-disabled-state-text-color:var(--accessory-disabled-state-text-light-mode-color);--accessory-disabled-state-text-dark-mode-color:var(--accessory-normal-state-text-dark-mode-color);--accessory-disabled-state-text-light-mode-color:var(--accessory-normal-state-text-light-mode-color);--accessory-icon-variant-color:var(--accessory-icon-variant-light-mode-color);--accessory-icon-variant-dark-mode-color:var(--core-fill-10-dark-mode-color);--accessory-icon-variant-large-size-height:40px;--accessory-icon-variant-large-size-width:40px;--accessory-icon-variant-light-mode-color:var(--core-fill-10-light-mode-color);--accessory-icon-variant-medium-size-height:24px;--accessory-icon-variant-medium-size-width:24px;--accessory-initials-variant-color:var(--accessory-initials-variant-light-mode-color);--accessory-initials-variant-dark-mode-color:var(--core-text-20-dark-mode-color);--accessory-initials-variant-large-size-text-case:var(--core-type-display-10-case);--accessory-initials-variant-large-size-text-font-family:var(--core-type-display-10-font-family);--accessory-initials-variant-large-size-text-leading:var(--core-type-display-10-leading);--accessory-initials-variant-large-size-text-number-spacing:var(--core-type-display-10-number-spacing);--accessory-initials-variant-large-size-text-scale:var(--core-type-display-10-scale);--accessory-initials-variant-large-size-text-size:28px;--accessory-initials-variant-large-size-text-tracking:var(--core-type-display-10-tracking);--accessory-initials-variant-large-size-text-weight:var(--core-type-medium-weight);--accessory-initials-variant-light-mode-color:var(--core-text-20-light-mode-color);--accessory-initials-variant-medium-size-text-case:var(--core-type-semibold-30-case);--accessory-initials-variant-medium-size-text-font-family:var(--core-type-semibold-30-font-family);--accessory-initials-variant-medium-size-text-leading:var(--core-type-semibold-30-leading);--accessory-initials-variant-medium-size-text-number-spacing:var(--core-type-semibold-30-number-spacing);--accessory-initials-variant-medium-size-text-scale:var(--core-type-semibold-30-scale);--accessory-initials-variant-medium-size-text-size:var(--core-type-semibold-30-size);--accessory-initials-variant-medium-size-text-tracking:var(--core-type-semibold-30-tracking);--accessory-initials-variant-medium-size-text-weight:var(--core-type-semibold-30-weight);--accessory-large-size-height:var(--core-large-size-minimum-height);--accessory-large-size-icon-height:var(--core-icon-large-size-height);--accessory-large-size-icon-width:var(--accessory-large-size-icon-height);--accessory-large-size-radius:var(--core-radius-100);--accessory-large-size-text-case:var(--core-type-display-10-case);--accessory-large-size-text-font-family:var(--core-type-display-10-font-family);--accessory-large-size-text-leading:var(--accessory-large-size-text-size);--accessory-large-size-text-number-spacing:var(--core-type-display-10-number-spacing);--accessory-large-size-text-scale:var(--core-type-display-10-scale);--accessory-large-size-text-size:28px;--accessory-large-size-text-tracking:var(--core-type-display-10-tracking);--accessory-large-size-text-weight:var(--core-type-medium-weight);--accessory-large-size-width:var(--accessory-large-size-height);--accessory-medium-size-height:var(--core-small-size-minimum-height);--accessory-medium-size-icon-height:var(--core-icon-medium-size-height);--accessory-medium-size-icon-width:var(--accessory-medium-size-icon-height);--accessory-medium-size-radius:var(--core-radius-100);--accessory-medium-size-text-case:var(--core-type-semibold-30-case);--accessory-medium-size-text-font-family:var(--core-type-semibold-30-font-family);--accessory-medium-size-text-leading:var(--core-type-semibold-30-leading);--accessory-medium-size-text-number-spacing:var(--core-type-semibold-30-number-spacing);--accessory-medium-size-text-scale:var(--core-type-semibold-30-scale);--accessory-medium-size-text-size:var(--core-type-semibold-30-size);--accessory-medium-size-text-tracking:var(--core-type-semibold-30-tracking);--accessory-medium-size-text-weight:var(--core-type-semibold-30-weight);--accessory-medium-size-width:var(--accessory-medium-size-height);--accessory-normal-state-background-color:var(--accessory-normal-state-background-light-mode-color);--accessory-normal-state-background-dark-mode-color:var(--core-fill-40-dark-mode-color);--accessory-normal-state-background-light-mode-color:var(--core-fill-40-light-mode-color);--accessory-normal-state-icon-color:var(--accessory-normal-state-icon-light-mode-color);--accessory-normal-state-icon-dark-mode-color:var(--core-fill-10-dark-mode-color);--accessory-normal-state-icon-light-mode-color:var(--core-fill-10-light-mode-color);--accessory-normal-state-opacity:var(--core-opacity-normal-state);--accessory-normal-state-text-color:var(--accessory-normal-state-text-light-mode-color);--accessory-normal-state-text-dark-mode-color:var(--core-text-20-dark-mode-color);--accessory-normal-state-text-light-mode-color:var(--core-text-20-light-mode-color);--accordion-disabled-state-accessory-opacity:0.5;--accordion-disabled-state-content-color:var(--accordion-disabled-state-content-light-mode-color);--accordion-disabled-state-content-dark-mode-color:var(--core-text-30-dark-mode-color);--accordion-disabled-state-content-light-mode-color:var(--core-text-30-light-mode-color);--accordion-disabled-state-side-text-color:var(--accordion-disabled-state-side-text-light-mode-color);--accordion-disabled-state-side-text-dark-mode-color:var(--core-text-30-dark-mode-color);--accordion-disabled-state-side-text-light-mode-color:var(--core-text-30-light-mode-color);--accordion-focus-state-accessory-opacity:1;--accordion-focus-state-content-color:var(--accordion-focus-state-content-light-mode-color);--accordion-focus-state-content-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--accordion-focus-state-content-light-mode-color:var(--core-emphasis-text-light-mode-color);--accordion-focus-state-side-text-color:var(--accordion-focus-state-side-text-light-mode-color);--accordion-focus-state-side-text-dark-mode-color:var(--core-text-20-dark-mode-color);--accordion-focus-state-side-text-light-mode-color:var(--core-text-20-light-mode-color);--accordion-heading-10-variant-collapsed-phase-icon-height:16px;--accordion-heading-10-variant-collapsed-phase-icon-width:16px;--accordion-heading-10-variant-content-spacing:var(--core-metrics-spacing-200);--accordion-heading-10-variant-expanded-phase-icon-height:16px;--accordion-heading-10-variant-expanded-phase-icon-width:16px;--accordion-heading-10-variant-expanded-phase-spacing:var(--core-metrics-spacing-100);--accordion-heading-10-variant-horizontal-padding:0px;--accordion-heading-10-variant-separator-color:var(--accordion-heading-10-variant-separator-light-mode-color);--accordion-heading-10-variant-separator-dark-mode-color:var(--core-divider-20-dark-mode-color);--accordion-heading-10-variant-separator-light-mode-color:var(--core-divider-20-light-mode-color);--accordion-heading-10-variant-separator-size:1px;--accordion-heading-10-variant-side-text-case:var(--core-type-paragraph-10-case);--accordion-heading-10-variant-side-text-font-family:var(--core-type-paragraph-10-font-family);--accordion-heading-10-variant-side-text-leading:var(--core-type-paragraph-10-leading);--accordion-heading-10-variant-side-text-number-spacing:var(--core-type-paragraph-10-number-spacing);--accordion-heading-10-variant-side-text-scale:var(--core-type-paragraph-10-scale);--accordion-heading-10-variant-side-text-size:var(--core-type-paragraph-10-size);--accordion-heading-10-variant-side-text-tracking:var(--core-type-paragraph-10-tracking);--accordion-heading-10-variant-side-text-weight:var(--core-type-paragraph-10-weight);--accordion-heading-10-variant-text-case:var(--core-type-heading-10-case);--accordion-heading-10-variant-text-font-family:var(--core-type-heading-10-font-family);--accordion-heading-10-variant-text-leading:var(--core-type-heading-10-leading);--accordion-heading-10-variant-text-number-spacing:var(--core-type-heading-10-number-spacing);--accordion-heading-10-variant-text-scale:var(--core-type-heading-10-scale);--accordion-heading-10-variant-text-size:var(--core-type-heading-10-size);--accordion-heading-10-variant-text-tracking:var(--core-type-heading-10-tracking);--accordion-heading-10-variant-text-weight:var(--core-type-heading-10-weight);--accordion-heading-10-variant-vertical-padding:13px;--accordion-heading-20-variant-collapsed-phase-icon-height:20px;--accordion-heading-20-variant-collapsed-phase-icon-width:20px;--accordion-heading-20-variant-content-spacing:var(--core-metrics-spacing-200);--accordion-heading-20-variant-expanded-phase-icon-height:20px;--accordion-heading-20-variant-expanded-phase-icon-width:20px;--accordion-heading-20-variant-expanded-phase-spacing:var(--core-metrics-spacing-100);--accordion-heading-20-variant-horizontal-padding:0px;--accordion-heading-20-variant-separator-color:var(--accordion-heading-20-variant-separator-light-mode-color);--accordion-heading-20-variant-separator-dark-mode-color:var(--core-divider-20-dark-mode-color);--accordion-heading-20-variant-separator-light-mode-color:var(--core-divider-20-light-mode-color);--accordion-heading-20-variant-separator-size:1px;--accordion-heading-20-variant-side-text-case:var(--core-type-paragraph-20-case);--accordion-heading-20-variant-side-text-font-family:var(--core-type-paragraph-20-font-family);--accordion-heading-20-variant-side-text-leading:var(--core-type-paragraph-20-leading);--accordion-heading-20-variant-side-text-number-spacing:var(--core-type-paragraph-20-number-spacing);--accordion-heading-20-variant-side-text-scale:var(--core-type-paragraph-20-scale);--accordion-heading-20-variant-side-text-size:var(--core-type-paragraph-20-size);--accordion-heading-20-variant-side-text-tracking:var(--core-type-paragraph-20-tracking);--accordion-heading-20-variant-side-text-weight:var(--core-type-paragraph-20-weight);--accordion-heading-20-variant-text-case:var(--core-type-heading-20-case);--accordion-heading-20-variant-text-font-family:var(--core-type-heading-20-font-family);--accordion-heading-20-variant-text-leading:var(--core-type-heading-20-leading);--accordion-heading-20-variant-text-number-spacing:var(--core-type-heading-20-number-spacing);--accordion-heading-20-variant-text-scale:var(--core-type-heading-20-scale);--accordion-heading-20-variant-text-size:var(--core-type-heading-20-size);--accordion-heading-20-variant-text-tracking:var(--core-type-heading-20-tracking);--accordion-heading-20-variant-text-weight:var(--core-type-heading-20-weight);--accordion-heading-20-variant-vertical-padding:19px;--accordion-heading-30-variant-collapsed-phase-icon-height:24px;--accordion-heading-30-variant-collapsed-phase-icon-width:24px;--accordion-heading-30-variant-content-spacing:var(--core-metrics-spacing-200);--accordion-heading-30-variant-expanded-phase-icon-height:24px;--accordion-heading-30-variant-expanded-phase-icon-width:24px;--accordion-heading-30-variant-expanded-phase-spacing:var(--core-metrics-spacing-100);--accordion-heading-30-variant-horizontal-padding:0px;--accordion-heading-30-variant-separator-color:var(--accordion-heading-30-variant-separator-light-mode-color);--accordion-heading-30-variant-separator-dark-mode-color:var(--core-divider-20-dark-mode-color);--accordion-heading-30-variant-separator-light-mode-color:var(--core-divider-20-light-mode-color);--accordion-heading-30-variant-separator-size:1px;--accordion-heading-30-variant-side-text-case:var(--core-type-paragraph-30-case);--accordion-heading-30-variant-side-text-font-family:var(--core-type-paragraph-30-font-family);--accordion-heading-30-variant-side-text-leading:var(--core-type-paragraph-30-leading);--accordion-heading-30-variant-side-text-number-spacing:var(--core-type-paragraph-30-number-spacing);--accordion-heading-30-variant-side-text-scale:var(--core-type-paragraph-30-scale);--accordion-heading-30-variant-side-text-size:var(--core-type-paragraph-30-size);--accordion-heading-30-variant-side-text-tracking:var(--core-type-paragraph-30-tracking);--accordion-heading-30-variant-side-text-weight:var(--core-type-paragraph-30-weight);--accordion-heading-30-variant-text-case:var(--core-type-heading-30-case);--accordion-heading-30-variant-text-font-family:var(--core-type-heading-30-font-family);--accordion-heading-30-variant-text-leading:var(--core-type-heading-30-leading);--accordion-heading-30-variant-text-number-spacing:var(--core-type-heading-30-number-spacing);--accordion-heading-30-variant-text-scale:var(--core-type-heading-30-scale);--accordion-heading-30-variant-text-size:var(--core-type-heading-30-size);--accordion-heading-30-variant-text-tracking:var(--core-type-heading-30-tracking);--accordion-heading-30-variant-text-weight:var(--core-type-heading-30-weight);--accordion-heading-30-variant-vertical-padding:24px;--accordion-hover-state-accessory-opacity:1;--accordion-hover-state-content-color:var(--accordion-hover-state-content-light-mode-color);--accordion-hover-state-content-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--accordion-hover-state-content-light-mode-color:var(--core-emphasis-text-light-mode-color);--accordion-hover-state-side-text-color:var(--accordion-hover-state-side-text-light-mode-color);--accordion-hover-state-side-text-dark-mode-color:var(--core-text-20-dark-mode-color);--accordion-hover-state-side-text-light-mode-color:var(--core-text-20-light-mode-color);--accordion-normal-state-accessory-opacity:1;--accordion-normal-state-content-color:var(--accordion-normal-state-content-light-mode-color);--accordion-normal-state-content-dark-mode-color:var(--core-text-10-dark-mode-color);--accordion-normal-state-content-light-mode-color:var(--core-text-10-light-mode-color);--accordion-normal-state-side-text-color:var(--accordion-normal-state-side-text-light-mode-color);--accordion-normal-state-side-text-dark-mode-color:var(--core-text-20-dark-mode-color);--accordion-normal-state-side-text-light-mode-color:var(--core-text-20-light-mode-color);--accordion-pressed-state-accessory-opacity:1;--accordion-pressed-state-content-color:var(--accordion-pressed-state-content-light-mode-color);--accordion-pressed-state-content-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--accordion-pressed-state-content-light-mode-color:var(--core-emphasis-text-light-mode-color);--accordion-pressed-state-side-text-color:var(--accordion-pressed-state-side-text-light-mode-color);--accordion-pressed-state-side-text-dark-mode-color:var(--core-text-20-dark-mode-color);--accordion-pressed-state-side-text-light-mode-color:var(--core-text-20-light-mode-color);--action-card-active-state-content-opacity:var(--action-card-active-state-unselected-value-content-opacity);--action-card-active-state-selected-value-background-color:var(--action-card-active-state-selected-value-background-light-mode-color);--action-card-active-state-selected-value-background-dark-mode-color:var(--core-surface-10-dark-mode-color);--action-card-active-state-selected-value-background-light-mode-color:var(--core-surface-10-light-mode-color);--action-card-active-state-selected-value-border-color:var(--action-card-active-state-selected-value-border-light-mode-color);--action-card-active-state-selected-value-border-dark-mode-color:var(--core-fill-10-dark-mode-color);--action-card-active-state-selected-value-border-light-mode-color:var(--core-fill-10-light-mode-color);--action-card-active-state-selected-value-border-width:var(--core-border-20);--action-card-active-state-selected-value-content-opacity:var(--core-opacity-pressed-state);--action-card-active-state-unselected-value-background-color:var(--action-card-active-state-unselected-value-background-light-mode-color);--action-card-active-state-unselected-value-background-dark-mode-color:var(--core-surface-10-dark-mode-color);--action-card-active-state-unselected-value-background-light-mode-color:var(--core-surface-10-light-mode-color);--action-card-active-state-unselected-value-border-color:var(--action-card-active-state-unselected-value-border-light-mode-color);--action-card-active-state-unselected-value-border-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--action-card-active-state-unselected-value-border-light-mode-color:var(--core-emphasis-fill-light-mode-color);--action-card-active-state-unselected-value-border-width:var(--core-border-10);--action-card-active-state-unselected-value-content-opacity:var(--core-opacity-pressed-state);--action-card-background-color:var(--action-card-background-light-mode-color);--action-card-background-dark-mode-color:var(--core-surface-10-dark-mode-color);--action-card-background-light-mode-color:var(--core-surface-10-light-mode-color);--action-card-border-disabled-state-color:var(--action-card-border-disabled-state-light-mode-color);--action-card-border-disabled-state-dark-mode-color:var(--action-card-disabled-state-unselected-value-border-dark-mode-color);--action-card-border-disabled-state-light-mode-color:var(--action-card-disabled-state-unselected-value-border-light-mode-color);--action-card-border-disabled-state-width:var(--action-card-disabled-state-unselected-value-border-width);--action-card-border-hover-state-color:var(--action-card-border-hover-state-light-mode-color);--action-card-border-hover-state-dark-mode-color:var(--action-card-hover-state-unselected-value-border-dark-mode-color);--action-card-border-hover-state-light-mode-color:var(--action-card-hover-state-unselected-value-border-light-mode-color);--action-card-border-hover-state-width:var(--action-card-hover-state-unselected-value-border-width);--action-card-border-radius:var(--core-radius-100);--action-card-border-selected-state-color:var(--action-card-border-selected-state-light-mode-color);--action-card-border-selected-state-dark-mode-color:var(--action-card-normal-state-selected-value-border-dark-mode-color);--action-card-border-selected-state-light-mode-color:var(--action-card-normal-state-selected-value-border-light-mode-color);--action-card-border-selected-state-width:var(--action-card-normal-state-selected-value-border-width);--action-card-disabled-state-content-opacity:var(--action-card-disabled-state-unselected-value-content-opacity);--action-card-disabled-state-selected-value-background-color:var(--action-card-disabled-state-selected-value-background-light-mode-color);--action-card-disabled-state-selected-value-background-dark-mode-color:var(--core-surface-10-dark-mode-color);--action-card-disabled-state-selected-value-background-light-mode-color:var(--core-surface-10-light-mode-color);--action-card-disabled-state-selected-value-border-color:var(--action-card-disabled-state-selected-value-border-light-mode-color);--action-card-disabled-state-selected-value-border-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--action-card-disabled-state-selected-value-border-light-mode-color:var(--core-emphasis-fill-light-mode-color);--action-card-disabled-state-selected-value-border-width:var(--core-border-20);--action-card-disabled-state-selected-value-content-opacity:var(--core-opacity-disabled-state);--action-card-disabled-state-unselected-value-background-color:var(--action-card-disabled-state-unselected-value-background-light-mode-color);--action-card-disabled-state-unselected-value-background-dark-mode-color:var(--core-surface-10-dark-mode-color);--action-card-disabled-state-unselected-value-background-light-mode-color:var(--core-surface-10-light-mode-color);--action-card-disabled-state-unselected-value-border-color:var(--action-card-disabled-state-unselected-value-border-light-mode-color);--action-card-disabled-state-unselected-value-border-dark-mode-color:var(--core-fill-30-dark-mode-color);--action-card-disabled-state-unselected-value-border-light-mode-color:var(--core-fill-30-light-mode-color);--action-card-disabled-state-unselected-value-border-width:var(--core-border-10);--action-card-disabled-state-unselected-value-content-opacity:var(--core-opacity-disabled-state);--action-card-focus-ring-border-size:var(--core-focus-ring-border-size);--action-card-focus-ring-buffer-size:var(--core-focus-ring-buffer-size);--action-card-focus-ring-color:var(--action-card-focus-ring-light-mode-color);--action-card-focus-ring-dark-mode-color:var(--core-focus-ring-dark-mode-color);--action-card-focus-ring-light-mode-color:var(--core-focus-ring-light-mode-color);--action-card-horizontal-gap:var(--core-metrics-spacing-100);--action-card-horizontal-padding:var(--core-metrics-spacing-200);--action-card-hover-state-content-opacity:var(--action-card-hover-state-unselected-value-content-opacity);--action-card-hover-state-selected-value-background-color:var(--action-card-hover-state-selected-value-background-light-mode-color);--action-card-hover-state-selected-value-background-dark-mode-color:var(--core-surface-10-dark-mode-color);--action-card-hover-state-selected-value-background-light-mode-color:var(--core-surface-10-light-mode-color);--action-card-hover-state-selected-value-border-color:var(--action-card-hover-state-selected-value-border-light-mode-color);--action-card-hover-state-selected-value-border-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--action-card-hover-state-selected-value-border-light-mode-color:var(--core-emphasis-fill-light-mode-color);--action-card-hover-state-selected-value-border-width:var(--core-border-20);--action-card-hover-state-selected-value-content-opacity:var(--core-opacity-hover-state);--action-card-hover-state-unselected-value-background-color:var(--action-card-hover-state-unselected-value-background-light-mode-color);--action-card-hover-state-unselected-value-background-dark-mode-color:var(--core-surface-10-dark-mode-color);--action-card-hover-state-unselected-value-background-light-mode-color:var(--core-surface-10-light-mode-color);--action-card-hover-state-unselected-value-border-color:var(--action-card-hover-state-unselected-value-border-light-mode-color);--action-card-hover-state-unselected-value-border-dark-mode-color:var(--core-fill-10-dark-mode-color);--action-card-hover-state-unselected-value-border-light-mode-color:var(--core-fill-10-light-mode-color);--action-card-hover-state-unselected-value-border-width:var(--core-border-10);--action-card-hover-state-unselected-value-content-opacity:var(--core-opacity-hover-state);--action-card-normal-state-content-opacity:var(--action-card-normal-state-unselected-value-content-opacity);--action-card-normal-state-selected-value-background-color:var(--action-card-normal-state-selected-value-background-light-mode-color);--action-card-normal-state-selected-value-background-dark-mode-color:var(--core-surface-10-dark-mode-color);--action-card-normal-state-selected-value-background-light-mode-color:var(--core-surface-10-light-mode-color);--action-card-normal-state-selected-value-border-color:var(--action-card-normal-state-selected-value-border-light-mode-color);--action-card-normal-state-selected-value-border-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--action-card-normal-state-selected-value-border-light-mode-color:var(--core-emphasis-fill-light-mode-color);--action-card-normal-state-selected-value-border-width:var(--core-border-20);--action-card-normal-state-selected-value-content-opacity:var(--core-opacity-normal-state);--action-card-normal-state-unselected-value-background-color:var(--action-card-normal-state-unselected-value-background-light-mode-color);--action-card-normal-state-unselected-value-background-dark-mode-color:var(--core-surface-10-dark-mode-color);--action-card-normal-state-unselected-value-background-light-mode-color:var(--core-surface-10-light-mode-color);--action-card-normal-state-unselected-value-border-color:var(--action-card-normal-state-unselected-value-border-light-mode-color);--action-card-normal-state-unselected-value-border-dark-mode-color:var(--core-fill-30-dark-mode-color);--action-card-normal-state-unselected-value-border-high-contrast-color:var(--action-card-normal-state-unselected-value-border-high-contrast-light-mode-color);--action-card-normal-state-unselected-value-border-high-contrast-dark-mode-color:var(--core-fill-20-dark-mode-color);--action-card-normal-state-unselected-value-border-high-contrast-light-mode-color:var(--core-fill-20-light-mode-color);--action-card-normal-state-unselected-value-border-light-mode-color:var(--core-fill-30-light-mode-color);--action-card-normal-state-unselected-value-border-normal-contrast-color:var(--action-card-normal-state-unselected-value-border-normal-contrast-light-mode-color);--action-card-normal-state-unselected-value-border-normal-contrast-dark-mode-color:var(--core-fill-30-dark-mode-color);--action-card-normal-state-unselected-value-border-normal-contrast-light-mode-color:var(--core-fill-30-light-mode-color);--action-card-normal-state-unselected-value-border-width:var(--core-border-10);--action-card-normal-state-unselected-value-content-opacity:var(--core-opacity-normal-state);--action-card-padding-horizontal-size:var(--action-card-horizontal-padding);--action-card-padding-vertical-size:var(--action-card-vertical-padding);--action-card-spacing:var(--action-card-horizontal-gap);--action-card-vertical-gap:var(--core-metrics-spacing-100);--action-card-vertical-padding:var(--core-metrics-spacing-200);--activity-indicator-bar-height:4px;--activity-indicator-bar-radius:2px;--activity-indicator-bar-width:120px;--activity-indicator-radial-large-size-diameter-size:60px;--activity-indicator-radial-large-size-stroke-size:6px;--activity-indicator-radial-medium-size-diameter-size:36px;--activity-indicator-radial-medium-size-stroke-size:4px;--activity-indicator-radial-small-size-diameter-size:20px;--activity-indicator-radial-small-size-stroke-size:2px;--activity-indicator-radial-xlarge-size-diameter-size:120px;--activity-indicator-radial-xlarge-size-stroke-size:10px;--badge-alert-variant-icon-height:var(--core-icon-small-size-height);--badge-alert-variant-icon-width:var(--core-icon-small-size-width);--badge-border-radius:var(--core-radius-circle);--badge-border-width:var(--core-border-20);--badge-critical-style-background-color:var(--badge-critical-style-background-light-mode-color);--badge-critical-style-background-dark-mode-color:var(--core-critical-fill-dark-mode-color);--badge-critical-style-background-light-mode-color:var(--core-critical-fill-light-mode-color);--badge-indicator-variant-dot-diameter-ratio:0.556;--badge-info-style-background-color:var(--badge-info-style-background-light-mode-color);--badge-info-style-background-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--badge-info-style-background-light-mode-color:var(--core-emphasis-fill-light-mode-color);--badge-label-variant-text-case:var(--core-type-semibold-10-case);--badge-label-variant-text-font-family:var(--core-type-semibold-10-font-family);--badge-label-variant-text-leading:var(--core-type-semibold-10-leading);--badge-label-variant-text-number-spacing:var(--core-type-semibold-10-number-spacing);--badge-label-variant-text-scale:var(--core-type-semibold-10-scale);--badge-label-variant-text-size:var(--core-type-semibold-10-size);--badge-label-variant-text-tracking:var(--core-type-semibold-10-tracking);--badge-label-variant-text-weight:var(--core-type-semibold-10-weight);--badge-minimum-height:18px;--badge-modal-blade-context-border-color:var(--badge-modal-blade-context-border-light-mode-color);--badge-modal-blade-context-border-dark-mode-color:var(--modal-blade-background-dark-mode-color);--badge-modal-blade-context-border-light-mode-color:var(--modal-blade-background-light-mode-color);--badge-modal-dialog-context-border-color:var(--badge-modal-dialog-context-border-light-mode-color);--badge-modal-dialog-context-border-dark-mode-color:var(--modal-dialog-background-dark-mode-color);--badge-modal-dialog-context-border-light-mode-color:var(--modal-dialog-background-light-mode-color);--badge-modal-full-context-border-color:var(--badge-modal-full-context-border-light-mode-color);--badge-modal-full-context-border-dark-mode-color:var(--modal-full-background-dark-mode-color);--badge-modal-full-context-border-light-mode-color:var(--modal-full-background-light-mode-color);--badge-modal-partial-context-border-color:var(--badge-modal-partial-context-border-light-mode-color);--badge-modal-partial-context-border-dark-mode-color:var(--modal-partial-background-dark-mode-color);--badge-modal-partial-context-border-light-mode-color:var(--modal-partial-background-light-mode-color);--badge-modal-popover-context-border-color:var(--badge-modal-popover-context-border-light-mode-color);--badge-modal-popover-context-border-dark-mode-color:var(--modal-popover-background-dark-mode-color);--badge-modal-popover-context-border-light-mode-color:var(--modal-popover-background-light-mode-color);--badge-modal-sheet-context-border-color:var(--badge-modal-sheet-context-border-light-mode-color);--badge-modal-sheet-context-border-dark-mode-color:var(--modal-sheet-background-dark-mode-color);--badge-modal-sheet-context-border-light-mode-color:var(--modal-sheet-background-light-mode-color);--badge-numeric-variant-horizontal-padding:var(--core-metrics-spacing-50);--badge-numeric-variant-maximum-count:99;--badge-numeric-variant-maximum-width:30px;--badge-numeric-variant-text-case:var(--core-type-semibold-10-case);--badge-numeric-variant-text-font-family:var(--core-type-semibold-10-font-family);--badge-numeric-variant-text-leading:var(--core-type-semibold-10-leading);--badge-numeric-variant-text-number-spacing:'monospaced';--badge-numeric-variant-text-scale:var(--core-type-semibold-10-scale);--badge-numeric-variant-text-size:var(--core-type-semibold-10-size);--badge-numeric-variant-text-tracking:var(--core-type-semibold-10-tracking);--badge-numeric-variant-text-weight:var(--core-type-semibold-10-weight);--banner-border-radius:var(--core-radius-100);--banner-border-width:var(--core-border-10);--banner-button-separator-color:var(--banner-button-separator-light-mode-color);--banner-button-separator-dark-mode-color:var(--banner-text-link-group-separator-dark-mode-color);--banner-button-separator-height:var(--banner-text-link-group-separator-height);--banner-button-separator-light-mode-color:var(--banner-text-link-group-separator-light-mode-color);--banner-button-separator-opacity:var(--banner-text-link-group-separator-opacity);--banner-button-separator-width:var(--banner-text-link-group-separator-width);--banner-button-spacing:var(--banner-text-link-group-gap);--banner-button-text-case:var(--banner-text-link-text-case);--banner-button-text-font-family:var(--banner-text-link-text-font-family);--banner-button-text-leading:var(--banner-text-link-text-leading);--banner-button-text-number-spacing:var(--banner-text-link-text-number-spacing);--banner-button-text-scale:var(--banner-text-link-text-scale);--banner-button-text-size:var(--banner-text-link-text-size);--banner-button-text-tracking:var(--banner-text-link-text-tracking);--banner-button-text-weight:var(--banner-text-link-text-weight);--banner-content-gap:var(--core-metrics-spacing-150);--banner-content-spacing:var(--banner-content-gap);--banner-critical-variant-background-color:var(--banner-critical-variant-background-light-mode-color);--banner-critical-variant-background-dark-mode-color:var(--core-critical-40-dark-mode-color);--banner-critical-variant-background-light-mode-color:var(--core-critical-40-light-mode-color);--banner-critical-variant-border-color:var(--banner-critical-variant-border-light-mode-color);--banner-critical-variant-border-dark-mode-color:var(--core-critical-30-dark-mode-color);--banner-critical-variant-border-light-mode-color:var(--core-critical-30-light-mode-color);--banner-critical-variant-button-text-color:var(--banner-critical-variant-button-text-light-mode-color);--banner-critical-variant-button-text-dark-mode-color:var(--core-critical-text-dark-mode-color);--banner-critical-variant-button-text-light-mode-color:var(--core-critical-text-light-mode-color);--banner-critical-variant-disabled-state-text-link-text-color:var(--banner-critical-variant-disabled-state-text-link-text-light-mode-color);--banner-critical-variant-disabled-state-text-link-text-dark-mode-color:var(--text-link-normal-variant-disabled-state-dark-mode-color);--banner-critical-variant-disabled-state-text-link-text-light-mode-color:var(--text-link-normal-variant-disabled-state-light-mode-color);--banner-critical-variant-focused-state-text-link-text-color:var(--banner-critical-variant-focused-state-text-link-text-light-mode-color);--banner-critical-variant-focused-state-text-link-text-dark-mode-color:var(--core-critical-20-dark-mode-color);--banner-critical-variant-focused-state-text-link-text-light-mode-color:var(--core-critical-20-light-mode-color);--banner-critical-variant-hover-state-text-link-text-color:var(--banner-critical-variant-hover-state-text-link-text-light-mode-color);--banner-critical-variant-hover-state-text-link-text-dark-mode-color:var(--core-critical-20-dark-mode-color);--banner-critical-variant-hover-state-text-link-text-light-mode-color:var(--core-critical-20-light-mode-color);--banner-critical-variant-icon-color:var(--banner-critical-variant-icon-light-mode-color);--banner-critical-variant-icon-dark-mode-color:var(--core-critical-fill-dark-mode-color);--banner-critical-variant-icon-high-contrast-color:var(--banner-critical-variant-icon-high-contrast-light-mode-color);--banner-critical-variant-icon-high-contrast-dark-mode-color:var(--core-critical-text-dark-mode-color);--banner-critical-variant-icon-high-contrast-light-mode-color:var(--core-critical-text-light-mode-color);--banner-critical-variant-icon-light-mode-color:var(--core-critical-fill-light-mode-color);--banner-critical-variant-icon-normal-contrast-color:var(--banner-critical-variant-icon-normal-contrast-light-mode-color);--banner-critical-variant-icon-normal-contrast-dark-mode-color:var(--core-critical-fill-dark-mode-color);--banner-critical-variant-icon-normal-contrast-light-mode-color:var(--core-critical-fill-light-mode-color);--banner-critical-variant-normal-state-text-link-text-color:var(--banner-critical-variant-normal-state-text-link-text-light-mode-color);--banner-critical-variant-normal-state-text-link-text-dark-mode-color:var(--core-critical-text-dark-mode-color);--banner-critical-variant-normal-state-text-link-text-light-mode-color:var(--core-critical-text-light-mode-color);--banner-critical-variant-pressed-state-text-link-text-color:var(--banner-critical-variant-pressed-state-text-link-text-light-mode-color);--banner-critical-variant-pressed-state-text-link-text-dark-mode-color:var(--core-critical-10-dark-mode-color);--banner-critical-variant-pressed-state-text-link-text-light-mode-color:var(--core-critical-10-light-mode-color);--banner-critical-variant-text-color:var(--banner-critical-variant-text-light-mode-color);--banner-critical-variant-text-dark-mode-color:var(--core-text-10-dark-mode-color);--banner-critical-variant-text-light-mode-color:var(--core-text-10-light-mode-color);--banner-critical-variant-text-link-text-color:var(--banner-critical-variant-text-link-text-light-mode-color);--banner-critical-variant-text-link-text-dark-mode-color:var(--core-critical-text-dark-mode-color);--banner-critical-variant-text-link-text-light-mode-color:var(--core-critical-text-light-mode-color);--banner-dismiss-button-normal-state-color:var(--banner-dismiss-button-normal-state-light-mode-color);--banner-dismiss-button-normal-state-dark-mode-color:var(--core-fill-10-dark-mode-color);--banner-dismiss-button-normal-state-light-mode-color:var(--core-text-10-light-mode-color);--banner-dismiss-button-pressed-state-color:var(--banner-dismiss-button-pressed-state-light-mode-color);--banner-dismiss-button-pressed-state-dark-mode-color:var(--core-fill-20-dark-mode-color);--banner-dismiss-button-pressed-state-light-mode-color:var(--core-text-20-light-mode-color);--banner-horizontal-padding:var(--core-metrics-spacing-200);--banner-icon-gap:var(--core-metrics-spacing-150);--banner-icon-spacing:var(--banner-icon-gap);--banner-info-variant-background-color:var(--banner-info-variant-background-light-mode-color);--banner-info-variant-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--banner-info-variant-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--banner-info-variant-border-color:var(--banner-info-variant-border-light-mode-color);--banner-info-variant-border-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--banner-info-variant-border-light-mode-color:var(--core-emphasis-30-light-mode-color);--banner-info-variant-button-text-color:var(--banner-info-variant-button-text-light-mode-color);--banner-info-variant-button-text-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--banner-info-variant-button-text-light-mode-color:var(--core-emphasis-text-light-mode-color);--banner-info-variant-disabled-state-text-link-text-color:var(--banner-info-variant-disabled-state-text-link-text-light-mode-color);--banner-info-variant-disabled-state-text-link-text-dark-mode-color:var(--text-link-normal-variant-disabled-state-dark-mode-color);--banner-info-variant-disabled-state-text-link-text-light-mode-color:var(--text-link-normal-variant-disabled-state-light-mode-color);--banner-info-variant-focused-state-text-link-text-color:var(--banner-info-variant-focused-state-text-link-text-light-mode-color);--banner-info-variant-focused-state-text-link-text-dark-mode-color:var(--core-emphasis-20-dark-mode-color);--banner-info-variant-focused-state-text-link-text-light-mode-color:var(--core-emphasis-20-light-mode-color);--banner-info-variant-hover-state-text-link-text-color:var(--banner-info-variant-hover-state-text-link-text-light-mode-color);--banner-info-variant-hover-state-text-link-text-dark-mode-color:var(--text-link-normal-variant-hover-state-dark-mode-color);--banner-info-variant-hover-state-text-link-text-light-mode-color:var(--text-link-normal-variant-hover-state-light-mode-color);--banner-info-variant-icon-color:var(--banner-info-variant-icon-light-mode-color);--banner-info-variant-icon-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--banner-info-variant-icon-high-contrast-color:var(--banner-info-variant-icon-high-contrast-light-mode-color);--banner-info-variant-icon-high-contrast-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--banner-info-variant-icon-high-contrast-light-mode-color:var(--core-emphasis-text-light-mode-color);--banner-info-variant-icon-light-mode-color:var(--core-emphasis-fill-light-mode-color);--banner-info-variant-icon-normal-contrast-color:var(--banner-info-variant-icon-normal-contrast-light-mode-color);--banner-info-variant-icon-normal-contrast-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--banner-info-variant-icon-normal-contrast-light-mode-color:var(--core-emphasis-fill-light-mode-color);--banner-info-variant-normal-state-text-link-text-color:var(--banner-info-variant-normal-state-text-link-text-light-mode-color);--banner-info-variant-normal-state-text-link-text-dark-mode-color:var(--text-link-normal-variant-normal-state-dark-mode-color);--banner-info-variant-normal-state-text-link-text-light-mode-color:var(--text-link-normal-variant-normal-state-light-mode-color);--banner-info-variant-pressed-state-text-link-text-color:var(--banner-info-variant-pressed-state-text-link-text-light-mode-color);--banner-info-variant-pressed-state-text-link-text-dark-mode-color:var(--text-link-normal-variant-pressed-state-dark-mode-color);--banner-info-variant-pressed-state-text-link-text-light-mode-color:var(--text-link-normal-variant-pressed-state-light-mode-color);--banner-info-variant-text-color:var(--banner-info-variant-text-light-mode-color);--banner-info-variant-text-dark-mode-color:var(--core-text-10-dark-mode-color);--banner-info-variant-text-light-mode-color:var(--core-text-10-light-mode-color);--banner-info-variant-text-link-text-color:var(--banner-info-variant-text-link-text-light-mode-color);--banner-info-variant-text-link-text-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--banner-info-variant-text-link-text-light-mode-color:var(--core-emphasis-text-light-mode-color);--banner-insight-variant-background-color:var(--banner-insight-variant-background-light-mode-color);--banner-insight-variant-background-dark-mode-color:var(--core-purple-40-dark-mode-color);--banner-insight-variant-background-light-mode-color:var(--core-purple-40-light-mode-color);--banner-insight-variant-border-color:var(--banner-insight-variant-border-light-mode-color);--banner-insight-variant-border-dark-mode-color:var(--core-purple-30-dark-mode-color);--banner-insight-variant-border-light-mode-color:var(--core-purple-30-light-mode-color);--banner-insight-variant-button-text-color:var(--banner-insight-variant-button-text-light-mode-color);--banner-insight-variant-button-text-dark-mode-color:var(--core-purple-text-dark-mode-color);--banner-insight-variant-button-text-light-mode-color:var(--core-purple-text-light-mode-color);--banner-insight-variant-disabled-state-text-link-text-color:var(--banner-insight-variant-disabled-state-text-link-text-light-mode-color);--banner-insight-variant-disabled-state-text-link-text-dark-mode-color:var(--text-link-normal-variant-disabled-state-dark-mode-color);--banner-insight-variant-disabled-state-text-link-text-light-mode-color:var(--text-link-normal-variant-disabled-state-light-mode-color);--banner-insight-variant-focused-state-text-link-text-color:var(--banner-insight-variant-focused-state-text-link-text-light-mode-color);--banner-insight-variant-focused-state-text-link-text-dark-mode-color:var(--core-purple-20-dark-mode-color);--banner-insight-variant-focused-state-text-link-text-light-mode-color:var(--core-purple-20-light-mode-color);--banner-insight-variant-hover-state-text-link-text-color:var(--banner-insight-variant-hover-state-text-link-text-light-mode-color);--banner-insight-variant-hover-state-text-link-text-dark-mode-color:var(--core-purple-20-dark-mode-color);--banner-insight-variant-hover-state-text-link-text-light-mode-color:var(--core-purple-20-light-mode-color);--banner-insight-variant-icon-color:var(--banner-insight-variant-icon-light-mode-color);--banner-insight-variant-icon-dark-mode-color:var(--core-purple-fill-dark-mode-color);--banner-insight-variant-icon-high-contrast-color:var(--banner-insight-variant-icon-high-contrast-light-mode-color);--banner-insight-variant-icon-high-contrast-dark-mode-color:var(--core-purple-text-dark-mode-color);--banner-insight-variant-icon-high-contrast-light-mode-color:var(--core-purple-text-light-mode-color);--banner-insight-variant-icon-light-mode-color:var(--core-purple-fill-light-mode-color);--banner-insight-variant-icon-normal-contrast-color:var(--banner-insight-variant-icon-normal-contrast-light-mode-color);--banner-insight-variant-icon-normal-contrast-dark-mode-color:var(--core-purple-fill-dark-mode-color);--banner-insight-variant-icon-normal-contrast-light-mode-color:var(--core-purple-fill-light-mode-color);--banner-insight-variant-normal-state-text-link-text-color:var(--banner-insight-variant-normal-state-text-link-text-light-mode-color);--banner-insight-variant-normal-state-text-link-text-dark-mode-color:var(--core-purple-text-dark-mode-color);--banner-insight-variant-normal-state-text-link-text-light-mode-color:var(--core-purple-text-light-mode-color);--banner-insight-variant-pressed-state-text-link-text-color:var(--banner-insight-variant-pressed-state-text-link-text-light-mode-color);--banner-insight-variant-pressed-state-text-link-text-dark-mode-color:var(--core-purple-10-dark-mode-color);--banner-insight-variant-pressed-state-text-link-text-light-mode-color:var(--core-purple-10-light-mode-color);--banner-insight-variant-text-color:var(--banner-insight-variant-text-light-mode-color);--banner-insight-variant-text-dark-mode-color:var(--core-text-10-dark-mode-color);--banner-insight-variant-text-light-mode-color:var(--core-text-10-light-mode-color);--banner-insight-variant-text-link-text-color:var(--banner-insight-variant-text-link-text-light-mode-color);--banner-insight-variant-text-link-text-dark-mode-color:var(--core-purple-text-dark-mode-color);--banner-insight-variant-text-link-text-light-mode-color:var(--core-purple-text-light-mode-color);--banner-multiline-gap:var(--core-metrics-spacing-150);--banner-multiline-spacing:var(--banner-multiline-gap);--banner-success-variant-background-color:var(--banner-success-variant-background-light-mode-color);--banner-success-variant-background-dark-mode-color:var(--core-success-40-dark-mode-color);--banner-success-variant-background-light-mode-color:var(--core-success-40-light-mode-color);--banner-success-variant-border-color:var(--banner-success-variant-border-light-mode-color);--banner-success-variant-border-dark-mode-color:var(--core-success-30-dark-mode-color);--banner-success-variant-border-light-mode-color:var(--core-success-30-light-mode-color);--banner-success-variant-button-text-color:var(--banner-success-variant-button-text-light-mode-color);--banner-success-variant-button-text-dark-mode-color:var(--core-success-text-dark-mode-color);--banner-success-variant-button-text-light-mode-color:var(--core-success-text-light-mode-color);--banner-success-variant-disabled-state-text-link-text-color:var(--banner-success-variant-disabled-state-text-link-text-light-mode-color);--banner-success-variant-disabled-state-text-link-text-dark-mode-color:var(--text-link-normal-variant-disabled-state-dark-mode-color);--banner-success-variant-disabled-state-text-link-text-light-mode-color:var(--text-link-normal-variant-disabled-state-light-mode-color);--banner-success-variant-focused-state-text-link-text-color:var(--banner-success-variant-focused-state-text-link-text-light-mode-color);--banner-success-variant-focused-state-text-link-text-dark-mode-color:var(--core-success-20-dark-mode-color);--banner-success-variant-focused-state-text-link-text-light-mode-color:var(--core-success-20-light-mode-color);--banner-success-variant-hover-state-text-link-text-color:var(--banner-success-variant-hover-state-text-link-text-light-mode-color);--banner-success-variant-hover-state-text-link-text-dark-mode-color:var(--core-success-20-dark-mode-color);--banner-success-variant-hover-state-text-link-text-light-mode-color:var(--core-success-20-light-mode-color);--banner-success-variant-icon-color:var(--banner-success-variant-icon-light-mode-color);--banner-success-variant-icon-dark-mode-color:var(--core-success-fill-dark-mode-color);--banner-success-variant-icon-high-contrast-color:var(--banner-success-variant-icon-high-contrast-light-mode-color);--banner-success-variant-icon-high-contrast-dark-mode-color:var(--core-success-text-dark-mode-color);--banner-success-variant-icon-high-contrast-light-mode-color:var(--core-success-text-light-mode-color);--banner-success-variant-icon-light-mode-color:var(--core-success-fill-light-mode-color);--banner-success-variant-icon-normal-contrast-color:var(--banner-success-variant-icon-normal-contrast-light-mode-color);--banner-success-variant-icon-normal-contrast-dark-mode-color:var(--core-success-fill-dark-mode-color);--banner-success-variant-icon-normal-contrast-light-mode-color:var(--core-success-fill-light-mode-color);--banner-success-variant-normal-state-text-link-text-color:var(--banner-success-variant-normal-state-text-link-text-light-mode-color);--banner-success-variant-normal-state-text-link-text-dark-mode-color:var(--core-success-text-dark-mode-color);--banner-success-variant-normal-state-text-link-text-light-mode-color:var(--core-success-text-light-mode-color);--banner-success-variant-pressed-state-text-link-text-color:var(--banner-success-variant-pressed-state-text-link-text-light-mode-color);--banner-success-variant-pressed-state-text-link-text-dark-mode-color:var(--core-success-10-dark-mode-color);--banner-success-variant-pressed-state-text-link-text-light-mode-color:var(--core-success-10-light-mode-color);--banner-success-variant-text-color:var(--banner-success-variant-text-light-mode-color);--banner-success-variant-text-dark-mode-color:var(--core-text-10-dark-mode-color);--banner-success-variant-text-light-mode-color:var(--core-text-10-light-mode-color);--banner-success-variant-text-link-text-color:var(--banner-success-variant-text-link-text-light-mode-color);--banner-success-variant-text-link-text-dark-mode-color:var(--core-success-text-dark-mode-color);--banner-success-variant-text-link-text-light-mode-color:var(--core-success-text-light-mode-color);--banner-text-case:var(--core-type-paragraph-30-case);--banner-text-font-family:var(--core-type-paragraph-30-font-family);--banner-text-leading:var(--core-type-paragraph-30-leading);--banner-text-link-group-gap:var(--text-link-group-horizontal-spacing);--banner-text-link-group-separator-color:var(--banner-text-link-group-separator-light-mode-color);--banner-text-link-group-separator-dark-mode-color:var(--text-link-group-separator-dark-mode-color);--banner-text-link-group-separator-height:var(--text-link-group-separator-height);--banner-text-link-group-separator-light-mode-color:var(--text-link-group-separator-light-mode-color);--banner-text-link-group-separator-opacity:var(--text-link-group-separator-opacity);--banner-text-link-group-separator-width:var(--text-link-group-separator-width);--banner-text-link-text-case:var(--text-link-medium-size-text-case);--banner-text-link-text-font-family:var(--text-link-medium-size-text-font-family);--banner-text-link-text-leading:var(--text-link-medium-size-text-leading);--banner-text-link-text-number-spacing:var(--text-link-medium-size-text-number-spacing);--banner-text-link-text-scale:var(--text-link-medium-size-text-scale);--banner-text-link-text-size:var(--text-link-medium-size-text-size);--banner-text-link-text-tracking:var(--text-link-medium-size-text-tracking);--banner-text-link-text-weight:var(--text-link-medium-size-text-weight);--banner-text-number-spacing:var(--core-type-paragraph-30-number-spacing);--banner-text-scale:var(--core-type-paragraph-30-scale);--banner-text-size:var(--core-type-paragraph-30-size);--banner-text-tracking:var(--core-type-paragraph-30-tracking);--banner-text-weight:var(--core-type-paragraph-30-weight);--banner-title-case:var(--core-type-semibold-30-case);--banner-title-font-family:var(--core-type-semibold-30-font-family);--banner-title-leading:var(--core-type-semibold-30-leading);--banner-title-number-spacing:var(--core-type-semibold-30-number-spacing);--banner-title-scale:var(--core-type-semibold-30-scale);--banner-title-size:var(--core-type-semibold-30-size);--banner-title-tracking:var(--core-type-semibold-30-tracking);--banner-title-weight:var(--core-type-semibold-30-weight);--banner-vertical-padding:var(--core-metrics-spacing-200);--banner-warning-variant-background-color:var(--banner-warning-variant-background-light-mode-color);--banner-warning-variant-background-dark-mode-color:var(--core-warning-40-dark-mode-color);--banner-warning-variant-background-light-mode-color:var(--core-warning-40-light-mode-color);--banner-warning-variant-border-color:var(--banner-warning-variant-border-light-mode-color);--banner-warning-variant-border-dark-mode-color:var(--core-warning-30-dark-mode-color);--banner-warning-variant-border-light-mode-color:var(--core-warning-30-light-mode-color);--banner-warning-variant-button-text-color:var(--banner-warning-variant-button-text-light-mode-color);--banner-warning-variant-button-text-dark-mode-color:var(--core-warning-text-dark-mode-color);--banner-warning-variant-button-text-light-mode-color:var(--core-warning-text-light-mode-color);--banner-warning-variant-disabled-state-text-link-text-color:var(--banner-warning-variant-disabled-state-text-link-text-light-mode-color);--banner-warning-variant-disabled-state-text-link-text-dark-mode-color:var(--text-link-normal-variant-disabled-state-dark-mode-color);--banner-warning-variant-disabled-state-text-link-text-light-mode-color:var(--text-link-normal-variant-disabled-state-light-mode-color);--banner-warning-variant-focused-state-text-link-text-color:var(--banner-warning-variant-focused-state-text-link-text-light-mode-color);--banner-warning-variant-focused-state-text-link-text-dark-mode-color:var(--core-warning-20-dark-mode-color);--banner-warning-variant-focused-state-text-link-text-light-mode-color:var(--core-warning-20-light-mode-color);--banner-warning-variant-hover-state-text-link-text-color:var(--banner-warning-variant-hover-state-text-link-text-light-mode-color);--banner-warning-variant-hover-state-text-link-text-dark-mode-color:var(--core-warning-20-dark-mode-color);--banner-warning-variant-hover-state-text-link-text-light-mode-color:var(--core-warning-20-light-mode-color);--banner-warning-variant-icon-color:var(--banner-warning-variant-icon-light-mode-color);--banner-warning-variant-icon-dark-mode-color:var(--core-warning-fill-dark-mode-color);--banner-warning-variant-icon-high-contrast-color:var(--banner-warning-variant-icon-high-contrast-light-mode-color);--banner-warning-variant-icon-high-contrast-dark-mode-color:var(--core-warning-text-dark-mode-color);--banner-warning-variant-icon-high-contrast-light-mode-color:var(--core-warning-text-light-mode-color);--banner-warning-variant-icon-light-mode-color:var(--core-warning-fill-light-mode-color);--banner-warning-variant-icon-normal-contrast-color:var(--banner-warning-variant-icon-normal-contrast-light-mode-color);--banner-warning-variant-icon-normal-contrast-dark-mode-color:var(--core-warning-fill-dark-mode-color);--banner-warning-variant-icon-normal-contrast-light-mode-color:var(--core-warning-fill-light-mode-color);--banner-warning-variant-normal-state-text-link-text-color:var(--banner-warning-variant-normal-state-text-link-text-light-mode-color);--banner-warning-variant-normal-state-text-link-text-dark-mode-color:var(--core-warning-text-dark-mode-color);--banner-warning-variant-normal-state-text-link-text-light-mode-color:var(--core-warning-text-light-mode-color);--banner-warning-variant-pressed-state-text-link-text-color:var(--banner-warning-variant-pressed-state-text-link-text-light-mode-color);--banner-warning-variant-pressed-state-text-link-text-dark-mode-color:var(--core-warning-10-dark-mode-color);--banner-warning-variant-pressed-state-text-link-text-light-mode-color:var(--core-warning-10-light-mode-color);--banner-warning-variant-text-color:var(--banner-warning-variant-text-light-mode-color);--banner-warning-variant-text-dark-mode-color:var(--core-text-10-dark-mode-color);--banner-warning-variant-text-light-mode-color:var(--core-text-10-light-mode-color);--banner-warning-variant-text-link-text-color:var(--banner-warning-variant-text-link-text-light-mode-color);--banner-warning-variant-text-link-text-dark-mode-color:var(--core-warning-text-dark-mode-color);--banner-warning-variant-text-link-text-light-mode-color:var(--core-warning-text-light-mode-color);--button-group-overflow-button-border-radius:var(--icon-button-border-radius);--button-group-overflow-button-compact-size-minimum-height:var(--icon-button-compact-size-minimum-height);--button-group-overflow-button-compact-size-minimum-padding-size:var(--icon-button-compact-size-minimum-padding-size);--button-group-overflow-button-compact-size-minimum-width:var(--icon-button-compact-size-minimum-width);--button-group-overflow-button-compact-size-padding-size:var(--icon-button-compact-size-padding-size);--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color:var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color:var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-primary-rank-hover-state-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color:var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-primary-rank-hover-state-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color:var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-primary-rank-normal-state-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color:var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-primary-rank-normal-state-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color:var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color:var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color:var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-disabled-state-background-color:var(--button-group-overflow-button-disabled-state-light-mode-background-color);--button-group-overflow-button-disabled-state-dark-mode-background-color:var(--icon-button-disabled-state-dark-mode-background-color);--button-group-overflow-button-disabled-state-dark-mode-icon-color:var(--icon-button-disabled-state-dark-mode-icon-color);--button-group-overflow-button-disabled-state-icon-color:var(--button-group-overflow-button-disabled-state-light-mode-icon-color);--button-group-overflow-button-disabled-state-light-mode-background-color:var(--icon-button-disabled-state-light-mode-background-color);--button-group-overflow-button-disabled-state-light-mode-icon-color:var(--icon-button-disabled-state-light-mode-icon-color);--button-group-overflow-button-focus-ring-border-size:var(--icon-button-focus-ring-border-size);--button-group-overflow-button-focus-ring-buffer-size:var(--icon-button-focus-ring-buffer-size);--button-group-overflow-button-focus-state-background-color:var(--button-group-overflow-button-focus-state-light-mode-background-color);--button-group-overflow-button-focus-state-dark-mode-background-color:var(--icon-button-focus-state-dark-mode-background-color);--button-group-overflow-button-focus-state-dark-mode-icon-color:var(--icon-button-focus-state-dark-mode-icon-color);--button-group-overflow-button-focus-state-icon-color:var(--button-group-overflow-button-focus-state-light-mode-icon-color);--button-group-overflow-button-focus-state-light-mode-background-color:var(--icon-button-focus-state-light-mode-background-color);--button-group-overflow-button-focus-state-light-mode-icon-color:var(--icon-button-focus-state-light-mode-icon-color);--button-group-overflow-button-hover-state-background-color:var(--button-group-overflow-button-hover-state-light-mode-background-color);--button-group-overflow-button-hover-state-dark-mode-background-color:var(--icon-button-hover-state-dark-mode-background-color);--button-group-overflow-button-hover-state-dark-mode-icon-color:var(--icon-button-hover-state-dark-mode-icon-color);--button-group-overflow-button-hover-state-icon-color:var(--button-group-overflow-button-hover-state-light-mode-icon-color);--button-group-overflow-button-hover-state-light-mode-background-color:var(--icon-button-hover-state-light-mode-background-color);--button-group-overflow-button-hover-state-light-mode-icon-color:var(--icon-button-hover-state-light-mode-icon-color);--button-group-overflow-button-large-size-icon-height:var(--icon-button-large-size-icon-height);--button-group-overflow-button-large-size-icon-width:var(--icon-button-large-size-icon-width);--button-group-overflow-button-large-size-minimum-height:var(--icon-button-large-size-minimum-height);--button-group-overflow-button-large-size-padding-size:var(--icon-button-large-size-padding-size);--button-group-overflow-button-large-size-width-multiplier:var(--icon-button-large-size-width-multiplier);--button-group-overflow-button-medium-size-horizontal-spacing-size:var(--icon-button-medium-size-horizontal-spacing-size);--button-group-overflow-button-medium-size-icon-height:var(--icon-button-medium-size-icon-height);--button-group-overflow-button-medium-size-icon-width:var(--icon-button-medium-size-icon-width);--button-group-overflow-button-medium-size-minimum-height:var(--icon-button-medium-size-minimum-height);--button-group-overflow-button-medium-size-padding-size:var(--icon-button-medium-size-padding-size);--button-group-overflow-button-medium-size-width-multiplier:var(--icon-button-medium-size-width-multiplier);--button-group-overflow-button-minimum-height:var(--icon-button-minimum-height);--button-group-overflow-button-minimum-width:var(--icon-button-minimum-width);--button-group-overflow-button-normal-size-minimum-height:var(--icon-button-normal-size-minimum-height);--button-group-overflow-button-normal-size-minimum-width:var(--icon-button-normal-size-minimum-width);--button-group-overflow-button-normal-size-padding-size:var(--icon-button-normal-size-padding-size);--button-group-overflow-button-normal-state-background-color:var(--button-group-overflow-button-normal-state-light-mode-background-color);--button-group-overflow-button-normal-state-dark-mode-background-color:var(--icon-button-normal-state-dark-mode-background-color);--button-group-overflow-button-normal-state-dark-mode-icon-color:var(--icon-button-normal-state-dark-mode-icon-color);--button-group-overflow-button-normal-state-icon-color:var(--button-group-overflow-button-normal-state-light-mode-icon-color);--button-group-overflow-button-normal-state-light-mode-background-color:var(--icon-button-normal-state-light-mode-background-color);--button-group-overflow-button-normal-state-light-mode-icon-color:var(--icon-button-normal-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-disabled-state-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color:var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-disabled-state-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color:var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color:var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-focus-state-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color:var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color:var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-focus-state-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color:var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color:var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-hover-state-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color:var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color:var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-hover-state-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color:var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color:var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-normal-state-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color:var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color:var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-normal-state-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color:var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color:var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-pressed-state-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color:var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-pressed-state-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color:var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color:var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color:var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-hover-state-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color:var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-hover-state-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color:var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-normal-state-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color:var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-normal-state-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color:var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color:var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-padding-size:var(--icon-button-padding-size);--button-group-overflow-button-pressed-state-background-color:var(--button-group-overflow-button-pressed-state-light-mode-background-color);--button-group-overflow-button-pressed-state-dark-mode-background-color:var(--icon-button-pressed-state-dark-mode-background-color);--button-group-overflow-button-pressed-state-dark-mode-icon-color:var(--icon-button-pressed-state-dark-mode-icon-color);--button-group-overflow-button-pressed-state-icon-color:var(--button-group-overflow-button-pressed-state-light-mode-icon-color);--button-group-overflow-button-pressed-state-light-mode-background-color:var(--icon-button-pressed-state-light-mode-background-color);--button-group-overflow-button-pressed-state-light-mode-icon-color:var(--icon-button-pressed-state-light-mode-icon-color);--button-group-overflow-button-primary-rank-disabled-state-background-color:var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color:var(--icon-button-primary-rank-disabled-state-dark-mode-background-color);--button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-primary-rank-disabled-state-dark-mode-icon-color);--button-group-overflow-button-primary-rank-disabled-state-icon-color:var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color:var(--icon-button-primary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color:var(--icon-button-primary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-primary-rank-focus-state-background-color:var(--button-group-overflow-button-primary-rank-focus-state-light-mode-background-color);--button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color:var(--icon-button-primary-rank-focus-state-dark-mode-background-color);--button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color:var(--icon-button-primary-rank-focus-state-dark-mode-icon-color);--button-group-overflow-button-primary-rank-focus-state-icon-color:var(--button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color);--button-group-overflow-button-primary-rank-focus-state-light-mode-background-color:var(--icon-button-primary-rank-focus-state-light-mode-background-color);--button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color:var(--icon-button-primary-rank-focus-state-light-mode-icon-color);--button-group-overflow-button-primary-rank-hover-state-background-color:var(--button-group-overflow-button-primary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color:var(--icon-button-primary-rank-hover-state-dark-mode-background-color);--button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color:var(--icon-button-primary-rank-hover-state-dark-mode-icon-color);--button-group-overflow-button-primary-rank-hover-state-icon-color:var(--button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-primary-rank-hover-state-light-mode-background-color:var(--icon-button-primary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color:var(--icon-button-primary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-primary-rank-normal-state-background-color:var(--button-group-overflow-button-primary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color:var(--icon-button-primary-rank-normal-state-dark-mode-background-color);--button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color:var(--icon-button-primary-rank-normal-state-dark-mode-icon-color);--button-group-overflow-button-primary-rank-normal-state-icon-color:var(--button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-primary-rank-normal-state-light-mode-background-color:var(--icon-button-primary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color:var(--icon-button-primary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-primary-rank-pressed-state-background-color:var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color:var(--icon-button-primary-rank-pressed-state-dark-mode-background-color);--button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-primary-rank-pressed-state-dark-mode-icon-color);--button-group-overflow-button-primary-rank-pressed-state-icon-color:var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color:var(--icon-button-primary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color:var(--icon-button-primary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-secondary-rank-disabled-state-background-color:var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color:var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);--button-group-overflow-button-secondary-rank-disabled-state-icon-color:var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color:var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color:var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-secondary-rank-focus-state-background-color:var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color);--button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color:var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);--button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color:var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);--button-group-overflow-button-secondary-rank-focus-state-icon-color:var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color);--button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color:var(--icon-button-secondary-rank-focus-state-light-mode-background-color);--button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color:var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);--button-group-overflow-button-secondary-rank-hover-state-background-color:var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color:var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);--button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color:var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);--button-group-overflow-button-secondary-rank-hover-state-icon-color:var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color:var(--icon-button-secondary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color:var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-secondary-rank-normal-state-background-color:var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color:var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);--button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color:var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);--button-group-overflow-button-secondary-rank-normal-state-icon-color:var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color:var(--icon-button-secondary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color:var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-secondary-rank-pressed-state-background-color:var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color:var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);--button-group-overflow-button-secondary-rank-pressed-state-icon-color:var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color:var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color:var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-size-multiplier:1;--button-group-overflow-button-small-size-icon-height:var(--icon-button-small-size-icon-height);--button-group-overflow-button-small-size-icon-width:var(--icon-button-small-size-icon-width);--button-group-overflow-button-small-size-minimum-height:var(--icon-button-small-size-minimum-height);--button-group-overflow-button-small-size-padding-size:var(--icon-button-small-size-padding-size);--button-group-overflow-button-small-size-width-multiplier:var(--icon-button-small-size-width-multiplier);--button-group-overflow-button-tertiary-rank-disabled-state-background-color:var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color:var(--icon-button-tertiary-rank-disabled-state-dark-mode-background-color);--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-tertiary-rank-disabled-state-dark-mode-icon-color);--button-group-overflow-button-tertiary-rank-disabled-state-icon-color:var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color:var(--icon-button-tertiary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color:var(--icon-button-tertiary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-tertiary-rank-focus-state-background-color:var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color);--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color:var(--icon-button-tertiary-rank-focus-state-dark-mode-background-color);--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color:var(--icon-button-tertiary-rank-focus-state-dark-mode-icon-color);--button-group-overflow-button-tertiary-rank-focus-state-icon-color:var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);--button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color:var(--icon-button-tertiary-rank-focus-state-light-mode-background-color);--button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color:var(--icon-button-tertiary-rank-focus-state-light-mode-icon-color);--button-group-overflow-button-tertiary-rank-hover-state-background-color:var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color:var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color);--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color:var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color);--button-group-overflow-button-tertiary-rank-hover-state-icon-color:var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color:var(--icon-button-tertiary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color:var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-tertiary-rank-normal-state-background-color:var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color:var(--icon-button-tertiary-rank-normal-state-dark-mode-background-color);--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color:var(--icon-button-tertiary-rank-normal-state-dark-mode-icon-color);--button-group-overflow-button-tertiary-rank-normal-state-icon-color:var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color:var(--icon-button-tertiary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color:var(--icon-button-tertiary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-tertiary-rank-pressed-state-background-color:var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color:var(--icon-button-tertiary-rank-pressed-state-dark-mode-background-color);--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-tertiary-rank-pressed-state-dark-mode-icon-color);--button-group-overflow-button-tertiary-rank-pressed-state-icon-color:var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color:var(--icon-button-tertiary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color:var(--icon-button-tertiary-rank-pressed-state-light-mode-icon-color);--button-group-spacing:var(--core-metrics-spacing-200);--button-border-radius:6px;--button-compact-horizontal-size-class-sample-token:100px;--button-compact-vertical-size-class-sample-token-2:10px;--button-dark-mode-focus-ring-color:var(--core-focus-ring-dark-mode-color);--button-destructive-variant-primary-rank-disabled-state-background-color:var(--button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);--button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color:var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);--button-destructive-variant-primary-rank-disabled-state-dark-mode-label-color:var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);--button-destructive-variant-primary-rank-disabled-state-label-color:var(--button-destructive-variant-primary-rank-disabled-state-light-mode-label-color);--button-destructive-variant-primary-rank-disabled-state-light-mode-background-color:var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--button-destructive-variant-primary-rank-disabled-state-light-mode-label-color:var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);--button-destructive-variant-primary-rank-focus-state-background-color:var(--button-destructive-variant-primary-rank-focus-state-light-mode-background-color);--button-destructive-variant-primary-rank-focus-state-dark-mode-background-color:var(--button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);--button-destructive-variant-primary-rank-focus-state-dark-mode-label-color:var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color);--button-destructive-variant-primary-rank-focus-state-label-color:var(--button-destructive-variant-primary-rank-focus-state-light-mode-label-color);--button-destructive-variant-primary-rank-focus-state-light-mode-background-color:var(--button-destructive-variant-primary-rank-hover-state-light-mode-background-color);--button-destructive-variant-primary-rank-focus-state-light-mode-label-color:var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color);--button-destructive-variant-primary-rank-hover-state-background-color:var(--button-destructive-variant-primary-rank-hover-state-light-mode-background-color);--button-destructive-variant-primary-rank-hover-state-dark-mode-background-color:var(--core-critical-20-dark-mode-color);--button-destructive-variant-primary-rank-hover-state-dark-mode-label-color:var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color);--button-destructive-variant-primary-rank-hover-state-label-color:var(--button-destructive-variant-primary-rank-hover-state-light-mode-label-color);--button-destructive-variant-primary-rank-hover-state-light-mode-background-color:var(--core-critical-20-light-mode-color);--button-destructive-variant-primary-rank-hover-state-light-mode-label-color:var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color);--button-destructive-variant-primary-rank-normal-state-background-color:var(--button-destructive-variant-primary-rank-normal-state-light-mode-background-color);--button-destructive-variant-primary-rank-normal-state-dark-mode-background-color:var(--core-critical-fill-dark-mode-color);--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color:var(--core-text-white-dark-mode-color);--button-destructive-variant-primary-rank-normal-state-label-color:var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color);--button-destructive-variant-primary-rank-normal-state-light-mode-background-color:var(--core-critical-fill-light-mode-color);--button-destructive-variant-primary-rank-normal-state-light-mode-label-color:var(--core-text-white-light-mode-color);--button-destructive-variant-primary-rank-pressed-state-background-color:var(--button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);--button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color:var(--core-critical-10-dark-mode-color);--button-destructive-variant-primary-rank-pressed-state-dark-mode-label-color:var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color);--button-destructive-variant-primary-rank-pressed-state-label-color:var(--button-destructive-variant-primary-rank-pressed-state-light-mode-label-color);--button-destructive-variant-primary-rank-pressed-state-light-mode-background-color:var(--core-critical-10-light-mode-color);--button-destructive-variant-primary-rank-pressed-state-light-mode-label-color:var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color);--button-destructive-variant-secondary-rank-disabled-state-background-color:var(--button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);--button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);--button-destructive-variant-secondary-rank-disabled-state-dark-mode-label-color:var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color);--button-destructive-variant-secondary-rank-disabled-state-label-color:var(--button-destructive-variant-secondary-rank-disabled-state-light-mode-label-color);--button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color:var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--button-destructive-variant-secondary-rank-disabled-state-light-mode-label-color:var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);--button-destructive-variant-secondary-rank-focus-state-background-color:var(--button-destructive-variant-secondary-rank-focus-state-light-mode-background-color);--button-destructive-variant-secondary-rank-focus-state-dark-mode-background-color:var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);--button-destructive-variant-secondary-rank-focus-state-dark-mode-label-color:var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-label-color);--button-destructive-variant-secondary-rank-focus-state-label-color:var(--button-destructive-variant-secondary-rank-focus-state-light-mode-label-color);--button-destructive-variant-secondary-rank-focus-state-light-mode-background-color:var(--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);--button-destructive-variant-secondary-rank-focus-state-light-mode-label-color:var(--button-destructive-variant-secondary-rank-hover-state-light-mode-label-color);--button-destructive-variant-secondary-rank-hover-state-background-color:var(--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);--button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color:var(--core-critical-40-dark-mode-color);--button-destructive-variant-secondary-rank-hover-state-dark-mode-label-color:var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color);--button-destructive-variant-secondary-rank-hover-state-label-color:var(--button-destructive-variant-secondary-rank-hover-state-light-mode-label-color);--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color:var(--core-critical-40-light-mode-color);--button-destructive-variant-secondary-rank-hover-state-light-mode-label-color:var(--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color);--button-destructive-variant-secondary-rank-normal-state-background-color:var(--button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);--button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color:var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);--button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color:var(--core-critical-text-dark-mode-color);--button-destructive-variant-secondary-rank-normal-state-label-color:var(--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color);--button-destructive-variant-secondary-rank-normal-state-light-mode-background-color:var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color:var(--core-critical-text-light-mode-color);--button-destructive-variant-secondary-rank-pressed-state-background-color:var(--button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);--button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--core-critical-30-dark-mode-color);--button-destructive-variant-secondary-rank-pressed-state-dark-mode-label-color:var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color);--button-destructive-variant-secondary-rank-pressed-state-label-color:var(--button-destructive-variant-secondary-rank-pressed-state-light-mode-label-color);--button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color:var(--core-critical-30-light-mode-color);--button-destructive-variant-secondary-rank-pressed-state-light-mode-label-color:var(--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color);--button-destructive-variant-tertiary-rank-disabled-state-background-color:var(--button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);--button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color:var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);--button-destructive-variant-tertiary-rank-disabled-state-dark-mode-label-color:var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color);--button-destructive-variant-tertiary-rank-disabled-state-label-color:var(--button-destructive-variant-tertiary-rank-disabled-state-light-mode-label-color);--button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color:var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);--button-destructive-variant-tertiary-rank-disabled-state-light-mode-label-color:var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color);--button-destructive-variant-tertiary-rank-focus-state-background-color:var(--button-destructive-variant-tertiary-rank-focus-state-light-mode-background-color);--button-destructive-variant-tertiary-rank-focus-state-dark-mode-background-color:var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);--button-destructive-variant-tertiary-rank-focus-state-dark-mode-label-color:var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color);--button-destructive-variant-tertiary-rank-focus-state-label-color:var(--button-destructive-variant-tertiary-rank-focus-state-light-mode-label-color);--button-destructive-variant-tertiary-rank-focus-state-light-mode-background-color:var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);--button-destructive-variant-tertiary-rank-focus-state-light-mode-label-color:var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color);--button-destructive-variant-tertiary-rank-hover-state-background-color:var(--button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);--button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color:var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);--button-destructive-variant-tertiary-rank-hover-state-dark-mode-label-color:var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color);--button-destructive-variant-tertiary-rank-hover-state-label-color:var(--button-destructive-variant-tertiary-rank-hover-state-light-mode-label-color);--button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color:var(--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);--button-destructive-variant-tertiary-rank-hover-state-light-mode-label-color:var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color);--button-destructive-variant-tertiary-rank-normal-state-background-color:var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);--button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color:transparent;--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color:var(--core-critical-text-dark-mode-color);--button-destructive-variant-tertiary-rank-normal-state-label-color:var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color);--button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color:transparent;--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color:var(--core-critical-text-light-mode-color);--button-destructive-variant-tertiary-rank-pressed-state-background-color:var(--button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);--button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color:var(--button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);--button-destructive-variant-tertiary-rank-pressed-state-dark-mode-label-color:var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color);--button-destructive-variant-tertiary-rank-pressed-state-label-color:var(--button-destructive-variant-tertiary-rank-pressed-state-light-mode-label-color);--button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color:var(--button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);--button-destructive-variant-tertiary-rank-pressed-state-light-mode-label-color:var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color);--button-focus-ring-border-size:var(--core-focus-ring-border-size);--button-focus-ring-buffer-size:var(--core-focus-ring-buffer-size);--button-focus-ring-color:var(--button-light-mode-focus-ring-color);--button-large-size-content-spacing:var(--core-metrics-spacing-100);--button-large-size-minimum-height:var(--core-large-size-minimum-height);--button-large-size-minimum-width-multiplier:1.5;--button-large-size-primary-rank-horizontal-padding:20px;--button-large-size-primary-rank-vertical-padding:20px;--button-large-size-secondary-rank-horizontal-padding:var(--button-large-size-primary-rank-horizontal-padding);--button-large-size-secondary-rank-vertical-padding:var(--button-large-size-primary-rank-vertical-padding);--button-large-size-tertiary-rank-horizontal-padding:8px;--button-large-size-tertiary-rank-vertical-padding:20px;--button-large-size-text-case:var(--core-type-semibold-30-case);--button-large-size-text-font-family:var(--core-type-semibold-30-font-family);--button-large-size-text-leading:var(--core-type-semibold-30-leading);--button-large-size-text-number-spacing:var(--core-type-semibold-30-number-spacing);--button-large-size-text-scale:var(--core-type-semibold-30-scale);--button-large-size-text-size:var(--core-type-semibold-30-size);--button-large-size-text-tracking:var(--core-type-semibold-30-tracking);--button-large-size-text-weight:var(--core-type-semibold-30-weight);--button-light-mode-focus-ring-color:var(--core-focus-ring-light-mode-color);--button-medium-size-content-spacing:var(--core-metrics-spacing-100);--button-medium-size-minimum-height:var(--core-medium-size-minimum-height);--button-medium-size-minimum-width-multiplier:1.5;--button-medium-size-primary-rank-horizontal-padding:16px;--button-medium-size-primary-rank-vertical-padding:12px;--button-medium-size-secondary-rank-horizontal-padding:var(--button-medium-size-primary-rank-horizontal-padding);--button-medium-size-secondary-rank-vertical-padding:var(--button-medium-size-primary-rank-vertical-padding);--button-medium-size-tertiary-rank-horizontal-padding:8px;--button-medium-size-tertiary-rank-vertical-padding:12px;--button-medium-size-text-case:var(--core-type-semibold-30-case);--button-medium-size-text-font-family:var(--core-type-semibold-30-font-family);--button-medium-size-text-leading:var(--core-type-semibold-30-leading);--button-medium-size-text-number-spacing:var(--core-type-semibold-30-number-spacing);--button-medium-size-text-scale:var(--core-type-semibold-30-scale);--button-medium-size-text-size:var(--core-type-semibold-30-size);--button-medium-size-text-tracking:var(--core-type-semibold-30-tracking);--button-medium-size-text-weight:var(--core-type-semibold-30-weight);--button-normal-variant-primary-rank-disabled-state-background-color:var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color:var(--core-text-30-dark-mode-color);--button-normal-variant-primary-rank-disabled-state-label-color:var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);--button-normal-variant-primary-rank-disabled-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--button-normal-variant-primary-rank-disabled-state-light-mode-label-color:var(--core-text-30-light-mode-color);--button-normal-variant-primary-rank-focus-state-background-color:var(--button-normal-variant-primary-rank-focus-state-light-mode-background-color);--button-normal-variant-primary-rank-focus-state-dark-mode-background-color:var(--core-emphasis-fill-dark-mode-color);--button-normal-variant-primary-rank-focus-state-dark-mode-label-color:var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color);--button-normal-variant-primary-rank-focus-state-label-color:var(--button-normal-variant-primary-rank-focus-state-light-mode-label-color);--button-normal-variant-primary-rank-focus-state-light-mode-background-color:var(--core-emphasis-fill-light-mode-color);--button-normal-variant-primary-rank-focus-state-light-mode-label-color:var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color);--button-normal-variant-primary-rank-hover-state-background-color:var(--button-normal-variant-primary-rank-hover-state-light-mode-background-color);--button-normal-variant-primary-rank-hover-state-dark-mode-background-color:var(--core-emphasis-20-dark-mode-color);--button-normal-variant-primary-rank-hover-state-dark-mode-label-color:var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color);--button-normal-variant-primary-rank-hover-state-label-color:var(--button-normal-variant-primary-rank-hover-state-light-mode-label-color);--button-normal-variant-primary-rank-hover-state-light-mode-background-color:var(--core-emphasis-20-light-mode-color);--button-normal-variant-primary-rank-hover-state-light-mode-label-color:var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color);--button-normal-variant-primary-rank-normal-state-background-color:var(--button-normal-variant-primary-rank-normal-state-light-mode-background-color);--button-normal-variant-primary-rank-normal-state-dark-mode-background-color:var(--core-emphasis-fill-dark-mode-color);--button-normal-variant-primary-rank-normal-state-dark-mode-label-color:var(--core-text-white-dark-mode-color);--button-normal-variant-primary-rank-normal-state-label-color:var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color);--button-normal-variant-primary-rank-normal-state-light-mode-background-color:var(--core-emphasis-fill-light-mode-color);--button-normal-variant-primary-rank-normal-state-light-mode-label-color:var(--core-text-white-light-mode-color);--button-normal-variant-primary-rank-pressed-state-background-color:var(--button-normal-variant-primary-rank-pressed-state-light-mode-background-color);--button-normal-variant-primary-rank-pressed-state-dark-mode-background-color:var(--core-emphasis-10-dark-mode-color);--button-normal-variant-primary-rank-pressed-state-dark-mode-label-color:var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color);--button-normal-variant-primary-rank-pressed-state-label-color:var(--button-normal-variant-primary-rank-pressed-state-light-mode-label-color);--button-normal-variant-primary-rank-pressed-state-light-mode-background-color:var(--core-emphasis-10-light-mode-color);--button-normal-variant-primary-rank-pressed-state-light-mode-label-color:var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color);--button-normal-variant-secondary-rank-disabled-state-background-color:var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color:var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);--button-normal-variant-secondary-rank-disabled-state-label-color:var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color:var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color:var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);--button-normal-variant-secondary-rank-focus-state-background-color:var(--button-normal-variant-secondary-rank-focus-state-light-mode-background-color);--button-normal-variant-secondary-rank-focus-state-dark-mode-background-color:var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);--button-normal-variant-secondary-rank-focus-state-dark-mode-label-color:var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);--button-normal-variant-secondary-rank-focus-state-label-color:var(--button-normal-variant-secondary-rank-focus-state-light-mode-label-color);--button-normal-variant-secondary-rank-focus-state-light-mode-background-color:var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--button-normal-variant-secondary-rank-focus-state-light-mode-label-color:var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);--button-normal-variant-secondary-rank-hover-state-background-color:var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color:var(--core-emphasis-40-dark-mode-color);--button-normal-variant-secondary-rank-hover-state-dark-mode-label-color:var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);--button-normal-variant-secondary-rank-hover-state-label-color:var(--button-normal-variant-secondary-rank-hover-state-light-mode-label-color);--button-normal-variant-secondary-rank-hover-state-light-mode-background-color:var(--core-emphasis-40-light-mode-color);--button-normal-variant-secondary-rank-hover-state-light-mode-label-color:var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);--button-normal-variant-secondary-rank-normal-state-background-color:var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color:var(--core-emphasis-text-dark-mode-color);--button-normal-variant-secondary-rank-normal-state-label-color:var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);--button-normal-variant-secondary-rank-normal-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--button-normal-variant-secondary-rank-normal-state-light-mode-label-color:var(--core-emphasis-text-light-mode-color);--button-normal-variant-secondary-rank-pressed-state-background-color:var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--core-emphasis-30-dark-mode-color);--button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color:var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);--button-normal-variant-secondary-rank-pressed-state-label-color:var(--button-normal-variant-secondary-rank-pressed-state-light-mode-label-color);--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color:var(--core-emphasis-30-light-mode-color);--button-normal-variant-secondary-rank-pressed-state-light-mode-label-color:var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);--button-normal-variant-tertiary-rank-disabled-state-background-color:var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color);--button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color:var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);--button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color:var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);--button-normal-variant-tertiary-rank-disabled-state-label-color:var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color);--button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color:var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color:var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);--button-normal-variant-tertiary-rank-focus-state-background-color:var(--button-normal-variant-tertiary-rank-focus-state-light-mode-background-color);--button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color:var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);--button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color:var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);--button-normal-variant-tertiary-rank-focus-state-label-color:var(--button-normal-variant-tertiary-rank-focus-state-light-mode-label-color);--button-normal-variant-tertiary-rank-focus-state-light-mode-background-color:var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);--button-normal-variant-tertiary-rank-focus-state-light-mode-label-color:var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);--button-normal-variant-tertiary-rank-hover-state-background-color:var(--button-normal-variant-tertiary-rank-hover-state-light-mode-background-color);--button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color:var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);--button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color:var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);--button-normal-variant-tertiary-rank-hover-state-label-color:var(--button-normal-variant-tertiary-rank-hover-state-light-mode-label-color);--button-normal-variant-tertiary-rank-hover-state-light-mode-background-color:var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--button-normal-variant-tertiary-rank-hover-state-light-mode-label-color:var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);--button-normal-variant-tertiary-rank-normal-state-background-color:var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color:transparent;--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color:var(--core-emphasis-text-dark-mode-color);--button-normal-variant-tertiary-rank-normal-state-label-color:var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color:transparent;--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color:var(--core-emphasis-text-light-mode-color);--button-normal-variant-tertiary-rank-pressed-state-background-color:var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color);--button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color:var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);--button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color:var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);--button-normal-variant-tertiary-rank-pressed-state-label-color:var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color);--button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color:var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color:var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);--button-regular-horizontal-size-class-sample-token:200px;--button-regular-vertical-size-class-sample-token-2:20px;--button-small-size-content-spacing:var(--core-metrics-spacing-100);--button-small-size-minimum-height:var(--core-small-size-minimum-height);--button-small-size-minimum-width-multiplier:1.5;--button-small-size-primary-rank-horizontal-padding:12px;--button-small-size-primary-rank-vertical-padding:9px;--button-small-size-secondary-rank-horizontal-padding:var(--button-small-size-primary-rank-horizontal-padding);--button-small-size-secondary-rank-vertical-padding:var(--button-small-size-primary-rank-vertical-padding);--button-small-size-tertiary-rank-horizontal-padding:8px;--button-small-size-tertiary-rank-vertical-padding:9px;--button-small-size-text-case:var(--core-type-semibold-20-case);--button-small-size-text-font-family:var(--core-type-semibold-20-font-family);--button-small-size-text-leading:var(--core-type-semibold-20-leading);--button-small-size-text-number-spacing:var(--core-type-semibold-20-number-spacing);--button-small-size-text-scale:var(--core-type-semibold-20-scale);--button-small-size-text-size:var(--core-type-semibold-20-size);--button-small-size-text-tracking:var(--core-type-semibold-20-tracking);--button-small-size-text-weight:var(--core-type-semibold-20-weight);--button-tall-vertical-size-class-sample-token-2:30px;--button-tertiary-rank-underline:0px;--button-wide-horizontal-size-class-sample-token:300px;--calculator-below-display-spacing:var(--core-metrics-spacing-200);--calculator-button-border-radius-size:6px;--calculator-button-default-variant-background-disabled-state-color:var(--calculator-button-default-variant-background-disabled-state-light-mode-color);--calculator-button-default-variant-background-disabled-state-dark-mode-color:var(--core-fill-40-dark-mode-color);--calculator-button-default-variant-background-disabled-state-light-mode-color:var(--core-fill-40-light-mode-color);--calculator-button-default-variant-background-normal-state-color:var(--calculator-button-default-variant-background-normal-state-light-mode-color);--calculator-button-default-variant-background-normal-state-dark-mode-color:var(--core-fill-40-dark-mode-color);--calculator-button-default-variant-background-normal-state-light-mode-color:var(--core-fill-40-light-mode-color);--calculator-button-default-variant-background-pressed-state-color:var(--calculator-button-default-variant-background-pressed-state-light-mode-color);--calculator-button-default-variant-background-pressed-state-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--calculator-button-default-variant-background-pressed-state-light-mode-color:var(--core-emphasis-30-light-mode-color);--calculator-button-default-variant-foreground-disabled-state-color:var(--calculator-button-default-variant-foreground-disabled-state-light-mode-color);--calculator-button-default-variant-foreground-disabled-state-dark-mode-color:var(--core-text-30-dark-mode-color);--calculator-button-default-variant-foreground-disabled-state-light-mode-color:var(--core-text-30-light-mode-color);--calculator-button-default-variant-foreground-normal-state-color:var(--calculator-button-default-variant-foreground-normal-state-light-mode-color);--calculator-button-default-variant-foreground-normal-state-dark-mode-color:var(--core-text-10-dark-mode-color);--calculator-button-default-variant-foreground-normal-state-light-mode-color:var(--core-text-10-light-mode-color);--calculator-button-default-variant-foreground-pressed-state-color:var(--calculator-button-default-variant-foreground-pressed-state-light-mode-color);--calculator-button-default-variant-foreground-pressed-state-dark-mode-color:var(--calculator-button-default-variant-foreground-normal-state-dark-mode-color);--calculator-button-default-variant-foreground-pressed-state-light-mode-color:var(--calculator-button-default-variant-foreground-normal-state-light-mode-color);--calculator-button-icon-large-calculator-size:32px;--calculator-button-icon-small-calculator-size:24px;--calculator-button-large-calculator-height:80px;--calculator-button-primary-operator-variant-background-disabled-state-color:var(--calculator-button-primary-operator-variant-background-disabled-state-light-mode-color);--calculator-button-primary-operator-variant-background-disabled-state-dark-mode-color:var(--core-fill-40-dark-mode-color);--calculator-button-primary-operator-variant-background-disabled-state-light-mode-color:var(--core-fill-40-light-mode-color);--calculator-button-primary-operator-variant-background-normal-state-color:var(--calculator-button-primary-operator-variant-background-normal-state-light-mode-color);--calculator-button-primary-operator-variant-background-normal-state-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--calculator-button-primary-operator-variant-background-normal-state-light-mode-color:var(--core-emphasis-fill-light-mode-color);--calculator-button-primary-operator-variant-background-pressed-state-color:var(--calculator-button-primary-operator-variant-background-pressed-state-light-mode-color);--calculator-button-primary-operator-variant-background-pressed-state-dark-mode-color:var(--core-emphasis-10-dark-mode-color);--calculator-button-primary-operator-variant-background-pressed-state-light-mode-color:var(--core-emphasis-10-light-mode-color);--calculator-button-primary-operator-variant-foreground-disabled-state-color:var(--calculator-button-primary-operator-variant-foreground-disabled-state-light-mode-color);--calculator-button-primary-operator-variant-foreground-disabled-state-dark-mode-color:var(--core-text-30-dark-mode-color);--calculator-button-primary-operator-variant-foreground-disabled-state-light-mode-color:var(--core-text-30-light-mode-color);--calculator-button-primary-operator-variant-foreground-normal-state-color:var(--calculator-button-primary-operator-variant-foreground-normal-state-light-mode-color);--calculator-button-primary-operator-variant-foreground-normal-state-dark-mode-color:var(--core-text-white-dark-mode-color);--calculator-button-primary-operator-variant-foreground-normal-state-light-mode-color:var(--core-text-white-light-mode-color);--calculator-button-primary-operator-variant-foreground-pressed-state-color:var(--calculator-button-primary-operator-variant-foreground-pressed-state-light-mode-color);--calculator-button-primary-operator-variant-foreground-pressed-state-dark-mode-color:var(--calculator-button-primary-operator-variant-foreground-normal-state-dark-mode-color);--calculator-button-primary-operator-variant-foreground-pressed-state-light-mode-color:var(--calculator-button-primary-operator-variant-foreground-normal-state-light-mode-color);--calculator-button-secondary-operator-variant-background-disabled-state-color:var(--calculator-button-secondary-operator-variant-background-disabled-state-light-mode-color);--calculator-button-secondary-operator-variant-background-disabled-state-dark-mode-color:var(--core-fill-40-dark-mode-color);--calculator-button-secondary-operator-variant-background-disabled-state-light-mode-color:var(--core-fill-40-light-mode-color);--calculator-button-secondary-operator-variant-background-normal-state-color:var(--calculator-button-secondary-operator-variant-background-normal-state-light-mode-color);--calculator-button-secondary-operator-variant-background-normal-state-dark-mode-color:var(--core-fill-40-dark-mode-color);--calculator-button-secondary-operator-variant-background-normal-state-light-mode-color:var(--core-fill-40-light-mode-color);--calculator-button-secondary-operator-variant-background-pressed-state-color:var(--calculator-button-secondary-operator-variant-background-pressed-state-light-mode-color);--calculator-button-secondary-operator-variant-background-pressed-state-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--calculator-button-secondary-operator-variant-background-pressed-state-light-mode-color:var(--core-emphasis-30-light-mode-color);--calculator-button-secondary-operator-variant-foreground-disabled-state-color:var(--calculator-button-secondary-operator-variant-foreground-disabled-state-light-mode-color);--calculator-button-secondary-operator-variant-foreground-disabled-state-dark-mode-color:var(--core-text-30-dark-mode-color);--calculator-button-secondary-operator-variant-foreground-disabled-state-light-mode-color:var(--core-text-30-light-mode-color);--calculator-button-secondary-operator-variant-foreground-normal-state-color:var(--calculator-button-secondary-operator-variant-foreground-normal-state-light-mode-color);--calculator-button-secondary-operator-variant-foreground-normal-state-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--calculator-button-secondary-operator-variant-foreground-normal-state-light-mode-color:var(--core-emphasis-text-light-mode-color);--calculator-button-secondary-operator-variant-foreground-pressed-state-color:var(--calculator-button-secondary-operator-variant-foreground-pressed-state-light-mode-color);--calculator-button-secondary-operator-variant-foreground-pressed-state-dark-mode-color:var(--calculator-button-secondary-operator-variant-foreground-normal-state-dark-mode-color);--calculator-button-secondary-operator-variant-foreground-pressed-state-light-mode-color:var(--calculator-button-secondary-operator-variant-foreground-normal-state-light-mode-color);--calculator-button-small-calculator-height:48px;--calculator-button-text-large-calculator-case:var(--core-type-display-10-case);--calculator-button-text-large-calculator-font-family:var(--core-type-display-10-font-family);--calculator-button-text-large-calculator-leading:var(--core-type-display-10-leading);--calculator-button-text-large-calculator-number-spacing:var(--core-type-display-10-number-spacing);--calculator-button-text-large-calculator-scale:var(--core-type-display-10-scale);--calculator-button-text-large-calculator-size:var(--core-type-display-10-size);--calculator-button-text-large-calculator-tracking:var(--core-type-display-10-tracking);--calculator-button-text-large-calculator-weight:var(--core-type-display-10-weight);--calculator-button-text-small-calculator-case:var(--core-type-heading-30-case);--calculator-button-text-small-calculator-font-family:var(--core-type-heading-30-font-family);--calculator-button-text-small-calculator-leading:var(--core-type-heading-30-leading);--calculator-button-text-small-calculator-number-spacing:var(--core-type-heading-30-number-spacing);--calculator-button-text-small-calculator-scale:var(--core-type-heading-30-scale);--calculator-button-text-small-calculator-size:var(--core-type-heading-30-size);--calculator-button-text-small-calculator-tracking:var(--core-type-heading-30-tracking);--calculator-button-text-small-calculator-weight:var(--core-type-heading-30-weight);--calculator-display-border-color:var(--calculator-display-border-light-mode-color);--calculator-display-border-corner-radius:6px;--calculator-display-border-dark-mode-color:var(--core-fill-30-dark-mode-color);--calculator-display-border-light-mode-color:var(--core-fill-30-light-mode-color);--calculator-display-border-stroke-width:1px;--calculator-display-large-size-horizontal-padding:20px;--calculator-display-large-size-large-calculator-case:var(--core-type-display-20-case);--calculator-display-large-size-large-calculator-font-family:var(--core-type-display-20-font-family);--calculator-display-large-size-large-calculator-height:136px;--calculator-display-large-size-large-calculator-leading:var(--core-type-display-20-leading);--calculator-display-large-size-large-calculator-number-spacing:var(--core-type-display-20-number-spacing);--calculator-display-large-size-large-calculator-scale:var(--core-type-display-20-scale);--calculator-display-large-size-large-calculator-size:var(--core-type-display-20-size);--calculator-display-large-size-large-calculator-tracking:var(--core-type-display-20-tracking);--calculator-display-large-size-large-calculator-weight:var(--core-type-display-20-weight);--calculator-display-large-size-small-calculator-case:var(--core-type-display-10-case);--calculator-display-large-size-small-calculator-font-family:var(--core-type-display-10-font-family);--calculator-display-large-size-small-calculator-height:80px;--calculator-display-large-size-small-calculator-leading:var(--core-type-display-10-leading);--calculator-display-large-size-small-calculator-number-spacing:var(--core-type-display-10-number-spacing);--calculator-display-large-size-small-calculator-scale:var(--core-type-display-10-scale);--calculator-display-large-size-small-calculator-size:var(--core-type-display-10-size);--calculator-display-large-size-small-calculator-tracking:var(--core-type-display-10-tracking);--calculator-display-large-size-small-calculator-weight:var(--core-type-display-10-weight);--calculator-display-large-size-vertical-padding:20px;--calculator-display-small-size-horizontal-padding:20px;--calculator-display-small-size-large-calculator-case:var(--core-type-display-10-case);--calculator-display-small-size-large-calculator-font-family:var(--core-type-display-10-font-family);--calculator-display-small-size-large-calculator-height:80px;--calculator-display-small-size-large-calculator-leading:var(--core-type-display-10-leading);--calculator-display-small-size-large-calculator-number-spacing:var(--core-type-display-10-number-spacing);--calculator-display-small-size-large-calculator-scale:var(--core-type-display-10-scale);--calculator-display-small-size-large-calculator-size:var(--core-type-display-10-size);--calculator-display-small-size-large-calculator-tracking:var(--core-type-display-10-tracking);--calculator-display-small-size-large-calculator-weight:var(--core-type-display-10-weight);--calculator-display-small-size-small-calculator-case:var(--core-type-heading-30-case);--calculator-display-small-size-small-calculator-font-family:var(--core-type-heading-30-font-family);--calculator-display-small-size-small-calculator-height:48px;--calculator-display-small-size-small-calculator-leading:var(--core-type-heading-30-leading);--calculator-display-small-size-small-calculator-number-spacing:var(--core-type-heading-30-number-spacing);--calculator-display-small-size-small-calculator-scale:var(--core-type-heading-30-scale);--calculator-display-small-size-small-calculator-size:var(--core-type-heading-30-size);--calculator-display-small-size-small-calculator-tracking:var(--core-type-heading-30-tracking);--calculator-display-small-size-small-calculator-weight:var(--core-type-heading-30-weight);--calculator-display-small-size-vertical-padding:0px;--calculator-display-text-color:var(--calculator-display-text-light-mode-color);--calculator-display-text-dark-mode-color:var(--core-text-10-dark-mode-color);--calculator-display-text-light-mode-color:var(--core-text-10-light-mode-color);--calculator-inter-button-horizontal-spacing:var(--core-metrics-spacing-200);--calculator-inter-button-vertical-spacing:var(--core-metrics-spacing-200);--carousel-content-compact-horizontal-size-class-page-spacing:var(--core-metrics-spacing-100);--carousel-content-regular-horizontal-size-class-page-spacing:var(--core-metrics-spacing-200);--carousel-content-wide-horizontal-size-class-page-spacing:var(--core-metrics-spacing-200);--carousel-control-bar-vertical-padding:var(--core-metrics-spacing-100);--checkbox-border-radius:var(--core-radius-66);--checkbox-border-size:var(--core-border-20);--checkbox-dark-mode-focus-ring-color:var(--core-focus-ring-dark-mode-color);--checkbox-disabled-state-invalid-validity-checked-value-background-color:var(--checkbox-disabled-state-invalid-validity-checked-value-light-mode-background-color);--checkbox-disabled-state-invalid-validity-checked-value-border-color:var(--checkbox-disabled-state-invalid-validity-checked-value-light-mode-border-color);--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-background-color:var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-background-color);--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-border-color:var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-border-color);--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-icon-color:var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-icon-color);--checkbox-disabled-state-invalid-validity-checked-value-icon-color:var(--checkbox-disabled-state-invalid-validity-checked-value-light-mode-icon-color);--checkbox-disabled-state-invalid-validity-checked-value-light-mode-background-color:var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-background-color);--checkbox-disabled-state-invalid-validity-checked-value-light-mode-border-color:var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-border-color);--checkbox-disabled-state-invalid-validity-checked-value-light-mode-icon-color:var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-icon-color);--checkbox-disabled-state-invalid-validity-indeterminate-value-background-color:var(--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-background-color);--checkbox-disabled-state-invalid-validity-indeterminate-value-border-color:var(--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-border-color);--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-background-color:var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-background-color);--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-border-color:var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-border-color);--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-icon-color:var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-icon-color);--checkbox-disabled-state-invalid-validity-indeterminate-value-icon-color:var(--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-icon-color);--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-background-color:var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-background-color);--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-border-color:var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-border-color);--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-icon-color:var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-icon-color);--checkbox-disabled-state-invalid-validity-unchecked-value-background-color:var(--checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-background-color);--checkbox-disabled-state-invalid-validity-unchecked-value-border-color:var(--checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-border-color);--checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-background-color:var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-background-color);--checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-border-color:var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-border-color);--checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-background-color:var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-background-color);--checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-border-color:var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-border-color);--checkbox-disabled-state-normal-validity-checked-value-background-color:var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-background-color);--checkbox-disabled-state-normal-validity-checked-value-border-color:var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-border-color);--checkbox-disabled-state-normal-validity-checked-value-dark-mode-background-color:var(--core-fill-20-dark-mode-color);--checkbox-disabled-state-normal-validity-checked-value-dark-mode-border-color:transparent;--checkbox-disabled-state-normal-validity-checked-value-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--checkbox-disabled-state-normal-validity-checked-value-icon-color:var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-icon-color);--checkbox-disabled-state-normal-validity-checked-value-light-mode-background-color:var(--core-fill-20-light-mode-color);--checkbox-disabled-state-normal-validity-checked-value-light-mode-border-color:transparent;--checkbox-disabled-state-normal-validity-checked-value-light-mode-icon-color:var(--core-fill-white-light-mode-color);--checkbox-disabled-state-normal-validity-indeterminate-value-background-color:var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-background-color);--checkbox-disabled-state-normal-validity-indeterminate-value-border-color:var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-border-color);--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-background-color:transparent;--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-border-color:var(--core-fill-50-dark-mode-color);--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-icon-color:var(--core-fill-20-dark-mode-color);--checkbox-disabled-state-normal-validity-indeterminate-value-icon-color:var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-icon-color);--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-background-color:transparent;--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-border-color:var(--core-fill-50-light-mode-color);--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-icon-color:var(--core-fill-20-light-mode-color);--checkbox-disabled-state-normal-validity-unchecked-value-background-color:var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-background-color);--checkbox-disabled-state-normal-validity-unchecked-value-border-color:var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-border-color);--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-background-color:var(--core-fill-50-dark-mode-color);--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-border-color:var(--core-fill-30-dark-mode-color);--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-background-color:var(--core-fill-50-light-mode-color);--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-border-color:var(--core-fill-30-light-mode-color);--checkbox-focus-ring-border-size:var(--core-focus-ring-border-size);--checkbox-focus-ring-buffer-size:var(--core-focus-ring-buffer-size);--checkbox-focus-ring-color:var(--checkbox-light-mode-focus-ring-color);--checkbox-focus-state-invalid-validity-checked-value-background-color:var(--checkbox-focus-state-invalid-validity-checked-value-light-mode-background-color);--checkbox-focus-state-invalid-validity-checked-value-border-color:var(--checkbox-focus-state-invalid-validity-checked-value-light-mode-border-color);--checkbox-focus-state-invalid-validity-checked-value-dark-mode-background-color:var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-background-color);--checkbox-focus-state-invalid-validity-checked-value-dark-mode-border-color:var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-border-color);--checkbox-focus-state-invalid-validity-checked-value-dark-mode-icon-color:var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-icon-color);--checkbox-focus-state-invalid-validity-checked-value-icon-color:var(--checkbox-focus-state-invalid-validity-checked-value-light-mode-icon-color);--checkbox-focus-state-invalid-validity-checked-value-light-mode-background-color:var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-background-color);--checkbox-focus-state-invalid-validity-checked-value-light-mode-border-color:var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-border-color);--checkbox-focus-state-invalid-validity-checked-value-light-mode-icon-color:var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-icon-color);--checkbox-focus-state-invalid-validity-indeterminate-value-background-color:var(--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-background-color);--checkbox-focus-state-invalid-validity-indeterminate-value-border-color:var(--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-border-color);--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-background-color:var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-background-color);--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-border-color:var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-border-color);--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-icon-color:var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-icon-color);--checkbox-focus-state-invalid-validity-indeterminate-value-icon-color:var(--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-icon-color);--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-background-color:var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-background-color);--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-border-color:var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-border-color);--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-icon-color:var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-icon-color);--checkbox-focus-state-invalid-validity-unchecked-value-background-color:var(--checkbox-focus-state-invalid-validity-unchecked-value-light-mode-background-color);--checkbox-focus-state-invalid-validity-unchecked-value-border-color:var(--checkbox-focus-state-invalid-validity-unchecked-value-light-mode-border-color);--checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-background-color:var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-background-color);--checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-border-color:var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-border-color);--checkbox-focus-state-invalid-validity-unchecked-value-light-mode-background-color:var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-background-color);--checkbox-focus-state-invalid-validity-unchecked-value-light-mode-border-color:var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-border-color);--checkbox-focus-state-normal-validity-checked-value-background-color:var(--checkbox-focus-state-normal-validity-checked-value-light-mode-background-color);--checkbox-focus-state-normal-validity-checked-value-border-color:var(--checkbox-focus-state-normal-validity-checked-value-light-mode-border-color);--checkbox-focus-state-normal-validity-checked-value-dark-mode-background-color:var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-background-color);--checkbox-focus-state-normal-validity-checked-value-dark-mode-border-color:var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-border-color);--checkbox-focus-state-normal-validity-checked-value-dark-mode-icon-color:var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-icon-color);--checkbox-focus-state-normal-validity-checked-value-icon-color:var(--checkbox-focus-state-normal-validity-checked-value-light-mode-icon-color);--checkbox-focus-state-normal-validity-checked-value-light-mode-background-color:var(--checkbox-hover-state-normal-validity-checked-value-light-mode-background-color);--checkbox-focus-state-normal-validity-checked-value-light-mode-border-color:var(--checkbox-hover-state-normal-validity-checked-value-light-mode-border-color);--checkbox-focus-state-normal-validity-checked-value-light-mode-icon-color:var(--checkbox-hover-state-normal-validity-checked-value-light-mode-icon-color);--checkbox-focus-state-normal-validity-indeterminate-value-background-color:var(--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-background-color);--checkbox-focus-state-normal-validity-indeterminate-value-border-color:var(--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-border-color);--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-background-color:var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-background-color);--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-border-color:var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-border-color);--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-icon-color:var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-icon-color);--checkbox-focus-state-normal-validity-indeterminate-value-icon-color:var(--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-icon-color);--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-background-color:var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-background-color);--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-border-color:var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-border-color);--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-icon-color:var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-icon-color);--checkbox-focus-state-normal-validity-unchecked-value-background-color:var(--checkbox-focus-state-normal-validity-unchecked-value-light-mode-background-color);--checkbox-focus-state-normal-validity-unchecked-value-border-color:var(--checkbox-focus-state-normal-validity-unchecked-value-light-mode-border-color);--checkbox-focus-state-normal-validity-unchecked-value-dark-mode-background-color:var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-background-color);--checkbox-focus-state-normal-validity-unchecked-value-dark-mode-border-color:var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-border-color);--checkbox-focus-state-normal-validity-unchecked-value-light-mode-background-color:var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-background-color);--checkbox-focus-state-normal-validity-unchecked-value-light-mode-border-color:var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-border-color);--checkbox-height:var(--checkbox-width);--checkbox-hover-state-invalid-validity-checked-value-background-color:var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-background-color);--checkbox-hover-state-invalid-validity-checked-value-border-color:var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-border-color);--checkbox-hover-state-invalid-validity-checked-value-dark-mode-background-color:var(--core-critical-20-dark-mode-color);--checkbox-hover-state-invalid-validity-checked-value-dark-mode-border-color:transparent;--checkbox-hover-state-invalid-validity-checked-value-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--checkbox-hover-state-invalid-validity-checked-value-icon-color:var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-icon-color);--checkbox-hover-state-invalid-validity-checked-value-light-mode-background-color:var(--core-critical-20-light-mode-color);--checkbox-hover-state-invalid-validity-checked-value-light-mode-border-color:transparent;--checkbox-hover-state-invalid-validity-checked-value-light-mode-icon-color:var(--core-fill-white-light-mode-color);--checkbox-hover-state-invalid-validity-indeterminate-value-background-color:var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-background-color);--checkbox-hover-state-invalid-validity-indeterminate-value-border-color:var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-border-color);--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-background-color:transparent;--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-border-color:var(--core-critical-20-dark-mode-color);--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-icon-color:var(--core-critical-20-dark-mode-color);--checkbox-hover-state-invalid-validity-indeterminate-value-icon-color:var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-icon-color);--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-background-color:transparent;--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-border-color:var(--core-critical-20-light-mode-color);--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-icon-color:var(--core-critical-20-light-mode-color);--checkbox-hover-state-invalid-validity-unchecked-value-background-color:var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-background-color);--checkbox-hover-state-invalid-validity-unchecked-value-border-color:var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-border-color);--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-background-color:transparent;--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-border-color:var(--core-critical-20-dark-mode-color);--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-background-color:transparent;--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-border-color:var(--core-critical-20-light-mode-color);--checkbox-hover-state-normal-validity-checked-value-background-color:var(--checkbox-hover-state-normal-validity-checked-value-light-mode-background-color);--checkbox-hover-state-normal-validity-checked-value-border-color:var(--checkbox-hover-state-normal-validity-checked-value-light-mode-border-color);--checkbox-hover-state-normal-validity-checked-value-dark-mode-background-color:var(--core-emphasis-fill-dark-mode-color);--checkbox-hover-state-normal-validity-checked-value-dark-mode-border-color:transparent;--checkbox-hover-state-normal-validity-checked-value-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--checkbox-hover-state-normal-validity-checked-value-icon-color:var(--checkbox-hover-state-normal-validity-checked-value-light-mode-icon-color);--checkbox-hover-state-normal-validity-checked-value-light-mode-background-color:var(--core-emphasis-fill-light-mode-color);--checkbox-hover-state-normal-validity-checked-value-light-mode-border-color:transparent;--checkbox-hover-state-normal-validity-checked-value-light-mode-icon-color:var(--core-fill-white-light-mode-color);--checkbox-hover-state-normal-validity-indeterminate-value-background-color:var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-background-color);--checkbox-hover-state-normal-validity-indeterminate-value-border-color:var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-border-color);--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-background-color:transparent;--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-border-color:var(--core-emphasis-fill-dark-mode-color);--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-icon-color:var(--core-emphasis-fill-dark-mode-color);--checkbox-hover-state-normal-validity-indeterminate-value-icon-color:var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-icon-color);--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-background-color:transparent;--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-border-color:var(--core-emphasis-fill-light-mode-color);--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-icon-color:var(--core-emphasis-fill-light-mode-color);--checkbox-hover-state-normal-validity-unchecked-value-background-color:var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-background-color);--checkbox-hover-state-normal-validity-unchecked-value-border-color:var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-border-color);--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-background-color:transparent;--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-border-color:var(--core-emphasis-fill-dark-mode-color);--checkbox-hover-state-normal-validity-unchecked-value-light-mode-background-color:transparent;--checkbox-hover-state-normal-validity-unchecked-value-light-mode-border-color:var(--core-emphasis-fill-light-mode-color);--checkbox-light-mode-focus-ring-color:var(--core-focus-ring-light-mode-color);--checkbox-normal-state-invalid-validity-checked-value-background-color:var(--checkbox-normal-state-invalid-validity-checked-value-light-mode-background-color);--checkbox-normal-state-invalid-validity-checked-value-border-color:var(--checkbox-normal-state-invalid-validity-checked-value-light-mode-border-color);--checkbox-normal-state-invalid-validity-checked-value-dark-mode-background-color:var(--core-critical-fill-dark-mode-color);--checkbox-normal-state-invalid-validity-checked-value-dark-mode-border-color:transparent;--checkbox-normal-state-invalid-validity-checked-value-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--checkbox-normal-state-invalid-validity-checked-value-icon-color:var(--checkbox-normal-state-invalid-validity-checked-value-light-mode-icon-color);--checkbox-normal-state-invalid-validity-checked-value-light-mode-background-color:var(--core-critical-fill-light-mode-color);--checkbox-normal-state-invalid-validity-checked-value-light-mode-border-color:transparent;--checkbox-normal-state-invalid-validity-checked-value-light-mode-icon-color:var(--core-fill-white-light-mode-color);--checkbox-normal-state-invalid-validity-indeterminate-value-background-color:var(--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-background-color);--checkbox-normal-state-invalid-validity-indeterminate-value-border-color:var(--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-border-color);--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-background-color:transparent;--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-border-color:var(--core-critical-fill-dark-mode-color);--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-icon-color:var(--core-critical-fill-dark-mode-color);--checkbox-normal-state-invalid-validity-indeterminate-value-icon-color:var(--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-icon-color);--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-background-color:transparent;--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-border-color:var(--core-critical-fill-light-mode-color);--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-icon-color:var(--core-critical-fill-light-mode-color);--checkbox-normal-state-invalid-validity-unchecked-value-background-color:var(--checkbox-normal-state-invalid-validity-unchecked-value-light-mode-background-color);--checkbox-normal-state-invalid-validity-unchecked-value-border-color:var(--checkbox-normal-state-invalid-validity-unchecked-value-light-mode-border-color);--checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-background-color:transparent;--checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-border-color:var(--core-critical-fill-dark-mode-color);--checkbox-normal-state-invalid-validity-unchecked-value-light-mode-background-color:transparent;--checkbox-normal-state-invalid-validity-unchecked-value-light-mode-border-color:var(--core-critical-fill-light-mode-color);--checkbox-normal-state-normal-validity-checked-value-background-color:var(--checkbox-normal-state-normal-validity-checked-value-light-mode-background-color);--checkbox-normal-state-normal-validity-checked-value-border-color:var(--checkbox-normal-state-normal-validity-checked-value-light-mode-border-color);--checkbox-normal-state-normal-validity-checked-value-dark-mode-background-color:var(--core-emphasis-fill-dark-mode-color);--checkbox-normal-state-normal-validity-checked-value-dark-mode-border-color:transparent;--checkbox-normal-state-normal-validity-checked-value-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--checkbox-normal-state-normal-validity-checked-value-icon-color:var(--checkbox-normal-state-normal-validity-checked-value-light-mode-icon-color);--checkbox-normal-state-normal-validity-checked-value-light-mode-background-color:var(--core-emphasis-fill-light-mode-color);--checkbox-normal-state-normal-validity-checked-value-light-mode-border-color:transparent;--checkbox-normal-state-normal-validity-checked-value-light-mode-icon-color:var(--core-fill-white-light-mode-color);--checkbox-normal-state-normal-validity-indeterminate-value-background-color:var(--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-background-color);--checkbox-normal-state-normal-validity-indeterminate-value-border-color:var(--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-border-color);--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-background-color:transparent;--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-border-color:var(--core-fill-20-dark-mode-color);--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-icon-color:var(--core-emphasis-fill-dark-mode-color);--checkbox-normal-state-normal-validity-indeterminate-value-icon-color:var(--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-icon-color);--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-background-color:transparent;--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-border-color:var(--core-fill-20-light-mode-color);--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-icon-color:var(--core-emphasis-fill-light-mode-color);--checkbox-normal-state-normal-validity-unchecked-value-background-color:var(--checkbox-normal-state-normal-validity-unchecked-value-light-mode-background-color);--checkbox-normal-state-normal-validity-unchecked-value-border-color:var(--checkbox-normal-state-normal-validity-unchecked-value-light-mode-border-color);--checkbox-normal-state-normal-validity-unchecked-value-dark-mode-background-color:transparent;--checkbox-normal-state-normal-validity-unchecked-value-dark-mode-border-color:var(--core-fill-20-dark-mode-color);--checkbox-normal-state-normal-validity-unchecked-value-light-mode-background-color:transparent;--checkbox-normal-state-normal-validity-unchecked-value-light-mode-border-color:var(--core-fill-20-light-mode-color);--checkbox-pressed-state-invalid-validity-checked-value-background-color:var(--checkbox-pressed-state-invalid-validity-checked-value-light-mode-background-color);--checkbox-pressed-state-invalid-validity-checked-value-border-color:var(--checkbox-pressed-state-invalid-validity-checked-value-light-mode-border-color);--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-background-color:var(--core-critical-10-dark-mode-color);--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-border-color:transparent;--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--checkbox-pressed-state-invalid-validity-checked-value-icon-color:var(--checkbox-pressed-state-invalid-validity-checked-value-light-mode-icon-color);--checkbox-pressed-state-invalid-validity-checked-value-light-mode-background-color:var(--core-critical-10-light-mode-color);--checkbox-pressed-state-invalid-validity-checked-value-light-mode-border-color:transparent;--checkbox-pressed-state-invalid-validity-checked-value-light-mode-icon-color:var(--core-fill-white-light-mode-color);--checkbox-pressed-state-invalid-validity-indeterminate-value-background-color:var(--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-background-color);--checkbox-pressed-state-invalid-validity-indeterminate-value-border-color:var(--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-border-color);--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-background-color:transparent;--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-border-color:var(--core-critical-10-dark-mode-color);--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-icon-color:var(--core-critical-10-dark-mode-color);--checkbox-pressed-state-invalid-validity-indeterminate-value-icon-color:var(--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-icon-color);--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-background-color:transparent;--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-border-color:var(--core-critical-10-light-mode-color);--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-icon-color:var(--core-critical-10-light-mode-color);--checkbox-pressed-state-invalid-validity-unchecked-value-background-color:var(--checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-background-color);--checkbox-pressed-state-invalid-validity-unchecked-value-border-color:var(--checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-border-color);--checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-background-color:transparent;--checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-border-color:var(--core-critical-10-dark-mode-color);--checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-background-color:transparent;--checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-border-color:var(--core-critical-10-light-mode-color);--checkbox-pressed-state-normal-validity-checked-value-background-color:var(--checkbox-pressed-state-normal-validity-checked-value-light-mode-background-color);--checkbox-pressed-state-normal-validity-checked-value-border-color:var(--checkbox-pressed-state-normal-validity-checked-value-light-mode-border-color);--checkbox-pressed-state-normal-validity-checked-value-dark-mode-background-color:var(--core-emphasis-10-dark-mode-color);--checkbox-pressed-state-normal-validity-checked-value-dark-mode-border-color:transparent;--checkbox-pressed-state-normal-validity-checked-value-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--checkbox-pressed-state-normal-validity-checked-value-icon-color:var(--checkbox-pressed-state-normal-validity-checked-value-light-mode-icon-color);--checkbox-pressed-state-normal-validity-checked-value-light-mode-background-color:var(--core-emphasis-10-light-mode-color);--checkbox-pressed-state-normal-validity-checked-value-light-mode-border-color:transparent;--checkbox-pressed-state-normal-validity-checked-value-light-mode-icon-color:var(--core-fill-white-light-mode-color);--checkbox-pressed-state-normal-validity-indeterminate-value-background-color:var(--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-background-color);--checkbox-pressed-state-normal-validity-indeterminate-value-border-color:var(--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-border-color);--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-background-color:transparent;--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-border-color:var(--core-emphasis-10-dark-mode-color);--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-icon-color:var(--core-emphasis-10-dark-mode-color);--checkbox-pressed-state-normal-validity-indeterminate-value-icon-color:var(--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-icon-color);--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-background-color:transparent;--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-border-color:var(--core-emphasis-10-light-mode-color);--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-icon-color:var(--core-emphasis-10-light-mode-color);--checkbox-pressed-state-normal-validity-unchecked-value-background-color:var(--checkbox-pressed-state-normal-validity-unchecked-value-light-mode-background-color);--checkbox-pressed-state-normal-validity-unchecked-value-border-color:var(--checkbox-pressed-state-normal-validity-unchecked-value-light-mode-border-color);--checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-background-color:transparent;--checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-border-color:var(--core-emphasis-10-dark-mode-color);--checkbox-pressed-state-normal-validity-unchecked-value-light-mode-background-color:transparent;--checkbox-pressed-state-normal-validity-unchecked-value-light-mode-border-color:var(--core-emphasis-10-light-mode-color);--checkbox-width:var(--core-control-size-width);--choice-button-border-radius:var(--core-radius-100);--choice-button-dark-mode-focus-ring-color:var(--core-focus-ring-dark-mode-color);--choice-button-focus-ring-border-size:var(--core-focus-ring-border-size);--choice-button-focus-ring-buffer-size:var(--core-focus-ring-buffer-size);--choice-button-focus-ring-color:var(--choice-button-light-mode-focus-ring-color);--choice-button-large-size-content-spacing:var(--core-metrics-spacing-100);--choice-button-large-size-horizontal-padding:var(--core-metrics-spacing-250);--choice-button-large-size-minimum-height:var(--core-large-size-minimum-height);--choice-button-large-size-text-primary-case:var(--core-type-semibold-30-case);--choice-button-large-size-text-primary-font-family:var(--core-type-semibold-30-font-family);--choice-button-large-size-text-primary-leading:var(--core-type-semibold-30-leading);--choice-button-large-size-text-primary-number-spacing:var(--core-type-semibold-30-number-spacing);--choice-button-large-size-text-primary-scale:var(--core-type-semibold-30-scale);--choice-button-large-size-text-primary-size:var(--core-type-semibold-30-size);--choice-button-large-size-text-primary-tracking:var(--core-type-semibold-30-tracking);--choice-button-large-size-text-primary-weight:var(--core-type-semibold-30-weight);--choice-button-large-size-text-secondary-case:var(--core-type-paragraph-30-case);--choice-button-large-size-text-secondary-font-family:var(--core-type-paragraph-30-font-family);--choice-button-large-size-text-secondary-leading:var(--core-type-paragraph-30-leading);--choice-button-large-size-text-secondary-number-spacing:var(--core-type-paragraph-30-number-spacing);--choice-button-large-size-text-secondary-scale:var(--core-type-paragraph-30-scale);--choice-button-large-size-text-secondary-size:var(--core-type-paragraph-30-size);--choice-button-large-size-text-secondary-tracking:var(--core-type-paragraph-30-tracking);--choice-button-large-size-text-secondary-weight:var(--core-type-paragraph-30-weight);--choice-button-large-size-vertical-padding:var(--core-metrics-spacing-250);--choice-button-light-mode-focus-ring-color:var(--core-focus-ring-light-mode-color);--choice-button-medium-size-content-spacing:var(--core-metrics-spacing-100);--choice-button-medium-size-horizontal-padding:var(--core-metrics-spacing-200);--choice-button-medium-size-minimum-height:var(--core-medium-size-minimum-height);--choice-button-medium-size-text-primary-case:var(--core-type-semibold-30-case);--choice-button-medium-size-text-primary-font-family:var(--core-type-semibold-30-font-family);--choice-button-medium-size-text-primary-leading:var(--core-type-semibold-30-leading);--choice-button-medium-size-text-primary-number-spacing:var(--core-type-semibold-30-number-spacing);--choice-button-medium-size-text-primary-scale:var(--core-type-semibold-30-scale);--choice-button-medium-size-text-primary-size:var(--core-type-semibold-30-size);--choice-button-medium-size-text-primary-tracking:var(--core-type-semibold-30-tracking);--choice-button-medium-size-text-primary-weight:var(--core-type-semibold-30-weight);--choice-button-medium-size-text-secondary-case:var(--core-type-paragraph-30-case);--choice-button-medium-size-text-secondary-font-family:var(--core-type-paragraph-30-font-family);--choice-button-medium-size-text-secondary-leading:var(--core-type-paragraph-30-leading);--choice-button-medium-size-text-secondary-number-spacing:var(--core-type-paragraph-30-number-spacing);--choice-button-medium-size-text-secondary-scale:var(--core-type-paragraph-30-scale);--choice-button-medium-size-text-secondary-size:var(--core-type-paragraph-30-size);--choice-button-medium-size-text-secondary-tracking:var(--core-type-paragraph-30-tracking);--choice-button-medium-size-text-secondary-weight:var(--core-type-paragraph-30-weight);--choice-button-medium-size-vertical-padding:var(--core-metrics-spacing-150);--choice-button-minimum-width-multipler:var(--choice-button-minimum-width-multiplier);--choice-button-minimum-width-multiplier:1.5;--choice-button-selected-value-disabled-state-background-color:var(--choice-button-selected-value-disabled-state-light-mode-background-color);--choice-button-selected-value-disabled-state-dark-mode-background-color:var(--core-fill-30-dark-mode-color);--choice-button-selected-value-disabled-state-dark-mode-label-color:var(--core-text-inverse-dark-mode-color);--choice-button-selected-value-disabled-state-label-color:var(--choice-button-selected-value-disabled-state-light-mode-label-color);--choice-button-selected-value-disabled-state-light-mode-background-color:var(--core-fill-30-light-mode-color);--choice-button-selected-value-disabled-state-light-mode-label-color:var(--core-text-inverse-light-mode-color);--choice-button-selected-value-hover-state-background-color:var(--choice-button-selected-value-hover-state-light-mode-background-color);--choice-button-selected-value-hover-state-dark-mode-background-color:var(--core-fill-10-dark-mode-color);--choice-button-selected-value-hover-state-dark-mode-label-color:var(--core-text-inverse-dark-mode-color);--choice-button-selected-value-hover-state-label-color:var(--choice-button-selected-value-hover-state-light-mode-label-color);--choice-button-selected-value-hover-state-light-mode-background-color:var(--core-fill-10-light-mode-color);--choice-button-selected-value-hover-state-light-mode-label-color:var(--core-text-inverse-light-mode-color);--choice-button-selected-value-normal-state-background-color:var(--choice-button-selected-value-normal-state-light-mode-background-color);--choice-button-selected-value-normal-state-dark-mode-background-color:var(--core-fill-10-dark-mode-color);--choice-button-selected-value-normal-state-dark-mode-label-color:var(--core-text-inverse-dark-mode-color);--choice-button-selected-value-normal-state-label-color:var(--choice-button-selected-value-normal-state-light-mode-label-color);--choice-button-selected-value-normal-state-light-mode-background-color:var(--core-fill-10-light-mode-color);--choice-button-selected-value-normal-state-light-mode-label-color:var(--core-text-inverse-light-mode-color);--choice-button-selected-value-pressed-state-background-color:var(--choice-button-selected-value-pressed-state-light-mode-background-color);--choice-button-selected-value-pressed-state-dark-mode-background-color:var(--core-fill-20-dark-mode-color);--choice-button-selected-value-pressed-state-dark-mode-label-color:var(--core-text-inverse-dark-mode-color);--choice-button-selected-value-pressed-state-label-color:var(--choice-button-selected-value-pressed-state-light-mode-label-color);--choice-button-selected-value-pressed-state-light-mode-background-color:var(--core-fill-20-light-mode-color);--choice-button-selected-value-pressed-state-light-mode-label-color:var(--core-text-inverse-light-mode-color);--choice-button-small-size-content-spacing:var(--core-metrics-spacing-100);--choice-button-small-size-horizontal-padding:var(--core-metrics-spacing-150);--choice-button-small-size-minimum-height:var(--core-small-size-minimum-height);--choice-button-small-size-text-primary-case:var(--core-type-semibold-20-case);--choice-button-small-size-text-primary-font-family:var(--core-type-semibold-20-font-family);--choice-button-small-size-text-primary-leading:var(--core-type-semibold-20-leading);--choice-button-small-size-text-primary-number-spacing:var(--core-type-semibold-20-number-spacing);--choice-button-small-size-text-primary-scale:var(--core-type-semibold-20-scale);--choice-button-small-size-text-primary-size:var(--core-type-semibold-20-size);--choice-button-small-size-text-primary-tracking:var(--core-type-semibold-20-tracking);--choice-button-small-size-text-primary-weight:var(--core-type-semibold-20-weight);--choice-button-small-size-text-secondary-case:var(--core-type-paragraph-20-case);--choice-button-small-size-text-secondary-font-family:var(--core-type-paragraph-20-font-family);--choice-button-small-size-text-secondary-leading:var(--core-type-paragraph-20-leading);--choice-button-small-size-text-secondary-number-spacing:var(--core-type-paragraph-20-number-spacing);--choice-button-small-size-text-secondary-scale:var(--core-type-paragraph-20-scale);--choice-button-small-size-text-secondary-size:var(--core-type-paragraph-20-size);--choice-button-small-size-text-secondary-tracking:var(--core-type-paragraph-20-tracking);--choice-button-small-size-text-secondary-weight:var(--core-type-paragraph-20-weight);--choice-button-small-size-vertical-padding:var(--core-metrics-spacing-100);--choice-button-unselected-value-disabled-state-background-color:var(--choice-button-unselected-value-disabled-state-light-mode-background-color);--choice-button-unselected-value-disabled-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--choice-button-unselected-value-disabled-state-dark-mode-label-color:var(--core-text-30-dark-mode-color);--choice-button-unselected-value-disabled-state-label-color:var(--choice-button-unselected-value-disabled-state-light-mode-label-color);--choice-button-unselected-value-disabled-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--choice-button-unselected-value-disabled-state-light-mode-label-color:var(--core-text-30-light-mode-color);--choice-button-unselected-value-hover-state-background-color:var(--choice-button-unselected-value-hover-state-light-mode-background-color);--choice-button-unselected-value-hover-state-dark-mode-background-color:var(--core-emphasis-40-dark-mode-color);--choice-button-unselected-value-hover-state-dark-mode-label-color:var(--core-text-10-dark-mode-color);--choice-button-unselected-value-hover-state-label-color:var(--choice-button-unselected-value-hover-state-light-mode-label-color);--choice-button-unselected-value-hover-state-light-mode-background-color:var(--core-emphasis-40-light-mode-color);--choice-button-unselected-value-hover-state-light-mode-label-color:var(--core-text-10-light-mode-color);--choice-button-unselected-value-normal-state-background-color:var(--choice-button-unselected-value-normal-state-light-mode-background-color);--choice-button-unselected-value-normal-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--choice-button-unselected-value-normal-state-dark-mode-label-color:var(--core-text-10-dark-mode-color);--choice-button-unselected-value-normal-state-label-color:var(--choice-button-unselected-value-normal-state-light-mode-label-color);--choice-button-unselected-value-normal-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--choice-button-unselected-value-normal-state-light-mode-label-color:var(--core-text-10-light-mode-color);--choice-button-unselected-value-pressed-state-background-color:var(--choice-button-unselected-value-pressed-state-light-mode-background-color);--choice-button-unselected-value-pressed-state-dark-mode-background-color:var(--core-emphasis-30-dark-mode-color);--choice-button-unselected-value-pressed-state-dark-mode-label-color:var(--core-text-10-dark-mode-color);--choice-button-unselected-value-pressed-state-label-color:var(--choice-button-unselected-value-pressed-state-light-mode-label-color);--choice-button-unselected-value-pressed-state-light-mode-background-color:var(--core-emphasis-30-light-mode-color);--choice-button-unselected-value-pressed-state-light-mode-label-color:var(--core-text-10-light-mode-color);--choice-icon-button-border-radius:var(--core-radius-100);--choice-icon-button-dark-mode-focus-ring-color:var(--core-focus-ring-dark-mode-color);--choice-icon-button-focus-ring-border-size:var(--core-focus-ring-border-size);--choice-icon-button-focus-ring-buffer-size:var(--core-focus-ring-buffer-size);--choice-icon-button-focus-ring-color:var(--choice-icon-button-light-mode-focus-ring-color);--choice-icon-button-large-size-horizontal-padding:var(--core-metrics-spacing-200);--choice-icon-button-large-size-minimum-height:var(--core-large-size-minimum-height);--choice-icon-button-large-size-vertical-padding:var(--core-metrics-spacing-200);--choice-icon-button-light-mode-focus-ring-color:var(--core-focus-ring-light-mode-color);--choice-icon-button-medium-size-horizontal-padding:var(--core-metrics-spacing-150);--choice-icon-button-medium-size-minimum-height:var(--core-medium-size-minimum-height);--choice-icon-button-medium-size-vertical-padding:var(--core-metrics-spacing-150);--choice-icon-button-minimum-width-multipler:var(--choice-icon-button-minimum-width-multiplier);--choice-icon-button-minimum-width-multiplier:1;--choice-icon-button-selected-value-disabled-state-background-color:var(--choice-icon-button-selected-value-disabled-state-light-mode-background-color);--choice-icon-button-selected-value-disabled-state-dark-mode-background-color:var(--core-fill-30-dark-mode-color);--choice-icon-button-selected-value-disabled-state-dark-mode-icon-color:var(--core-text-inverse-dark-mode-color);--choice-icon-button-selected-value-disabled-state-icon-color:var(--choice-icon-button-selected-value-disabled-state-light-mode-icon-color);--choice-icon-button-selected-value-disabled-state-light-mode-background-color:var(--core-fill-30-light-mode-color);--choice-icon-button-selected-value-disabled-state-light-mode-icon-color:var(--core-text-inverse-light-mode-color);--choice-icon-button-selected-value-hover-state-background-color:var(--choice-icon-button-selected-value-hover-state-light-mode-background-color);--choice-icon-button-selected-value-hover-state-dark-mode-background-color:var(--core-fill-10-dark-mode-color);--choice-icon-button-selected-value-hover-state-dark-mode-icon-color:var(--core-text-inverse-dark-mode-color);--choice-icon-button-selected-value-hover-state-icon-color:var(--choice-icon-button-selected-value-hover-state-light-mode-icon-color);--choice-icon-button-selected-value-hover-state-light-mode-background-color:var(--core-fill-10-light-mode-color);--choice-icon-button-selected-value-hover-state-light-mode-icon-color:var(--core-text-inverse-light-mode-color);--choice-icon-button-selected-value-normal-state-background-color:var(--choice-icon-button-selected-value-normal-state-light-mode-background-color);--choice-icon-button-selected-value-normal-state-dark-mode-background-color:var(--core-fill-10-dark-mode-color);--choice-icon-button-selected-value-normal-state-dark-mode-icon-color:var(--core-text-inverse-dark-mode-color);--choice-icon-button-selected-value-normal-state-icon-color:var(--choice-icon-button-selected-value-normal-state-light-mode-icon-color);--choice-icon-button-selected-value-normal-state-light-mode-background-color:var(--core-fill-10-light-mode-color);--choice-icon-button-selected-value-normal-state-light-mode-icon-color:var(--core-text-inverse-light-mode-color);--choice-icon-button-selected-value-pressed-state-background-color:var(--choice-icon-button-selected-value-pressed-state-light-mode-background-color);--choice-icon-button-selected-value-pressed-state-dark-mode-background-color:var(--core-fill-20-dark-mode-color);--choice-icon-button-selected-value-pressed-state-dark-mode-icon-color:var(--core-text-inverse-dark-mode-color);--choice-icon-button-selected-value-pressed-state-icon-color:var(--choice-icon-button-selected-value-pressed-state-light-mode-icon-color);--choice-icon-button-selected-value-pressed-state-light-mode-background-color:var(--core-fill-20-light-mode-color);--choice-icon-button-selected-value-pressed-state-light-mode-icon-color:var(--core-text-inverse-light-mode-color);--choice-icon-button-small-size-horizontal-padding:var(--core-metrics-spacing-100);--choice-icon-button-small-size-minimum-height:var(--core-small-size-minimum-height);--choice-icon-button-small-size-vertical-padding:var(--core-metrics-spacing-100);--choice-icon-button-unselected-value-disabled-state-background-color:var(--choice-icon-button-unselected-value-disabled-state-light-mode-background-color);--choice-icon-button-unselected-value-disabled-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--choice-icon-button-unselected-value-disabled-state-dark-mode-icon-color:var(--core-text-30-dark-mode-color);--choice-icon-button-unselected-value-disabled-state-icon-color:var(--choice-icon-button-unselected-value-disabled-state-light-mode-icon-color);--choice-icon-button-unselected-value-disabled-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--choice-icon-button-unselected-value-disabled-state-light-mode-icon-color:var(--core-text-30-light-mode-color);--choice-icon-button-unselected-value-hover-state-background-color:var(--choice-icon-button-unselected-value-hover-state-light-mode-background-color);--choice-icon-button-unselected-value-hover-state-dark-mode-background-color:var(--core-emphasis-40-dark-mode-color);--choice-icon-button-unselected-value-hover-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--choice-icon-button-unselected-value-hover-state-icon-color:var(--choice-icon-button-unselected-value-hover-state-light-mode-icon-color);--choice-icon-button-unselected-value-hover-state-light-mode-background-color:var(--core-emphasis-40-light-mode-color);--choice-icon-button-unselected-value-hover-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--choice-icon-button-unselected-value-normal-state-background-color:var(--choice-icon-button-unselected-value-normal-state-light-mode-background-color);--choice-icon-button-unselected-value-normal-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--choice-icon-button-unselected-value-normal-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--choice-icon-button-unselected-value-normal-state-icon-color:var(--choice-icon-button-unselected-value-normal-state-light-mode-icon-color);--choice-icon-button-unselected-value-normal-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--choice-icon-button-unselected-value-normal-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--choice-icon-button-unselected-value-pressed-state-background-color:var(--choice-icon-button-unselected-value-pressed-state-light-mode-background-color);--choice-icon-button-unselected-value-pressed-state-dark-mode-background-color:var(--core-emphasis-30-dark-mode-color);--choice-icon-button-unselected-value-pressed-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--choice-icon-button-unselected-value-pressed-state-icon-color:var(--choice-icon-button-unselected-value-pressed-state-light-mode-icon-color);--choice-icon-button-unselected-value-pressed-state-light-mode-background-color:var(--core-emphasis-30-light-mode-color);--choice-icon-button-unselected-value-pressed-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--coachmark-background-color:var(--coachmark-background-light-mode-color);--coachmark-background-dark-mode-color:var(--core-surface-inverse-dark-mode-color);--coachmark-background-light-mode-color:var(--core-surface-inverse-light-mode-color);--coachmark-border-radius:var(--core-radius-100);--coachmark-heading-case:var(--core-type-semibold-20-case);--coachmark-heading-color:var(--coachmark-heading-light-mode-color);--coachmark-heading-dark-mode-color:var(--core-text-inverse-dark-mode-color);--coachmark-heading-font-family:var(--core-type-semibold-20-font-family);--coachmark-heading-leading:var(--core-type-semibold-20-leading);--coachmark-heading-light-mode-color:var(--core-text-inverse-light-mode-color);--coachmark-heading-number-spacing:var(--core-type-semibold-20-number-spacing);--coachmark-heading-scale:var(--core-type-semibold-20-scale);--coachmark-heading-size:var(--core-type-semibold-20-size);--coachmark-heading-tracking:var(--core-type-semibold-20-tracking);--coachmark-heading-weight:var(--core-type-semibold-20-weight);--coachmark-horizontal-padding:var(--core-metrics-spacing-200);--coachmark-icon-button-border-radius:var(--icon-button-border-radius);--coachmark-icon-button-compact-size-minimum-height:var(--icon-button-compact-size-minimum-height);--coachmark-icon-button-compact-size-minimum-padding-size:var(--icon-button-compact-size-minimum-padding-size);--coachmark-icon-button-compact-size-minimum-width:var(--icon-button-compact-size-minimum-width);--coachmark-icon-button-compact-size-padding-size:var(--icon-button-compact-size-padding-size);--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-background-color:var(--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color:var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-icon-color:var(--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color:var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-primary-rank-hover-state-background-color:var(--coachmark-icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color:var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-primary-rank-hover-state-icon-color:var(--coachmark-icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color:var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-primary-rank-normal-state-background-color:var(--coachmark-icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color:var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-primary-rank-normal-state-icon-color:var(--coachmark-icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color:var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-background-color:var(--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color:var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-icon-color:var(--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color:var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-background-color:var(--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-icon-color:var(--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-background-color:var(--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-icon-color:var(--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-background-color:var(--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-icon-color:var(--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-background-color:var(--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-icon-color:var(--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-background-color:var(--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color:var(--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-background-color:var(--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-icon-color:var(--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-background-color:var(--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-icon-color:var(--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-background-color:var(--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color:var(--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-disabled-state-background-color:var(--coachmark-icon-button-disabled-state-light-mode-background-color);--coachmark-icon-button-disabled-state-dark-mode-background-color:var(--icon-button-disabled-state-dark-mode-background-color);--coachmark-icon-button-disabled-state-dark-mode-icon-color:var(--icon-button-disabled-state-dark-mode-icon-color);--coachmark-icon-button-disabled-state-icon-color:var(--coachmark-icon-button-disabled-state-light-mode-icon-color);--coachmark-icon-button-disabled-state-light-mode-background-color:var(--icon-button-disabled-state-light-mode-background-color);--coachmark-icon-button-disabled-state-light-mode-icon-color:var(--icon-button-disabled-state-light-mode-icon-color);--coachmark-icon-button-focus-ring-border-size:var(--icon-button-focus-ring-border-size);--coachmark-icon-button-focus-ring-buffer-size:var(--icon-button-focus-ring-buffer-size);--coachmark-icon-button-focus-state-background-color:var(--coachmark-icon-button-focus-state-light-mode-background-color);--coachmark-icon-button-focus-state-dark-mode-background-color:var(--icon-button-focus-state-dark-mode-background-color);--coachmark-icon-button-focus-state-dark-mode-icon-color:var(--icon-button-focus-state-dark-mode-icon-color);--coachmark-icon-button-focus-state-icon-color:var(--coachmark-icon-button-focus-state-light-mode-icon-color);--coachmark-icon-button-focus-state-light-mode-background-color:var(--icon-button-focus-state-light-mode-background-color);--coachmark-icon-button-focus-state-light-mode-icon-color:var(--icon-button-focus-state-light-mode-icon-color);--coachmark-icon-button-hover-state-background-color:var(--coachmark-icon-button-hover-state-light-mode-background-color);--coachmark-icon-button-hover-state-dark-mode-background-color:var(--icon-button-hover-state-dark-mode-background-color);--coachmark-icon-button-hover-state-dark-mode-icon-color:var(--icon-button-hover-state-dark-mode-icon-color);--coachmark-icon-button-hover-state-icon-color:var(--coachmark-icon-button-hover-state-light-mode-icon-color);--coachmark-icon-button-hover-state-light-mode-background-color:var(--icon-button-hover-state-light-mode-background-color);--coachmark-icon-button-hover-state-light-mode-icon-color:var(--icon-button-hover-state-light-mode-icon-color);--coachmark-icon-button-large-size-icon-height:var(--icon-button-large-size-icon-height);--coachmark-icon-button-large-size-icon-width:var(--icon-button-large-size-icon-width);--coachmark-icon-button-large-size-minimum-height:var(--icon-button-large-size-minimum-height);--coachmark-icon-button-large-size-padding-size:var(--icon-button-large-size-padding-size);--coachmark-icon-button-large-size-width-multiplier:var(--icon-button-large-size-width-multiplier);--coachmark-icon-button-medium-size-horizontal-spacing-size:var(--icon-button-medium-size-horizontal-spacing-size);--coachmark-icon-button-medium-size-icon-height:var(--icon-button-medium-size-icon-height);--coachmark-icon-button-medium-size-icon-width:var(--icon-button-medium-size-icon-width);--coachmark-icon-button-medium-size-minimum-height:var(--icon-button-medium-size-minimum-height);--coachmark-icon-button-medium-size-padding-size:var(--icon-button-medium-size-padding-size);--coachmark-icon-button-medium-size-width-multiplier:var(--icon-button-medium-size-width-multiplier);--coachmark-icon-button-minimum-height:var(--icon-button-minimum-height);--coachmark-icon-button-minimum-width:var(--icon-button-minimum-width);--coachmark-icon-button-normal-size-minimum-height:var(--icon-button-normal-size-minimum-height);--coachmark-icon-button-normal-size-minimum-width:var(--icon-button-normal-size-minimum-width);--coachmark-icon-button-normal-size-padding-size:var(--icon-button-normal-size-padding-size);--coachmark-icon-button-normal-state-background-color:var(--coachmark-icon-button-normal-state-light-mode-background-color);--coachmark-icon-button-normal-state-dark-mode-background-color:var(--icon-button-normal-state-dark-mode-background-color);--coachmark-icon-button-normal-state-dark-mode-icon-color:var(--icon-button-normal-state-dark-mode-icon-color);--coachmark-icon-button-normal-state-icon-color:var(--coachmark-icon-button-normal-state-light-mode-icon-color);--coachmark-icon-button-normal-state-light-mode-background-color:var(--icon-button-normal-state-light-mode-background-color);--coachmark-icon-button-normal-state-light-mode-icon-color:var(--icon-button-normal-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-disabled-state-background-color:var(--coachmark-icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color:var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-disabled-state-icon-color:var(--coachmark-icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color:var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color:var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-focus-state-background-color:var(--coachmark-icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color:var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color:var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-focus-state-icon-color:var(--coachmark-icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color:var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color:var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-hover-state-background-color:var(--coachmark-icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color:var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color:var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-hover-state-icon-color:var(--coachmark-icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color:var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color:var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-normal-state-background-color:var(--coachmark-icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color:var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color:var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-normal-state-icon-color:var(--coachmark-icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color:var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color:var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-pressed-state-background-color:var(--coachmark-icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color:var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-pressed-state-icon-color:var(--coachmark-icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color:var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color:var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-background-color:var(--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-icon-color:var(--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color:var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-hover-state-background-color:var(--coachmark-icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color:var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-hover-state-icon-color:var(--coachmark-icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color:var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-normal-state-background-color:var(--coachmark-icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color:var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-normal-state-icon-color:var(--coachmark-icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color:var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-background-color:var(--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-icon-color:var(--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color:var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-padding-size:var(--icon-button-padding-size);--coachmark-icon-button-pressed-state-background-color:var(--coachmark-icon-button-pressed-state-light-mode-background-color);--coachmark-icon-button-pressed-state-dark-mode-background-color:var(--icon-button-pressed-state-dark-mode-background-color);--coachmark-icon-button-pressed-state-dark-mode-icon-color:var(--icon-button-pressed-state-dark-mode-icon-color);--coachmark-icon-button-pressed-state-icon-color:var(--coachmark-icon-button-pressed-state-light-mode-icon-color);--coachmark-icon-button-pressed-state-light-mode-background-color:var(--icon-button-pressed-state-light-mode-background-color);--coachmark-icon-button-pressed-state-light-mode-icon-color:var(--icon-button-pressed-state-light-mode-icon-color);--coachmark-icon-button-primary-rank-disabled-state-background-color:var(--coachmark-icon-button-primary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-primary-rank-disabled-state-dark-mode-background-color:var(--icon-button-primary-rank-disabled-state-dark-mode-background-color);--coachmark-icon-button-primary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-primary-rank-disabled-state-dark-mode-icon-color);--coachmark-icon-button-primary-rank-disabled-state-icon-color:var(--coachmark-icon-button-primary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-primary-rank-disabled-state-light-mode-background-color:var(--icon-button-primary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-primary-rank-disabled-state-light-mode-icon-color:var(--icon-button-primary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-primary-rank-focus-state-background-color:var(--coachmark-icon-button-primary-rank-focus-state-light-mode-background-color);--coachmark-icon-button-primary-rank-focus-state-dark-mode-background-color:var(--icon-button-primary-rank-focus-state-dark-mode-background-color);--coachmark-icon-button-primary-rank-focus-state-dark-mode-icon-color:var(--icon-button-primary-rank-focus-state-dark-mode-icon-color);--coachmark-icon-button-primary-rank-focus-state-icon-color:var(--coachmark-icon-button-primary-rank-focus-state-light-mode-icon-color);--coachmark-icon-button-primary-rank-focus-state-light-mode-background-color:var(--icon-button-primary-rank-focus-state-light-mode-background-color);--coachmark-icon-button-primary-rank-focus-state-light-mode-icon-color:var(--icon-button-primary-rank-focus-state-light-mode-icon-color);--coachmark-icon-button-primary-rank-hover-state-background-color:var(--coachmark-icon-button-primary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-primary-rank-hover-state-dark-mode-background-color:var(--icon-button-primary-rank-hover-state-dark-mode-background-color);--coachmark-icon-button-primary-rank-hover-state-dark-mode-icon-color:var(--icon-button-primary-rank-hover-state-dark-mode-icon-color);--coachmark-icon-button-primary-rank-hover-state-icon-color:var(--coachmark-icon-button-primary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-primary-rank-hover-state-light-mode-background-color:var(--icon-button-primary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-primary-rank-hover-state-light-mode-icon-color:var(--icon-button-primary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-primary-rank-normal-state-background-color:var(--coachmark-icon-button-primary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-primary-rank-normal-state-dark-mode-background-color:var(--icon-button-primary-rank-normal-state-dark-mode-background-color);--coachmark-icon-button-primary-rank-normal-state-dark-mode-icon-color:var(--icon-button-primary-rank-normal-state-dark-mode-icon-color);--coachmark-icon-button-primary-rank-normal-state-icon-color:var(--coachmark-icon-button-primary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-primary-rank-normal-state-light-mode-background-color:var(--icon-button-primary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-primary-rank-normal-state-light-mode-icon-color:var(--icon-button-primary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-primary-rank-pressed-state-background-color:var(--coachmark-icon-button-primary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-primary-rank-pressed-state-dark-mode-background-color:var(--icon-button-primary-rank-pressed-state-dark-mode-background-color);--coachmark-icon-button-primary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-primary-rank-pressed-state-dark-mode-icon-color);--coachmark-icon-button-primary-rank-pressed-state-icon-color:var(--coachmark-icon-button-primary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-primary-rank-pressed-state-light-mode-background-color:var(--icon-button-primary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-primary-rank-pressed-state-light-mode-icon-color:var(--icon-button-primary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-secondary-rank-disabled-state-background-color:var(--coachmark-icon-button-secondary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-secondary-rank-disabled-state-dark-mode-background-color:var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);--coachmark-icon-button-secondary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);--coachmark-icon-button-secondary-rank-disabled-state-icon-color:var(--coachmark-icon-button-secondary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-secondary-rank-disabled-state-light-mode-background-color:var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-secondary-rank-disabled-state-light-mode-icon-color:var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-secondary-rank-focus-state-background-color:var(--coachmark-icon-button-secondary-rank-focus-state-light-mode-background-color);--coachmark-icon-button-secondary-rank-focus-state-dark-mode-background-color:var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);--coachmark-icon-button-secondary-rank-focus-state-dark-mode-icon-color:var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);--coachmark-icon-button-secondary-rank-focus-state-icon-color:var(--coachmark-icon-button-secondary-rank-focus-state-light-mode-icon-color);--coachmark-icon-button-secondary-rank-focus-state-light-mode-background-color:var(--icon-button-secondary-rank-focus-state-light-mode-background-color);--coachmark-icon-button-secondary-rank-focus-state-light-mode-icon-color:var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);--coachmark-icon-button-secondary-rank-hover-state-background-color:var(--coachmark-icon-button-secondary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-secondary-rank-hover-state-dark-mode-background-color:var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);--coachmark-icon-button-secondary-rank-hover-state-dark-mode-icon-color:var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);--coachmark-icon-button-secondary-rank-hover-state-icon-color:var(--coachmark-icon-button-secondary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-secondary-rank-hover-state-light-mode-background-color:var(--icon-button-secondary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-secondary-rank-hover-state-light-mode-icon-color:var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-secondary-rank-normal-state-background-color:var(--coachmark-icon-button-secondary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-secondary-rank-normal-state-dark-mode-background-color:var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);--coachmark-icon-button-secondary-rank-normal-state-dark-mode-icon-color:var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);--coachmark-icon-button-secondary-rank-normal-state-icon-color:var(--coachmark-icon-button-secondary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-secondary-rank-normal-state-light-mode-background-color:var(--icon-button-secondary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-secondary-rank-normal-state-light-mode-icon-color:var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-secondary-rank-pressed-state-background-color:var(--coachmark-icon-button-secondary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-secondary-rank-pressed-state-dark-mode-background-color:var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);--coachmark-icon-button-secondary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);--coachmark-icon-button-secondary-rank-pressed-state-icon-color:var(--coachmark-icon-button-secondary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-secondary-rank-pressed-state-light-mode-background-color:var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-secondary-rank-pressed-state-light-mode-icon-color:var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-small-size-icon-height:var(--icon-button-small-size-icon-height);--coachmark-icon-button-small-size-icon-width:var(--icon-button-small-size-icon-width);--coachmark-icon-button-small-size-minimum-height:var(--icon-button-small-size-minimum-height);--coachmark-icon-button-small-size-padding-size:var(--icon-button-small-size-padding-size);--coachmark-icon-button-small-size-width-multiplier:var(--icon-button-small-size-width-multiplier);--coachmark-icon-button-tertiary-rank-disabled-state-background-color:var(--coachmark-icon-button-tertiary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-background-color:var(--icon-button-tertiary-rank-disabled-state-dark-mode-background-color);--coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-tertiary-rank-disabled-state-dark-mode-icon-color);--coachmark-icon-button-tertiary-rank-disabled-state-icon-color:var(--coachmark-icon-button-tertiary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-tertiary-rank-disabled-state-light-mode-background-color:var(--icon-button-tertiary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-tertiary-rank-disabled-state-light-mode-icon-color:var(--icon-button-tertiary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-tertiary-rank-focus-state-background-color:var(--coachmark-icon-button-tertiary-rank-focus-state-light-mode-background-color);--coachmark-icon-button-tertiary-rank-focus-state-dark-mode-background-color:var(--icon-button-tertiary-rank-focus-state-dark-mode-background-color);--coachmark-icon-button-tertiary-rank-focus-state-dark-mode-icon-color:var(--icon-button-tertiary-rank-focus-state-dark-mode-icon-color);--coachmark-icon-button-tertiary-rank-focus-state-icon-color:var(--coachmark-icon-button-tertiary-rank-focus-state-light-mode-icon-color);--coachmark-icon-button-tertiary-rank-focus-state-light-mode-background-color:var(--icon-button-tertiary-rank-focus-state-light-mode-background-color);--coachmark-icon-button-tertiary-rank-focus-state-light-mode-icon-color:var(--icon-button-tertiary-rank-focus-state-light-mode-icon-color);--coachmark-icon-button-tertiary-rank-hover-state-background-color:var(--coachmark-icon-button-tertiary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-tertiary-rank-hover-state-dark-mode-background-color:var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color);--coachmark-icon-button-tertiary-rank-hover-state-dark-mode-icon-color:var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color);--coachmark-icon-button-tertiary-rank-hover-state-icon-color:var(--coachmark-icon-button-tertiary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-tertiary-rank-hover-state-light-mode-background-color:var(--icon-button-tertiary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-tertiary-rank-hover-state-light-mode-icon-color:var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-tertiary-rank-normal-state-background-color:var(--coachmark-icon-button-tertiary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-tertiary-rank-normal-state-dark-mode-background-color:var(--icon-button-tertiary-rank-normal-state-dark-mode-background-color);--coachmark-icon-button-tertiary-rank-normal-state-dark-mode-icon-color:var(--icon-button-tertiary-rank-normal-state-dark-mode-icon-color);--coachmark-icon-button-tertiary-rank-normal-state-icon-color:var(--coachmark-icon-button-tertiary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-tertiary-rank-normal-state-light-mode-background-color:var(--icon-button-tertiary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-tertiary-rank-normal-state-light-mode-icon-color:var(--icon-button-tertiary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-tertiary-rank-pressed-state-background-color:var(--coachmark-icon-button-tertiary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-background-color:var(--icon-button-tertiary-rank-pressed-state-dark-mode-background-color);--coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-tertiary-rank-pressed-state-dark-mode-icon-color);--coachmark-icon-button-tertiary-rank-pressed-state-icon-color:var(--coachmark-icon-button-tertiary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-tertiary-rank-pressed-state-light-mode-background-color:var(--icon-button-tertiary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-tertiary-rank-pressed-state-light-mode-icon-color:var(--icon-button-tertiary-rank-pressed-state-light-mode-icon-color);--coachmark-paragraph-case:var(--core-type-paragraph-20-case);--coachmark-paragraph-color:var(--coachmark-paragraph-light-mode-color);--coachmark-paragraph-dark-mode-color:var(--core-text-inverse-dark-mode-color);--coachmark-paragraph-font-family:var(--core-type-paragraph-20-font-family);--coachmark-paragraph-leading:var(--core-type-paragraph-20-leading);--coachmark-paragraph-light-mode-color:var(--core-text-inverse-light-mode-color);--coachmark-paragraph-number-spacing:var(--core-type-paragraph-20-number-spacing);--coachmark-paragraph-scale:var(--core-type-paragraph-20-scale);--coachmark-paragraph-size:var(--core-type-paragraph-20-size);--coachmark-paragraph-tracking:var(--core-type-paragraph-20-tracking);--coachmark-paragraph-weight:var(--core-type-paragraph-20-weight);--coachmark-pill-alpha-variant-background-color:var(--coachmark-pill-alpha-variant-background-light-mode-color);--coachmark-pill-alpha-variant-background-dark-mode-color:var(--pill-alpha-variant-background-dark-mode-color);--coachmark-pill-alpha-variant-background-light-mode-color:var(--pill-alpha-variant-background-light-mode-color);--coachmark-pill-alpha-variant-icon-color:var(--coachmark-pill-alpha-variant-icon-light-mode-color);--coachmark-pill-alpha-variant-icon-dark-mode-color:var(--pill-alpha-variant-icon-dark-mode-color);--coachmark-pill-alpha-variant-icon-light-mode-color:var(--pill-alpha-variant-icon-light-mode-color);--coachmark-pill-alpha-variant-normal-state-background-color:var(--coachmark-pill-alpha-variant-normal-state-background-light-mode-color);--coachmark-pill-alpha-variant-normal-state-background-dark-mode-color:var(--pill-alpha-variant-normal-state-background-dark-mode-color);--coachmark-pill-alpha-variant-normal-state-background-light-mode-color:var(--pill-alpha-variant-normal-state-background-light-mode-color);--coachmark-pill-alpha-variant-pressed-state-background-color:var(--coachmark-pill-alpha-variant-pressed-state-background-light-mode-color);--coachmark-pill-alpha-variant-pressed-state-background-dark-mode-color:var(--pill-alpha-variant-pressed-state-background-dark-mode-color);--coachmark-pill-alpha-variant-pressed-state-background-light-mode-color:var(--pill-alpha-variant-pressed-state-background-light-mode-color);--coachmark-pill-alpha-variant-text-color:var(--coachmark-pill-alpha-variant-text-light-mode-color);--coachmark-pill-alpha-variant-text-dark-mode-color:var(--pill-alpha-variant-text-dark-mode-color);--coachmark-pill-alpha-variant-text-light-mode-color:var(--pill-alpha-variant-text-light-mode-color);--coachmark-pill-beta-variant-background-color:var(--coachmark-pill-beta-variant-background-light-mode-color);--coachmark-pill-beta-variant-background-dark-mode-color:var(--pill-beta-variant-background-dark-mode-color);--coachmark-pill-beta-variant-background-light-mode-color:var(--pill-beta-variant-background-light-mode-color);--coachmark-pill-beta-variant-icon-color:var(--coachmark-pill-beta-variant-icon-light-mode-color);--coachmark-pill-beta-variant-icon-dark-mode-color:var(--pill-beta-variant-icon-dark-mode-color);--coachmark-pill-beta-variant-icon-light-mode-color:var(--pill-beta-variant-icon-light-mode-color);--coachmark-pill-beta-variant-normal-state-background-color:var(--coachmark-pill-beta-variant-normal-state-background-light-mode-color);--coachmark-pill-beta-variant-normal-state-background-dark-mode-color:var(--pill-beta-variant-normal-state-background-dark-mode-color);--coachmark-pill-beta-variant-normal-state-background-light-mode-color:var(--pill-beta-variant-normal-state-background-light-mode-color);--coachmark-pill-beta-variant-pressed-state-background-color:var(--coachmark-pill-beta-variant-pressed-state-background-light-mode-color);--coachmark-pill-beta-variant-pressed-state-background-dark-mode-color:var(--pill-beta-variant-pressed-state-background-dark-mode-color);--coachmark-pill-beta-variant-pressed-state-background-light-mode-color:var(--pill-beta-variant-pressed-state-background-light-mode-color);--coachmark-pill-beta-variant-text-color:var(--coachmark-pill-beta-variant-text-light-mode-color);--coachmark-pill-beta-variant-text-dark-mode-color:var(--pill-beta-variant-text-dark-mode-color);--coachmark-pill-beta-variant-text-light-mode-color:var(--pill-beta-variant-text-light-mode-color);--coachmark-pill-border-color:var(--coachmark-pill-border-light-mode-color);--coachmark-pill-border-dark-mode-color:var(--pill-border-dark-mode-color);--coachmark-pill-border-light-mode-color:var(--pill-border-light-mode-color);--coachmark-pill-border-width:var(--pill-border-width);--coachmark-pill-compact-size-border-radius:var(--pill-compact-size-border-radius);--coachmark-pill-compact-size-corner-radius:var(--pill-compact-size-corner-radius);--coachmark-pill-compact-size-horizontal-padding:var(--pill-compact-size-horizontal-padding);--coachmark-pill-compact-size-icon-dot-radius:var(--pill-compact-size-icon-dot-radius);--coachmark-pill-compact-size-icon-left-padding:var(--pill-compact-size-icon-left-padding);--coachmark-pill-compact-size-icon-size:var(--pill-compact-size-icon-size);--coachmark-pill-compact-size-icon-to-text-spacing:var(--pill-compact-size-icon-to-text-spacing);--coachmark-pill-compact-size-indicator-dot-horizontal-padding-left:var(--pill-compact-size-indicator-dot-horizontal-padding-left);--coachmark-pill-compact-size-indicator-dot-horizontal-padding-right:var(--pill-compact-size-indicator-dot-horizontal-padding-right);--coachmark-pill-compact-size-indicator-dot-radius:var(--pill-compact-size-indicator-dot-radius);--coachmark-pill-compact-size-indicator-icon-horizontal-padding-left:var(--pill-compact-size-indicator-icon-horizontal-padding-left);--coachmark-pill-compact-size-indicator-icon-horizontal-padding-right:var(--pill-compact-size-indicator-icon-horizontal-padding-right);--coachmark-pill-compact-size-indicator-icon-size:var(--pill-compact-size-indicator-icon-size);--coachmark-pill-compact-size-padding-horizontal-size:var(--pill-compact-size-padding-horizontal-size);--coachmark-pill-compact-size-padding-vertical-size:var(--pill-compact-size-padding-vertical-size);--coachmark-pill-compact-size-spacing-horizontal:var(--pill-compact-size-spacing-horizontal);--coachmark-pill-compact-size-text-case:var(--pill-compact-size-text-case);--coachmark-pill-compact-size-text-edge-padding:var(--pill-compact-size-text-edge-padding);--coachmark-pill-compact-size-text-font-family:var(--pill-compact-size-text-font-family);--coachmark-pill-compact-size-text-horizontal-padding-left:var(--pill-compact-size-text-horizontal-padding-left);--coachmark-pill-compact-size-text-leading:var(--pill-compact-size-text-leading);--coachmark-pill-compact-size-text-number-spacing:var(--pill-compact-size-text-number-spacing);--coachmark-pill-compact-size-text-scale:var(--pill-compact-size-text-scale);--coachmark-pill-compact-size-text-size:var(--pill-compact-size-text-size);--coachmark-pill-compact-size-text-tracking:var(--pill-compact-size-text-tracking);--coachmark-pill-compact-size-text-weight:var(--pill-compact-size-text-weight);--coachmark-pill-compact-size-vertical-padding:var(--pill-compact-size-vertical-padding);--coachmark-pill-critical-variant-background-color:var(--coachmark-pill-critical-variant-background-light-mode-color);--coachmark-pill-critical-variant-background-dark-mode-color:var(--pill-critical-variant-background-dark-mode-color);--coachmark-pill-critical-variant-background-light-mode-color:var(--pill-critical-variant-background-light-mode-color);--coachmark-pill-critical-variant-icon-color:var(--coachmark-pill-critical-variant-icon-light-mode-color);--coachmark-pill-critical-variant-icon-dark-mode-color:var(--pill-critical-variant-icon-dark-mode-color);--coachmark-pill-critical-variant-icon-light-mode-color:var(--pill-critical-variant-icon-light-mode-color);--coachmark-pill-critical-variant-normal-state-background-color:var(--coachmark-pill-critical-variant-normal-state-background-light-mode-color);--coachmark-pill-critical-variant-normal-state-background-dark-mode-color:var(--pill-critical-variant-normal-state-background-dark-mode-color);--coachmark-pill-critical-variant-normal-state-background-light-mode-color:var(--pill-critical-variant-normal-state-background-light-mode-color);--coachmark-pill-critical-variant-pressed-state-background-color:var(--coachmark-pill-critical-variant-pressed-state-background-light-mode-color);--coachmark-pill-critical-variant-pressed-state-background-dark-mode-color:var(--pill-critical-variant-pressed-state-background-dark-mode-color);--coachmark-pill-critical-variant-pressed-state-background-light-mode-color:var(--pill-critical-variant-pressed-state-background-light-mode-color);--coachmark-pill-critical-variant-text-color:var(--coachmark-pill-critical-variant-text-light-mode-color);--coachmark-pill-critical-variant-text-dark-mode-color:var(--pill-critical-variant-text-dark-mode-color);--coachmark-pill-critical-variant-text-light-mode-color:var(--pill-critical-variant-text-light-mode-color);--coachmark-pill-emphasis-variant-background-color:var(--coachmark-pill-emphasis-variant-background-light-mode-color);--coachmark-pill-emphasis-variant-background-dark-mode-color:var(--pill-emphasis-variant-background-dark-mode-color);--coachmark-pill-emphasis-variant-background-light-mode-color:var(--pill-emphasis-variant-background-light-mode-color);--coachmark-pill-emphasis-variant-icon-color:var(--coachmark-pill-emphasis-variant-icon-light-mode-color);--coachmark-pill-emphasis-variant-icon-dark-mode-color:var(--pill-emphasis-variant-icon-dark-mode-color);--coachmark-pill-emphasis-variant-icon-light-mode-color:var(--pill-emphasis-variant-icon-light-mode-color);--coachmark-pill-emphasis-variant-normal-state-background-color:var(--coachmark-pill-emphasis-variant-normal-state-background-light-mode-color);--coachmark-pill-emphasis-variant-normal-state-background-dark-mode-color:var(--pill-emphasis-variant-normal-state-background-dark-mode-color);--coachmark-pill-emphasis-variant-normal-state-background-light-mode-color:var(--pill-emphasis-variant-normal-state-background-light-mode-color);--coachmark-pill-emphasis-variant-pressed-state-background-color:var(--coachmark-pill-emphasis-variant-pressed-state-background-light-mode-color);--coachmark-pill-emphasis-variant-pressed-state-background-dark-mode-color:var(--pill-emphasis-variant-pressed-state-background-dark-mode-color);--coachmark-pill-emphasis-variant-pressed-state-background-light-mode-color:var(--pill-emphasis-variant-pressed-state-background-light-mode-color);--coachmark-pill-emphasis-variant-text-color:var(--coachmark-pill-emphasis-variant-text-light-mode-color);--coachmark-pill-emphasis-variant-text-dark-mode-color:var(--pill-emphasis-variant-text-dark-mode-color);--coachmark-pill-emphasis-variant-text-light-mode-color:var(--pill-emphasis-variant-text-light-mode-color);--coachmark-pill-insight-variant-background-color:var(--coachmark-pill-insight-variant-background-light-mode-color);--coachmark-pill-insight-variant-background-dark-mode-color:var(--pill-insight-variant-background-dark-mode-color);--coachmark-pill-insight-variant-background-light-mode-color:var(--pill-insight-variant-background-light-mode-color);--coachmark-pill-insight-variant-icon-color:var(--coachmark-pill-insight-variant-icon-light-mode-color);--coachmark-pill-insight-variant-icon-dark-mode-color:var(--pill-insight-variant-icon-dark-mode-color);--coachmark-pill-insight-variant-icon-light-mode-color:var(--pill-insight-variant-icon-light-mode-color);--coachmark-pill-insight-variant-normal-state-background-color:var(--coachmark-pill-insight-variant-normal-state-background-light-mode-color);--coachmark-pill-insight-variant-normal-state-background-dark-mode-color:var(--pill-insight-variant-normal-state-background-dark-mode-color);--coachmark-pill-insight-variant-normal-state-background-light-mode-color:var(--pill-insight-variant-normal-state-background-light-mode-color);--coachmark-pill-insight-variant-pressed-state-background-color:var(--coachmark-pill-insight-variant-pressed-state-background-light-mode-color);--coachmark-pill-insight-variant-pressed-state-background-dark-mode-color:var(--pill-insight-variant-pressed-state-background-dark-mode-color);--coachmark-pill-insight-variant-pressed-state-background-light-mode-color:var(--pill-insight-variant-pressed-state-background-light-mode-color);--coachmark-pill-insight-variant-text-color:var(--coachmark-pill-insight-variant-text-light-mode-color);--coachmark-pill-insight-variant-text-dark-mode-color:var(--pill-insight-variant-text-dark-mode-color);--coachmark-pill-insight-variant-text-light-mode-color:var(--pill-insight-variant-text-light-mode-color);--coachmark-pill-normal-size-border-radius:var(--pill-normal-size-border-radius);--coachmark-pill-normal-size-corner-radius:var(--pill-normal-size-corner-radius);--coachmark-pill-normal-size-horizontal-padding:var(--pill-normal-size-horizontal-padding);--coachmark-pill-normal-size-icon-dot-radius:var(--pill-normal-size-icon-dot-radius);--coachmark-pill-normal-size-icon-left-padding:var(--pill-normal-size-icon-left-padding);--coachmark-pill-normal-size-icon-size:var(--pill-normal-size-icon-size);--coachmark-pill-normal-size-icon-to-text-spacing:var(--pill-normal-size-icon-to-text-spacing);--coachmark-pill-normal-size-indicator-dot-horizontal-padding-left:var(--pill-normal-size-indicator-dot-horizontal-padding-left);--coachmark-pill-normal-size-indicator-dot-horizontal-padding-right:var(--pill-normal-size-indicator-dot-horizontal-padding-right);--coachmark-pill-normal-size-indicator-dot-radius:var(--pill-normal-size-indicator-dot-radius);--coachmark-pill-normal-size-indicator-icon-horizontal-padding-left:var(--pill-normal-size-indicator-icon-horizontal-padding-left);--coachmark-pill-normal-size-indicator-icon-horizontal-padding-right:var(--pill-normal-size-indicator-icon-horizontal-padding-right);--coachmark-pill-normal-size-indicator-icon-size:var(--pill-normal-size-indicator-icon-size);--coachmark-pill-normal-size-padding-horizontal-size:var(--pill-normal-size-padding-horizontal-size);--coachmark-pill-normal-size-padding-vertical-size:var(--pill-normal-size-padding-vertical-size);--coachmark-pill-normal-size-spacing-horizontal:var(--pill-normal-size-spacing-horizontal);--coachmark-pill-normal-size-text-case:var(--pill-normal-size-text-case);--coachmark-pill-normal-size-text-edge-padding:var(--pill-normal-size-text-edge-padding);--coachmark-pill-normal-size-text-font-family:var(--pill-normal-size-text-font-family);--coachmark-pill-normal-size-text-horizontal-padding-left:var(--pill-normal-size-text-horizontal-padding-left);--coachmark-pill-normal-size-text-leading:var(--pill-normal-size-text-leading);--coachmark-pill-normal-size-text-number-spacing:var(--pill-normal-size-text-number-spacing);--coachmark-pill-normal-size-text-scale:var(--pill-normal-size-text-scale);--coachmark-pill-normal-size-text-size:var(--pill-normal-size-text-size);--coachmark-pill-normal-size-text-tracking:var(--pill-normal-size-text-tracking);--coachmark-pill-normal-size-text-weight:var(--pill-normal-size-text-weight);--coachmark-pill-normal-size-vertical-padding:var(--pill-normal-size-vertical-padding);--coachmark-pill-normal-variant-background-color:var(--coachmark-pill-normal-variant-background-light-mode-color);--coachmark-pill-normal-variant-background-dark-mode-color:var(--pill-normal-variant-background-dark-mode-color);--coachmark-pill-normal-variant-background-light-mode-color:var(--pill-normal-variant-background-light-mode-color);--coachmark-pill-normal-variant-icon-color:var(--coachmark-pill-normal-variant-icon-light-mode-color);--coachmark-pill-normal-variant-icon-dark-mode-color:var(--pill-normal-variant-icon-dark-mode-color);--coachmark-pill-normal-variant-icon-light-mode-color:var(--pill-normal-variant-icon-light-mode-color);--coachmark-pill-normal-variant-normal-state-background-color:var(--coachmark-pill-normal-variant-normal-state-background-light-mode-color);--coachmark-pill-normal-variant-normal-state-background-dark-mode-color:var(--pill-normal-variant-normal-state-background-dark-mode-color);--coachmark-pill-normal-variant-normal-state-background-light-mode-color:var(--pill-normal-variant-normal-state-background-light-mode-color);--coachmark-pill-normal-variant-pressed-state-background-color:var(--coachmark-pill-normal-variant-pressed-state-background-light-mode-color);--coachmark-pill-normal-variant-pressed-state-background-dark-mode-color:var(--pill-normal-variant-pressed-state-background-dark-mode-color);--coachmark-pill-normal-variant-pressed-state-background-light-mode-color:var(--pill-normal-variant-pressed-state-background-light-mode-color);--coachmark-pill-normal-variant-text-color:var(--coachmark-pill-normal-variant-text-light-mode-color);--coachmark-pill-normal-variant-text-dark-mode-color:var(--pill-normal-variant-text-dark-mode-color);--coachmark-pill-normal-variant-text-light-mode-color:var(--pill-normal-variant-text-light-mode-color);--coachmark-pill-success-variant-background-color:var(--coachmark-pill-success-variant-background-light-mode-color);--coachmark-pill-success-variant-background-dark-mode-color:var(--pill-success-variant-background-dark-mode-color);--coachmark-pill-success-variant-background-light-mode-color:var(--pill-success-variant-background-light-mode-color);--coachmark-pill-success-variant-icon-color:var(--coachmark-pill-success-variant-icon-light-mode-color);--coachmark-pill-success-variant-icon-dark-mode-color:var(--pill-success-variant-icon-dark-mode-color);--coachmark-pill-success-variant-icon-light-mode-color:var(--pill-success-variant-icon-light-mode-color);--coachmark-pill-success-variant-normal-state-background-color:var(--coachmark-pill-success-variant-normal-state-background-light-mode-color);--coachmark-pill-success-variant-normal-state-background-dark-mode-color:var(--pill-success-variant-normal-state-background-dark-mode-color);--coachmark-pill-success-variant-normal-state-background-light-mode-color:var(--pill-success-variant-normal-state-background-light-mode-color);--coachmark-pill-success-variant-pressed-state-background-color:var(--coachmark-pill-success-variant-pressed-state-background-light-mode-color);--coachmark-pill-success-variant-pressed-state-background-dark-mode-color:var(--pill-success-variant-pressed-state-background-dark-mode-color);--coachmark-pill-success-variant-pressed-state-background-light-mode-color:var(--pill-success-variant-pressed-state-background-light-mode-color);--coachmark-pill-success-variant-text-color:var(--coachmark-pill-success-variant-text-light-mode-color);--coachmark-pill-success-variant-text-dark-mode-color:var(--pill-success-variant-text-dark-mode-color);--coachmark-pill-success-variant-text-light-mode-color:var(--pill-success-variant-text-light-mode-color);--coachmark-pill-warning-variant-background-color:var(--coachmark-pill-warning-variant-background-light-mode-color);--coachmark-pill-warning-variant-background-dark-mode-color:var(--pill-warning-variant-background-dark-mode-color);--coachmark-pill-warning-variant-background-light-mode-color:var(--pill-warning-variant-background-light-mode-color);--coachmark-pill-warning-variant-icon-color:var(--coachmark-pill-warning-variant-icon-light-mode-color);--coachmark-pill-warning-variant-icon-dark-mode-color:var(--pill-warning-variant-icon-dark-mode-color);--coachmark-pill-warning-variant-icon-light-mode-color:var(--pill-warning-variant-icon-light-mode-color);--coachmark-pill-warning-variant-normal-state-background-color:var(--coachmark-pill-warning-variant-normal-state-background-light-mode-color);--coachmark-pill-warning-variant-normal-state-background-dark-mode-color:var(--pill-warning-variant-normal-state-background-dark-mode-color);--coachmark-pill-warning-variant-normal-state-background-light-mode-color:var(--pill-warning-variant-normal-state-background-light-mode-color);--coachmark-pill-warning-variant-pressed-state-background-color:var(--coachmark-pill-warning-variant-pressed-state-background-light-mode-color);--coachmark-pill-warning-variant-pressed-state-background-dark-mode-color:var(--pill-warning-variant-pressed-state-background-dark-mode-color);--coachmark-pill-warning-variant-pressed-state-background-light-mode-color:var(--pill-warning-variant-pressed-state-background-light-mode-color);--coachmark-pill-warning-variant-text-color:var(--coachmark-pill-warning-variant-text-light-mode-color);--coachmark-pill-warning-variant-text-dark-mode-color:var(--pill-warning-variant-text-dark-mode-color);--coachmark-pill-warning-variant-text-light-mode-color:var(--pill-warning-variant-text-light-mode-color);--coachmark-step-indicator-case:var(--core-type-paragraph-20-case);--coachmark-step-indicator-color:var(--coachmark-step-indicator-light-mode-color);--coachmark-step-indicator-dark-mode-color:var(--core-text-inverse-dark-mode-color);--coachmark-step-indicator-font-family:var(--core-type-paragraph-20-font-family);--coachmark-step-indicator-leading:var(--core-type-paragraph-20-leading);--coachmark-step-indicator-light-mode-color:var(--core-text-inverse-light-mode-color);--coachmark-step-indicator-number-spacing:var(--core-type-paragraph-20-number-spacing);--coachmark-step-indicator-scale:var(--core-type-paragraph-20-scale);--coachmark-step-indicator-size:var(--core-type-paragraph-20-size);--coachmark-step-indicator-tracking:var(--core-type-paragraph-20-tracking);--coachmark-step-indicator-weight:var(--core-type-paragraph-20-weight);--coachmark-text-link-color:var(--coachmark-text-link-light-mode-color);--coachmark-text-link-dark-mode-color:var(--core-text-inverse-dark-mode-color);--coachmark-text-link-disabled-state-opacity:var(--text-link-disabled-state-opacity);--coachmark-text-link-hover-state-opacity:var(--text-link-hover-state-opacity);--coachmark-text-link-light-mode-color:var(--core-text-inverse-light-mode-color);--coachmark-text-link-normal-state-opacity:var(--text-link-normal-state-opacity);--coachmark-text-link-pressed-state-opacity:var(--text-link-pressed-state-opacity);--coachmark-text-link-text-case:var(--text-link-small-size-text-case);--coachmark-text-link-text-font-family:var(--text-link-small-size-text-font-family);--coachmark-text-link-text-leading:var(--text-link-small-size-text-leading);--coachmark-text-link-text-number-spacing:var(--text-link-small-size-text-number-spacing);--coachmark-text-link-text-scale:var(--text-link-small-size-text-scale);--coachmark-text-link-text-size:var(--text-link-small-size-text-size);--coachmark-text-link-text-tracking:var(--text-link-small-size-text-tracking);--coachmark-text-link-text-weight:var(--text-link-small-size-text-weight);--coachmark-text-link-vertical-padding:0px;--coachmark-vertical-padding:var(--core-metrics-spacing-200);--code-display-border-radius:var(--core-radius-100);--color-picker-adjustments-hue-min-height:var(--core-small-size-minimum-height);--color-picker-adjustments-hue-radius:var(--core-radius-100);--color-picker-adjustments-saturation-brightness-min-height:200;--color-picker-adjustments-saturation-brightness-radius:var(--core-radius-200);--color-picker-adjustments-scrubber-border-inner-color:var(--color-picker-adjustments-scrubber-border-inner-light-mode-color);--color-picker-adjustments-scrubber-border-inner-dark-mode-color:var(--core-fill-white-dark-mode-color);--color-picker-adjustments-scrubber-border-inner-light-mode-color:var(--core-fill-white-light-mode-color);--color-picker-adjustments-scrubber-border-inner-width:2px;--color-picker-adjustments-scrubber-border-outer-color:var(--color-picker-adjustments-scrubber-border-outer-light-mode-color);--color-picker-adjustments-scrubber-border-outer-dark-mode-color:var(--core-fill-20-dark-mode-color);--color-picker-adjustments-scrubber-border-outer-light-mode-color:var(--core-fill-20-light-mode-color);--color-picker-adjustments-scrubber-border-outer-width:1px;--color-picker-adjustments-scrubber-multiplier:1.25;--color-picker-adjustments-scrubber-padding:var(--core-metrics-spacing-50);--color-picker-adjustments-scrubber-size:16px;--color-picker-adjustments-scrubber-width:2px;--color-picker-dots-horizontal-spacing:14px;--color-picker-dots-icon-color:var(--color-picker-dots-icon-light-mode-color);--color-picker-dots-icon-dark-background-color:var(--core-fill-white-light-mode-color);--color-picker-dots-icon-dark-mode-color:rgba(255,255,255,1);--color-picker-dots-icon-light-background-color:var(--core-fill-black-light-mode-color);--color-picker-dots-icon-light-mode-color:rgba(255,255,255,1);--color-picker-dots-icon-size:24px;--color-picker-dots-size:var(--core-small-size-minimum-height);--color-picker-dots-vertical-spacing:16px;--color-picker-grid-color-palette-gray-color:var(--color-picker-grid-color-palette-gray-light-mode-color);--color-picker-grid-color-palette-gray-dark-mode-color:#D9D9D9;--color-picker-grid-color-palette-gray-light-mode-color:#D9D9D9;--color-picker-swatch-selected-state-border-color:var(--color-picker-swatch-selected-state-light-mode-border-color);--color-picker-swatch-selected-state-dark-mode-border-color:var(--core-emphasis-fill-dark-mode-color);--color-picker-swatch-selected-state-light-mode-border-color:var(--core-emphasis-fill-light-mode-color);--color-picker-vertical-spacing:16px;--combobox-tags-horizontal-spacing:var(--core-metrics-spacing-100);--content-area-width-regular-width:600px;--content-area-width-wide-width:1248px;--content-card-background-color:var(--content-card-background-light-mode-color);--content-card-background-dark-mode-color:var(--content-card-default-variant-background-dark-mode-color);--content-card-background-light-mode-color:var(--content-card-default-variant-background-light-mode-color);--content-card-border-color:var(--content-card-border-light-mode-color);--content-card-border-dark-mode-color:var(--content-card-default-variant-border-dark-mode-color);--content-card-border-high-contrast-color:var(--content-card-border-high-contrast-light-mode-color);--content-card-border-high-contrast-dark-mode-color:var(--content-card-default-variant-border-high-contrast-dark-mode-color);--content-card-border-high-contrast-light-mode-color:var(--content-card-default-variant-border-high-contrast-light-mode-color);--content-card-border-light-mode-color:var(--content-card-default-variant-border-light-mode-color);--content-card-border-normal-contrast-color:var(--content-card-border-normal-contrast-light-mode-color);--content-card-border-normal-contrast-dark-mode-color:var(--content-card-default-variant-border-normal-contrast-dark-mode-color);--content-card-border-normal-contrast-light-mode-color:var(--content-card-default-variant-border-normal-contrast-light-mode-color);--content-card-border-radius:var(--content-card-default-variant-border-radius);--content-card-border-width:var(--content-card-default-variant-border-width);--content-card-default-variant-background-color:var(--content-card-default-variant-background-light-mode-color);--content-card-default-variant-background-dark-mode-color:var(--core-surface-10-dark-mode-color);--content-card-default-variant-background-light-mode-color:var(--core-surface-10-light-mode-color);--content-card-default-variant-border-color:var(--content-card-default-variant-border-light-mode-color);--content-card-default-variant-border-dark-mode-color:var(--core-fill-30-dark-mode-color);--content-card-default-variant-border-high-contrast-color:var(--content-card-default-variant-border-high-contrast-light-mode-color);--content-card-default-variant-border-high-contrast-dark-mode-color:var(--core-fill-20-dark-mode-color);--content-card-default-variant-border-high-contrast-light-mode-color:var(--core-fill-20-light-mode-color);--content-card-default-variant-border-light-mode-color:var(--core-fill-30-light-mode-color);--content-card-default-variant-border-normal-contrast-color:var(--content-card-default-variant-border-normal-contrast-light-mode-color);--content-card-default-variant-border-normal-contrast-dark-mode-color:var(--core-fill-30-dark-mode-color);--content-card-default-variant-border-normal-contrast-light-mode-color:var(--core-fill-30-light-mode-color);--content-card-default-variant-border-radius:var(--core-radius-100);--content-card-default-variant-border-width:var(--core-border-10);--content-card-emphasis-variant-background-color:var(--content-card-emphasis-variant-background-light-mode-color);--content-card-emphasis-variant-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--content-card-emphasis-variant-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--content-card-emphasis-variant-border-color:var(--content-card-emphasis-variant-border-light-mode-color);--content-card-emphasis-variant-border-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--content-card-emphasis-variant-border-light-mode-color:var(--core-emphasis-30-light-mode-color);--content-card-horizontal-padding:var(--core-metrics-spacing-200);--content-card-padding-horizontal-size:var(--content-card-horizontal-padding);--content-card-padding-vertical-size:var(--content-card-vertical-padding);--content-card-vertical-padding:var(--core-metrics-spacing-200);--content-expander-animation-duration:var(--core-animation-move-transition-moderate-speed-duration);--content-expander-animation-easing:var(--core-animation-move-transition-easing);--content-expander-collapsed-display-disabled-state-color:var(--content-expander-collapsed-display-disabled-state-light-mode-color);--content-expander-collapsed-display-disabled-state-dark-mode-color:var(--core-text-30-dark-mode-color);--content-expander-collapsed-display-disabled-state-light-mode-color:var(--core-text-30-light-mode-color);--content-expander-collapsed-display-disabled-state-underline-size:var(--content-expander-underline-size);--content-expander-collapsed-display-hover-state-color:var(--content-expander-collapsed-display-hover-state-light-mode-color);--content-expander-collapsed-display-hover-state-dark-mode-color:var(--core-emphasis-20-dark-mode-color);--content-expander-collapsed-display-hover-state-light-mode-color:var(--core-emphasis-20-light-mode-color);--content-expander-collapsed-display-hover-state-underline-size:var(--content-expander-underline-size);--content-expander-collapsed-display-normal-state-color:var(--content-expander-collapsed-display-normal-state-light-mode-color);--content-expander-collapsed-display-normal-state-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--content-expander-collapsed-display-normal-state-light-mode-color:var(--core-emphasis-text-light-mode-color);--content-expander-collapsed-display-normal-state-underline-size:var(--content-expander-underline-size);--content-expander-collapsed-display-pressed-state-color:var(--content-expander-collapsed-display-pressed-state-light-mode-color);--content-expander-collapsed-display-pressed-state-dark-mode-color:var(--core-emphasis-10-dark-mode-color);--content-expander-collapsed-display-pressed-state-light-mode-color:var(--core-emphasis-10-light-mode-color);--content-expander-collapsed-display-pressed-state-underline-size:var(--content-expander-underline-size);--content-expander-disabled-state-color:var(--content-expander-disabled-state-light-mode-color);--content-expander-disabled-state-dark-mode-color:var(--core-text-30-dark-mode-color);--content-expander-disabled-state-light-mode-color:var(--core-text-30-light-mode-color);--content-expander-expanded-display-disabled-state-color:var(--content-expander-expanded-display-disabled-state-light-mode-color);--content-expander-expanded-display-disabled-state-dark-mode-color:var(--content-expander-collapsed-display-disabled-state-dark-mode-color);--content-expander-expanded-display-disabled-state-light-mode-color:var(--content-expander-collapsed-display-disabled-state-light-mode-color);--content-expander-expanded-display-disabled-state-underline-size:var(--content-expander-collapsed-display-disabled-state-underline-size);--content-expander-expanded-display-hover-state-color:var(--content-expander-expanded-display-hover-state-light-mode-color);--content-expander-expanded-display-hover-state-dark-mode-color:var(--content-expander-collapsed-display-hover-state-dark-mode-color);--content-expander-expanded-display-hover-state-light-mode-color:var(--content-expander-collapsed-display-hover-state-light-mode-color);--content-expander-expanded-display-hover-state-underline-size:var(--content-expander-collapsed-display-hover-state-underline-size);--content-expander-expanded-display-normal-state-color:var(--content-expander-expanded-display-normal-state-light-mode-color);--content-expander-expanded-display-normal-state-dark-mode-color:var(--content-expander-collapsed-display-normal-state-dark-mode-color);--content-expander-expanded-display-normal-state-light-mode-color:var(--content-expander-collapsed-display-normal-state-light-mode-color);--content-expander-expanded-display-normal-state-underline-size:var(--content-expander-collapsed-display-normal-state-underline-size);--content-expander-expanded-display-pressed-state-color:var(--content-expander-expanded-display-pressed-state-light-mode-color);--content-expander-expanded-display-pressed-state-dark-mode-color:var(--content-expander-collapsed-display-pressed-state-dark-mode-color);--content-expander-expanded-display-pressed-state-light-mode-color:var(--content-expander-collapsed-display-pressed-state-light-mode-color);--content-expander-expanded-display-pressed-state-underline-size:var(--content-expander-collapsed-display-pressed-state-underline-size);--content-expander-hover-state-color:var(--content-expander-hover-state-light-mode-color);--content-expander-hover-state-dark-mode-color:var(--core-emphasis-20-dark-mode-color);--content-expander-hover-state-light-mode-color:var(--core-emphasis-20-light-mode-color);--content-expander-icon-height:var(--core-icon-small-size-height);--content-expander-icon-width:var(--core-icon-small-size-width);--content-expander-normal-state-color:var(--content-expander-normal-state-light-mode-color);--content-expander-normal-state-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--content-expander-normal-state-light-mode-color:var(--core-emphasis-text-light-mode-color);--content-expander-pressed-state-color:var(--content-expander-pressed-state-light-mode-color);--content-expander-pressed-state-dark-mode-color:var(--core-emphasis-10-dark-mode-color);--content-expander-pressed-state-light-mode-color:var(--core-emphasis-10-light-mode-color);--content-expander-spacing:var(--core-metrics-spacing-100);--content-expander-text-case:var(--core-type-semibold-30-case);--content-expander-text-font-family:var(--core-type-semibold-30-font-family);--content-expander-text-leading:var(--core-type-semibold-30-leading);--content-expander-text-number-spacing:var(--core-type-semibold-30-number-spacing);--content-expander-text-scale:var(--core-type-semibold-30-scale);--content-expander-text-size:var(--core-type-semibold-30-size);--content-expander-text-tracking:var(--core-type-semibold-30-tracking);--content-expander-text-weight:var(--core-type-semibold-30-weight);--content-expander-underline-size:0px;--date-picker-date-background-range-first-selection-disabled-state-color:var(--date-picker-date-background-range-first-selection-disabled-state-light-mode-color);--date-picker-date-background-range-first-selection-disabled-state-dark-mode-color:var(--core-fill-30-dark-mode-color);--date-picker-date-background-range-first-selection-disabled-state-light-mode-color:var(--core-fill-30-light-mode-color);--date-picker-date-background-range-first-selection-hover-state-color:var(--date-picker-date-background-range-first-selection-hover-state-light-mode-color);--date-picker-date-background-range-first-selection-hover-state-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--date-picker-date-background-range-first-selection-hover-state-light-mode-color:var(--core-emphasis-40-light-mode-color);--date-picker-date-background-range-first-selection-normal-state-color:var(--date-picker-date-background-range-first-selection-normal-state-light-mode-color);--date-picker-date-background-range-first-selection-normal-state-dark-mode-color:var(--core-fill-10-dark-mode-color);--date-picker-date-background-range-first-selection-normal-state-light-mode-color:var(--core-fill-10-light-mode-color);--date-picker-date-background-range-first-selection-pressed-state-color:var(--date-picker-date-background-range-first-selection-pressed-state-light-mode-color);--date-picker-date-background-range-first-selection-pressed-state-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--date-picker-date-background-range-first-selection-pressed-state-light-mode-color:var(--core-emphasis-30-light-mode-color);--date-picker-date-background-range-last-selection-disabled-state-color:var(--date-picker-date-background-range-last-selection-disabled-state-light-mode-color);--date-picker-date-background-range-last-selection-disabled-state-dark-mode-color:var(--core-fill-30-dark-mode-color);--date-picker-date-background-range-last-selection-disabled-state-light-mode-color:var(--core-fill-30-light-mode-color);--date-picker-date-background-range-last-selection-hover-state-color:var(--date-picker-date-background-range-last-selection-hover-state-light-mode-color);--date-picker-date-background-range-last-selection-hover-state-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--date-picker-date-background-range-last-selection-hover-state-light-mode-color:var(--core-emphasis-40-light-mode-color);--date-picker-date-background-range-last-selection-normal-state-color:var(--date-picker-date-background-range-last-selection-normal-state-light-mode-color);--date-picker-date-background-range-last-selection-normal-state-dark-mode-color:var(--core-fill-10-dark-mode-color);--date-picker-date-background-range-last-selection-normal-state-light-mode-color:var(--core-fill-10-light-mode-color);--date-picker-date-background-range-last-selection-pressed-state-color:var(--date-picker-date-background-range-last-selection-pressed-state-light-mode-color);--date-picker-date-background-range-last-selection-pressed-state-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--date-picker-date-background-range-last-selection-pressed-state-light-mode-color:var(--core-emphasis-30-light-mode-color);--date-picker-date-background-range-middle-selection-disabled-state-color:var(--date-picker-date-background-range-middle-selection-disabled-state-light-mode-color);--date-picker-date-background-range-middle-selection-disabled-state-dark-mode-color:var(--core-fill-40-dark-mode-color);--date-picker-date-background-range-middle-selection-disabled-state-light-mode-color:var(--core-fill-40-light-mode-color);--date-picker-date-background-range-middle-selection-hover-state-color:var(--date-picker-date-background-range-middle-selection-hover-state-light-mode-color);--date-picker-date-background-range-middle-selection-hover-state-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--date-picker-date-background-range-middle-selection-hover-state-light-mode-color:var(--core-emphasis-40-light-mode-color);--date-picker-date-background-range-middle-selection-normal-state-color:var(--date-picker-date-background-range-middle-selection-normal-state-light-mode-color);--date-picker-date-background-range-middle-selection-normal-state-dark-mode-color:var(--core-fill-40-dark-mode-color);--date-picker-date-background-range-middle-selection-normal-state-light-mode-color:var(--core-fill-40-light-mode-color);--date-picker-date-background-range-middle-selection-pressed-state-color:var(--date-picker-date-background-range-middle-selection-pressed-state-light-mode-color);--date-picker-date-background-range-middle-selection-pressed-state-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--date-picker-date-background-range-middle-selection-pressed-state-light-mode-color:var(--core-emphasis-30-light-mode-color);--date-picker-date-background-single-selection-disabled-state-color:var(--date-picker-date-background-single-selection-disabled-state-light-mode-color);--date-picker-date-background-single-selection-disabled-state-dark-mode-color:var(--core-fill-30-dark-mode-color);--date-picker-date-background-single-selection-disabled-state-light-mode-color:var(--core-fill-30-light-mode-color);--date-picker-date-background-single-selection-hover-state-color:var(--date-picker-date-background-single-selection-hover-state-light-mode-color);--date-picker-date-background-single-selection-hover-state-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--date-picker-date-background-single-selection-hover-state-light-mode-color:var(--core-emphasis-40-light-mode-color);--date-picker-date-background-single-selection-normal-state-color:var(--date-picker-date-background-single-selection-normal-state-light-mode-color);--date-picker-date-background-single-selection-normal-state-dark-mode-color:var(--core-fill-10-dark-mode-color);--date-picker-date-background-single-selection-normal-state-light-mode-color:var(--core-fill-10-light-mode-color);--date-picker-date-background-single-selection-pressed-state-color:var(--date-picker-date-background-single-selection-pressed-state-light-mode-color);--date-picker-date-background-single-selection-pressed-state-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--date-picker-date-background-single-selection-pressed-state-light-mode-color:var(--core-emphasis-30-light-mode-color);--date-picker-date-background-unselected-selection-disabled-state-color:var(--date-picker-date-background-unselected-selection-disabled-state-light-mode-color);--date-picker-date-background-unselected-selection-disabled-state-dark-mode-color:var(--core-surface-5-dark-mode-color);--date-picker-date-background-unselected-selection-disabled-state-light-mode-color:var(--core-surface-5-light-mode-color);--date-picker-date-background-unselected-selection-hover-state-color:var(--date-picker-date-background-unselected-selection-hover-state-light-mode-color);--date-picker-date-background-unselected-selection-hover-state-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--date-picker-date-background-unselected-selection-hover-state-light-mode-color:var(--core-emphasis-40-light-mode-color);--date-picker-date-background-unselected-selection-normal-state-color:var(--date-picker-date-background-unselected-selection-normal-state-light-mode-color);--date-picker-date-background-unselected-selection-normal-state-dark-mode-color:var(--core-surface-5-dark-mode-color);--date-picker-date-background-unselected-selection-normal-state-light-mode-color:var(--core-surface-5-light-mode-color);--date-picker-date-background-unselected-selection-pressed-state-color:var(--date-picker-date-background-unselected-selection-pressed-state-light-mode-color);--date-picker-date-background-unselected-selection-pressed-state-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--date-picker-date-background-unselected-selection-pressed-state-light-mode-color:var(--core-emphasis-30-light-mode-color);--date-picker-date-border-disabled-state-color-color:var(--date-picker-date-border-disabled-state-color-light-mode-color);--date-picker-date-border-disabled-state-color-dark-mode-color:var(--core-fill-30-dark-mode-color);--date-picker-date-border-disabled-state-color-light-mode-color:var(--core-fill-30-light-mode-color);--date-picker-date-border-focused-state-border:2;--date-picker-date-border-focused-state-color-color:var(--date-picker-date-border-focused-state-color-light-mode-color);--date-picker-date-border-focused-state-color-dark-mode-color:var(--core-focus-dark-mode-color);--date-picker-date-border-focused-state-color-light-mode-color:var(--core-focus-light-mode-color);--date-picker-date-border-focused-state-opacity:1;--date-picker-date-border-normal-state-border:2;--date-picker-date-border-normal-state-color-color:var(--date-picker-date-border-normal-state-color-light-mode-color);--date-picker-date-border-normal-state-color-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--date-picker-date-border-normal-state-color-light-mode-color:var(--core-emphasis-fill-light-mode-color);--date-picker-date-border-normal-state-opacity:0;--date-picker-date-border-radius:var(--core-radius-100);--date-picker-date-text-range-first-selection-disabled-state-color:var(--date-picker-date-text-range-first-selection-disabled-state-light-mode-color);--date-picker-date-text-range-first-selection-disabled-state-dark-mode-color:var(--core-text-inverse-dark-mode-color);--date-picker-date-text-range-first-selection-disabled-state-light-mode-color:var(--core-text-inverse-light-mode-color);--date-picker-date-text-range-first-selection-hover-state-color:var(--date-picker-date-text-range-first-selection-hover-state-light-mode-color);--date-picker-date-text-range-first-selection-hover-state-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-date-text-range-first-selection-hover-state-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-date-text-range-first-selection-normal-state-color:var(--date-picker-date-text-range-first-selection-normal-state-light-mode-color);--date-picker-date-text-range-first-selection-normal-state-dark-mode-color:var(--core-text-inverse-dark-mode-color);--date-picker-date-text-range-first-selection-normal-state-light-mode-color:var(--core-text-inverse-light-mode-color);--date-picker-date-text-range-first-selection-pressed-state-color:var(--date-picker-date-text-range-first-selection-pressed-state-light-mode-color);--date-picker-date-text-range-first-selection-pressed-state-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-date-text-range-first-selection-pressed-state-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-date-text-range-last-selection-disabled-state-color:var(--date-picker-date-text-range-last-selection-disabled-state-light-mode-color);--date-picker-date-text-range-last-selection-disabled-state-dark-mode-color:var(--core-text-inverse-dark-mode-color);--date-picker-date-text-range-last-selection-disabled-state-light-mode-color:var(--core-text-inverse-light-mode-color);--date-picker-date-text-range-last-selection-hover-state-color:var(--date-picker-date-text-range-last-selection-hover-state-light-mode-color);--date-picker-date-text-range-last-selection-hover-state-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-date-text-range-last-selection-hover-state-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-date-text-range-last-selection-normal-state-color:var(--date-picker-date-text-range-last-selection-normal-state-light-mode-color);--date-picker-date-text-range-last-selection-normal-state-dark-mode-color:var(--core-text-inverse-dark-mode-color);--date-picker-date-text-range-last-selection-normal-state-light-mode-color:var(--core-text-inverse-light-mode-color);--date-picker-date-text-range-last-selection-pressed-state-color:var(--date-picker-date-text-range-last-selection-pressed-state-light-mode-color);--date-picker-date-text-range-last-selection-pressed-state-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-date-text-range-last-selection-pressed-state-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-date-text-range-middle-selection-disabled-state-color:var(--date-picker-date-text-range-middle-selection-disabled-state-light-mode-color);--date-picker-date-text-range-middle-selection-disabled-state-dark-mode-color:var(--core-text-30-dark-mode-color);--date-picker-date-text-range-middle-selection-disabled-state-light-mode-color:var(--core-text-30-light-mode-color);--date-picker-date-text-range-middle-selection-hover-state-color:var(--date-picker-date-text-range-middle-selection-hover-state-light-mode-color);--date-picker-date-text-range-middle-selection-hover-state-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-date-text-range-middle-selection-hover-state-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-date-text-range-middle-selection-normal-state-color:var(--date-picker-date-text-range-middle-selection-normal-state-light-mode-color);--date-picker-date-text-range-middle-selection-normal-state-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-date-text-range-middle-selection-normal-state-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-date-text-range-middle-selection-pressed-state-color:var(--date-picker-date-text-range-middle-selection-pressed-state-light-mode-color);--date-picker-date-text-range-middle-selection-pressed-state-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-date-text-range-middle-selection-pressed-state-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-date-text-single-selection-disabled-state-color:var(--date-picker-date-text-single-selection-disabled-state-light-mode-color);--date-picker-date-text-single-selection-disabled-state-dark-mode-color:var(--core-text-inverse-dark-mode-color);--date-picker-date-text-single-selection-disabled-state-light-mode-color:var(--core-text-inverse-light-mode-color);--date-picker-date-text-single-selection-hover-state-color:var(--date-picker-date-text-single-selection-hover-state-light-mode-color);--date-picker-date-text-single-selection-hover-state-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-date-text-single-selection-hover-state-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-date-text-single-selection-normal-state-color:var(--date-picker-date-text-single-selection-normal-state-light-mode-color);--date-picker-date-text-single-selection-normal-state-dark-mode-color:var(--core-text-inverse-dark-mode-color);--date-picker-date-text-single-selection-normal-state-light-mode-color:var(--core-text-inverse-light-mode-color);--date-picker-date-text-single-selection-pressed-state-color:var(--date-picker-date-text-single-selection-pressed-state-light-mode-color);--date-picker-date-text-single-selection-pressed-state-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-date-text-single-selection-pressed-state-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-date-text-unselected-selection-disabled-state-color:var(--date-picker-date-text-unselected-selection-disabled-state-light-mode-color);--date-picker-date-text-unselected-selection-disabled-state-dark-mode-color:var(--core-text-30-dark-mode-color);--date-picker-date-text-unselected-selection-disabled-state-light-mode-color:var(--core-text-30-light-mode-color);--date-picker-date-text-unselected-selection-hover-state-color:var(--date-picker-date-text-unselected-selection-hover-state-light-mode-color);--date-picker-date-text-unselected-selection-hover-state-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-date-text-unselected-selection-hover-state-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-date-text-unselected-selection-normal-state-color:var(--date-picker-date-text-unselected-selection-normal-state-light-mode-color);--date-picker-date-text-unselected-selection-normal-state-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-date-text-unselected-selection-normal-state-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-date-text-unselected-selection-pressed-state-color:var(--date-picker-date-text-unselected-selection-pressed-state-light-mode-color);--date-picker-date-text-unselected-selection-pressed-state-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-date-text-unselected-selection-pressed-state-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-grid-item-height:var(--core-small-size-minimum-height);--date-picker-grid-item-horizontal-padding:0px;--date-picker-grid-item-vertical-padding:var(--core-metrics-spacing-100);--date-picker-grid-item-width:var(--core-small-size-minimum-height);--date-picker-header-button-background-color:var(--date-picker-header-button-background-light-mode-color);--date-picker-header-button-background-dark-mode-color:var(--core-fill-40-dark-mode-color);--date-picker-header-button-background-light-mode-color:var(--core-fill-40-light-mode-color);--date-picker-header-button-border-radius:var(--core-radius-10);--date-picker-header-button-color:var(--date-picker-header-button-light-mode-color);--date-picker-header-button-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-header-button-horizontal-spacing:var(--core-metrics-spacing-200);--date-picker-header-button-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-header-button-padding:var(--core-metrics-spacing-100);--date-picker-header-color-color:var(--date-picker-header-color-light-mode-color);--date-picker-header-color-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-header-color-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-header-font-case:var(--core-type-heading-30-case);--date-picker-header-font-font-family:var(--core-type-heading-30-font-family);--date-picker-header-font-leading:var(--core-type-heading-30-leading);--date-picker-header-font-number-spacing:var(--core-type-heading-30-number-spacing);--date-picker-header-font-scale:var(--core-type-heading-30-scale);--date-picker-header-font-size:var(--core-type-heading-30-size);--date-picker-header-font-tracking:var(--core-type-heading-30-tracking);--date-picker-header-font-weight:var(--core-type-heading-30-weight);--date-picker-header-minimum-height:40px;--date-picker-header-vertical-spacing:var(--core-metrics-spacing-200);--date-picker-menu-horizontal-spacing:var(--core-metrics-spacing-400);--date-picker-menu-row-background-selected-state-color-color:var(--date-picker-menu-row-background-selected-state-color-light-mode-color);--date-picker-menu-row-background-selected-state-color-dark-mode-color:var(--core-emphasis-10-dark-mode-color);--date-picker-menu-row-background-selected-state-color-light-mode-color:var(--core-emphasis-10-light-mode-color);--date-picker-menu-row-height:48px;--date-picker-menu-row-label-selected-state-text-color:var(--date-picker-menu-row-label-selected-state-text-light-mode-color);--date-picker-menu-row-label-selected-state-text-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--date-picker-menu-row-label-selected-state-text-light-mode-color:var(--core-emphasis-text-light-mode-color);--date-picker-menu-row-width:111px;--date-picker-menu-text-case:var(--core-type-semibold-30-case);--date-picker-menu-text-font-family:var(--core-type-semibold-30-font-family);--date-picker-menu-text-leading:var(--core-type-semibold-30-leading);--date-picker-menu-text-number-spacing:var(--core-type-semibold-30-number-spacing);--date-picker-menu-text-scale:var(--core-type-semibold-30-scale);--date-picker-menu-text-size:var(--core-type-semibold-30-size);--date-picker-menu-text-tracking:var(--core-type-semibold-30-tracking);--date-picker-menu-text-weight:var(--core-type-semibold-30-weight);--date-picker-menu-vertical-spacing:var(--core-metrics-spacing-300);--date-picker-minimum-width:280px;--date-picker-month-minimum-width:50px;--date-picker-today-border-color-color:var(--date-picker-today-border-color-light-mode-color);--date-picker-today-border-color-dark-mode-color:var(--core-fill-10-dark-mode-color);--date-picker-today-border-color-light-mode-color:var(--core-fill-10-light-mode-color);--date-picker-today-border-width:var(--core-border-10);--date-picker-today-font-case:var(--core-type-semibold-30-case);--date-picker-today-font-font-family:var(--core-type-semibold-30-font-family);--date-picker-today-font-leading:var(--core-type-semibold-30-leading);--date-picker-today-font-number-spacing:var(--core-type-semibold-30-number-spacing);--date-picker-today-font-scale:var(--core-type-semibold-30-scale);--date-picker-today-font-size:var(--core-type-semibold-30-size);--date-picker-today-font-tracking:var(--core-type-semibold-30-tracking);--date-picker-today-font-weight:var(--core-type-semibold-30-weight);--date-picker-today-label-disabled-state-color-color:var(--date-picker-today-label-disabled-state-color-light-mode-color);--date-picker-today-label-disabled-state-color-dark-mode-color:var(--core-fill-30-dark-mode-color);--date-picker-today-label-disabled-state-color-light-mode-color:var(--core-fill-30-light-mode-color);--date-picker-weekdays-color-color:var(--date-picker-weekdays-color-light-mode-color);--date-picker-weekdays-color-dark-mode-color:var(--core-text-20-dark-mode-color);--date-picker-weekdays-color-light-mode-color:var(--core-text-20-light-mode-color);--date-picker-weekdays-font-case:var(--core-type-paragraph-30-case);--date-picker-weekdays-font-font-family:var(--core-type-paragraph-30-font-family);--date-picker-weekdays-font-leading:var(--core-type-paragraph-30-leading);--date-picker-weekdays-font-number-spacing:var(--core-type-paragraph-30-number-spacing);--date-picker-weekdays-font-scale:var(--core-type-paragraph-30-scale);--date-picker-weekdays-font-size:var(--core-type-paragraph-30-size);--date-picker-weekdays-font-tracking:var(--core-type-paragraph-30-tracking);--date-picker-weekdays-font-weight:var(--core-type-paragraph-30-weight);--divider-extra-small-variant-vertical-padding:0px;--divider-fill-color:var(--divider-fill-light-mode-color);--divider-fill-dark-mode-color:var(--core-divider-20-dark-mode-color);--divider-fill-light-mode-color:var(--core-divider-20-light-mode-color);--divider-height:var(--core-base-size);--divider-large-variant-vertical-padding:var(--core-metrics-spacing-400);--divider-medium-variant-vertical-padding:var(--core-metrics-spacing-200);--divider-radius:var(--core-radius-33);--divider-small-variant-vertical-padding:var(--core-metrics-spacing-100);--divider-thick-size-height:var(--core-border-80);--divider-thin-size-height:var(--core-border-10);--dropdown-button-border-radius:var(--button-border-radius);--dropdown-button-focus-ring-border-size:var(--button-focus-ring-border-size);--dropdown-button-focus-ring-buffer-size:var(--button-focus-ring-buffer-size);--dropdown-button-large-size-content-spacing:var(--button-large-size-content-spacing);--dropdown-button-large-size-minimum-height:var(--button-large-size-minimum-height);--dropdown-button-large-size-minimum-width-multiplier:var(--button-large-size-minimum-width-multiplier);--dropdown-button-large-size-primary-rank-horizontal-padding:var(--button-large-size-primary-rank-horizontal-padding);--dropdown-button-large-size-primary-rank-vertical-padding:var(--button-large-size-primary-rank-vertical-padding);--dropdown-button-large-size-secondary-rank-horizontal-padding:var(--button-large-size-secondary-rank-horizontal-padding);--dropdown-button-large-size-secondary-rank-vertical-padding:var(--button-large-size-secondary-rank-vertical-padding);--dropdown-button-large-size-tertiary-rank-horizontal-padding:var(--button-large-size-tertiary-rank-horizontal-padding);--dropdown-button-large-size-tertiary-rank-vertical-padding:var(--button-large-size-tertiary-rank-vertical-padding);--dropdown-button-large-size-text-case:var(--button-large-size-text-case);--dropdown-button-large-size-text-font-family:var(--button-large-size-text-font-family);--dropdown-button-large-size-text-leading:var(--button-large-size-text-leading);--dropdown-button-large-size-text-number-spacing:var(--button-large-size-text-number-spacing);--dropdown-button-large-size-text-scale:var(--button-large-size-text-scale);--dropdown-button-large-size-text-size:var(--button-large-size-text-size);--dropdown-button-large-size-text-tracking:var(--button-large-size-text-tracking);--dropdown-button-large-size-text-weight:var(--button-large-size-text-weight);--dropdown-button-medium-size-content-spacing:var(--button-medium-size-content-spacing);--dropdown-button-medium-size-minimum-height:var(--button-medium-size-minimum-height);--dropdown-button-medium-size-minimum-width-multiplier:var(--button-medium-size-minimum-width-multiplier);--dropdown-button-medium-size-primary-rank-horizontal-padding:var(--button-medium-size-primary-rank-horizontal-padding);--dropdown-button-medium-size-primary-rank-vertical-padding:var(--button-medium-size-primary-rank-vertical-padding);--dropdown-button-medium-size-secondary-rank-horizontal-padding:var(--button-medium-size-secondary-rank-horizontal-padding);--dropdown-button-medium-size-secondary-rank-vertical-padding:var(--button-medium-size-secondary-rank-vertical-padding);--dropdown-button-medium-size-tertiary-rank-horizontal-padding:var(--button-medium-size-tertiary-rank-horizontal-padding);--dropdown-button-medium-size-tertiary-rank-vertical-padding:var(--button-medium-size-tertiary-rank-vertical-padding);--dropdown-button-medium-size-text-case:var(--button-medium-size-text-case);--dropdown-button-medium-size-text-font-family:var(--button-medium-size-text-font-family);--dropdown-button-medium-size-text-leading:var(--button-medium-size-text-leading);--dropdown-button-medium-size-text-number-spacing:var(--button-medium-size-text-number-spacing);--dropdown-button-medium-size-text-scale:var(--button-medium-size-text-scale);--dropdown-button-medium-size-text-size:var(--button-medium-size-text-size);--dropdown-button-medium-size-text-tracking:var(--button-medium-size-text-tracking);--dropdown-button-medium-size-text-weight:var(--button-medium-size-text-weight);--dropdown-button-normal-variant-primary-rank-disabled-state-background-color:var(--dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color:var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);--dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-label-color:var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);--dropdown-button-normal-variant-primary-rank-disabled-state-label-color:var(--dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-label-color);--dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-background-color:var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-label-color:var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);--dropdown-button-normal-variant-primary-rank-focus-state-background-color:var(--dropdown-button-normal-variant-primary-rank-focus-state-light-mode-background-color);--dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-background-color:var(--button-normal-variant-primary-rank-focus-state-dark-mode-background-color);--dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-label-color:var(--button-normal-variant-primary-rank-focus-state-dark-mode-label-color);--dropdown-button-normal-variant-primary-rank-focus-state-label-color:var(--dropdown-button-normal-variant-primary-rank-focus-state-light-mode-label-color);--dropdown-button-normal-variant-primary-rank-focus-state-light-mode-background-color:var(--button-normal-variant-primary-rank-focus-state-light-mode-background-color);--dropdown-button-normal-variant-primary-rank-focus-state-light-mode-label-color:var(--button-normal-variant-primary-rank-focus-state-light-mode-label-color);--dropdown-button-normal-variant-primary-rank-hover-state-background-color:var(--dropdown-button-normal-variant-primary-rank-hover-state-light-mode-background-color);--dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-background-color:var(--button-normal-variant-primary-rank-hover-state-dark-mode-background-color);--dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-label-color:var(--button-normal-variant-primary-rank-hover-state-dark-mode-label-color);--dropdown-button-normal-variant-primary-rank-hover-state-label-color:var(--dropdown-button-normal-variant-primary-rank-hover-state-light-mode-label-color);--dropdown-button-normal-variant-primary-rank-hover-state-light-mode-background-color:var(--button-normal-variant-primary-rank-hover-state-light-mode-background-color);--dropdown-button-normal-variant-primary-rank-hover-state-light-mode-label-color:var(--button-normal-variant-primary-rank-hover-state-light-mode-label-color);--dropdown-button-normal-variant-primary-rank-normal-state-background-color:var(--dropdown-button-normal-variant-primary-rank-normal-state-light-mode-background-color);--dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-background-color:var(--button-normal-variant-primary-rank-normal-state-dark-mode-background-color);--dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-label-color:var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color);--dropdown-button-normal-variant-primary-rank-normal-state-label-color:var(--dropdown-button-normal-variant-primary-rank-normal-state-light-mode-label-color);--dropdown-button-normal-variant-primary-rank-normal-state-light-mode-background-color:var(--button-normal-variant-primary-rank-normal-state-light-mode-background-color);--dropdown-button-normal-variant-primary-rank-normal-state-light-mode-label-color:var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color);--dropdown-button-normal-variant-primary-rank-pressed-state-background-color:var(--dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);--dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color:var(--button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);--dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-label-color:var(--button-normal-variant-primary-rank-pressed-state-dark-mode-label-color);--dropdown-button-normal-variant-primary-rank-pressed-state-label-color:var(--dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-label-color);--dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-background-color:var(--button-normal-variant-primary-rank-pressed-state-light-mode-background-color);--dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-label-color:var(--button-normal-variant-primary-rank-pressed-state-light-mode-label-color);--dropdown-button-normal-variant-secondary-rank-disabled-state-background-color:var(--dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);--dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color:var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color);--dropdown-button-normal-variant-secondary-rank-disabled-state-label-color:var(--dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);--dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color:var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-label-color:var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);--dropdown-button-normal-variant-secondary-rank-focus-state-background-color:var(--dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-background-color);--dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-background-color:var(--button-normal-variant-secondary-rank-focus-state-dark-mode-background-color);--dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-label-color:var(--button-normal-variant-secondary-rank-focus-state-dark-mode-label-color);--dropdown-button-normal-variant-secondary-rank-focus-state-label-color:var(--dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-label-color);--dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-background-color:var(--button-normal-variant-secondary-rank-focus-state-light-mode-background-color);--dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-label-color:var(--button-normal-variant-secondary-rank-focus-state-light-mode-label-color);--dropdown-button-normal-variant-secondary-rank-hover-state-background-color:var(--dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color:var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);--dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-label-color:var(--button-normal-variant-secondary-rank-hover-state-dark-mode-label-color);--dropdown-button-normal-variant-secondary-rank-hover-state-label-color:var(--dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-label-color);--dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-background-color:var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-label-color:var(--button-normal-variant-secondary-rank-hover-state-light-mode-label-color);--dropdown-button-normal-variant-secondary-rank-normal-state-background-color:var(--dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color:var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);--dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-label-color:var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);--dropdown-button-normal-variant-secondary-rank-normal-state-label-color:var(--dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-label-color);--dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-background-color:var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-label-color:var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);--dropdown-button-normal-variant-secondary-rank-pressed-state-background-color:var(--dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);--dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color:var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color);--dropdown-button-normal-variant-secondary-rank-pressed-state-label-color:var(--dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-label-color);--dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color:var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-label-color:var(--button-normal-variant-secondary-rank-pressed-state-light-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-disabled-state-background-color:var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color:var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color:var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-disabled-state-label-color:var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color:var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color:var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-focus-state-background-color:var(--dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color:var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color:var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-focus-state-label-color:var(--dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-background-color:var(--button-normal-variant-tertiary-rank-focus-state-light-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-label-color:var(--button-normal-variant-tertiary-rank-focus-state-light-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-hover-state-background-color:var(--dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color:var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color:var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-hover-state-label-color:var(--dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-background-color:var(--button-normal-variant-tertiary-rank-hover-state-light-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-label-color:var(--button-normal-variant-tertiary-rank-hover-state-light-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-normal-state-background-color:var(--dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color:var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color:var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-normal-state-label-color:var(--dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-background-color:var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-label-color:var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-pressed-state-background-color:var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color:var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color:var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-pressed-state-label-color:var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color:var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color:var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color);--dropdown-button-small-size-content-spacing:var(--button-small-size-content-spacing);--dropdown-button-small-size-minimum-height:var(--button-small-size-minimum-height);--dropdown-button-small-size-minimum-width-multiplier:var(--button-small-size-minimum-width-multiplier);--dropdown-button-small-size-primary-rank-horizontal-padding:var(--button-small-size-primary-rank-horizontal-padding);--dropdown-button-small-size-primary-rank-vertical-padding:var(--button-small-size-primary-rank-vertical-padding);--dropdown-button-small-size-secondary-rank-horizontal-padding:var(--button-small-size-secondary-rank-horizontal-padding);--dropdown-button-small-size-secondary-rank-vertical-padding:var(--button-small-size-secondary-rank-vertical-padding);--dropdown-button-small-size-tertiary-rank-horizontal-padding:var(--button-small-size-tertiary-rank-horizontal-padding);--dropdown-button-small-size-tertiary-rank-vertical-padding:var(--button-small-size-tertiary-rank-vertical-padding);--dropdown-button-small-size-text-case:var(--button-small-size-text-case);--dropdown-button-small-size-text-font-family:var(--button-small-size-text-font-family);--dropdown-button-small-size-text-leading:var(--button-small-size-text-leading);--dropdown-button-small-size-text-number-spacing:var(--button-small-size-text-number-spacing);--dropdown-button-small-size-text-scale:var(--button-small-size-text-scale);--dropdown-button-small-size-text-size:var(--button-small-size-text-size);--dropdown-button-small-size-text-tracking:var(--button-small-size-text-tracking);--dropdown-button-small-size-text-weight:var(--button-small-size-text-weight);--dropdown-button-tertiary-rank-underline:var(--button-tertiary-rank-underline);--dropdown-icon-button-border-radius:var(--icon-button-border-radius);--dropdown-icon-button-disabled-state-background-color:var(--dropdown-icon-button-disabled-state-light-mode-background-color);--dropdown-icon-button-disabled-state-dark-mode-background-color:var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);--dropdown-icon-button-disabled-state-dark-mode-icon-color:var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);--dropdown-icon-button-disabled-state-icon-color:var(--dropdown-icon-button-disabled-state-light-mode-icon-color);--dropdown-icon-button-disabled-state-light-mode-background-color:var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);--dropdown-icon-button-disabled-state-light-mode-icon-color:var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);--dropdown-icon-button-focus-ring-border-size:var(--icon-button-focus-ring-border-size);--dropdown-icon-button-focus-ring-buffer-size:var(--icon-button-focus-ring-buffer-size);--dropdown-icon-button-focus-state-background-color:var(--dropdown-icon-button-focus-state-light-mode-background-color);--dropdown-icon-button-focus-state-dark-mode-background-color:var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);--dropdown-icon-button-focus-state-dark-mode-icon-color:var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);--dropdown-icon-button-focus-state-icon-color:var(--dropdown-icon-button-focus-state-light-mode-icon-color);--dropdown-icon-button-focus-state-light-mode-background-color:var(--icon-button-secondary-rank-focus-state-light-mode-background-color);--dropdown-icon-button-focus-state-light-mode-icon-color:var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);--dropdown-icon-button-hover-state-background-color:var(--dropdown-icon-button-hover-state-light-mode-background-color);--dropdown-icon-button-hover-state-dark-mode-background-color:var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);--dropdown-icon-button-hover-state-dark-mode-icon-color:var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);--dropdown-icon-button-hover-state-icon-color:var(--dropdown-icon-button-hover-state-light-mode-icon-color);--dropdown-icon-button-hover-state-light-mode-background-color:var(--icon-button-secondary-rank-hover-state-light-mode-background-color);--dropdown-icon-button-hover-state-light-mode-icon-color:var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);--dropdown-icon-button-large-size-icon-height:var(--icon-button-large-size-icon-height);--dropdown-icon-button-large-size-icon-width:var(--icon-button-large-size-icon-width);--dropdown-icon-button-large-size-minimum-height:var(--icon-button-large-size-minimum-height);--dropdown-icon-button-large-size-padding-size:var(--icon-button-large-size-padding-size);--dropdown-icon-button-large-size-width-multiplier:var(--icon-button-large-size-width-multiplier);--dropdown-icon-button-medium-size-horizontal-spacing-size:var(--icon-button-medium-size-horizontal-spacing-size);--dropdown-icon-button-medium-size-icon-height:var(--icon-button-medium-size-icon-height);--dropdown-icon-button-medium-size-icon-width:var(--icon-button-medium-size-icon-width);--dropdown-icon-button-medium-size-minimum-height:var(--icon-button-medium-size-minimum-height);--dropdown-icon-button-medium-size-padding-size:var(--icon-button-medium-size-padding-size);--dropdown-icon-button-medium-size-width-multiplier:var(--icon-button-medium-size-width-multiplier);--dropdown-icon-button-normal-state-background-color:var(--dropdown-icon-button-normal-state-light-mode-background-color);--dropdown-icon-button-normal-state-dark-mode-background-color:var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);--dropdown-icon-button-normal-state-dark-mode-icon-color:var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);--dropdown-icon-button-normal-state-icon-color:var(--dropdown-icon-button-normal-state-light-mode-icon-color);--dropdown-icon-button-normal-state-light-mode-background-color:var(--icon-button-secondary-rank-normal-state-light-mode-background-color);--dropdown-icon-button-normal-state-light-mode-icon-color:var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);--dropdown-icon-button-pressed-state-background-color:var(--dropdown-icon-button-pressed-state-light-mode-background-color);--dropdown-icon-button-pressed-state-dark-mode-background-color:var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);--dropdown-icon-button-pressed-state-dark-mode-icon-color:var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);--dropdown-icon-button-pressed-state-icon-color:var(--dropdown-icon-button-pressed-state-light-mode-icon-color);--dropdown-icon-button-pressed-state-light-mode-background-color:var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);--dropdown-icon-button-pressed-state-light-mode-icon-color:var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);--dropdown-icon-button-small-size-icon-height:var(--icon-button-small-size-icon-height);--dropdown-icon-button-small-size-icon-width:var(--icon-button-small-size-icon-width);--dropdown-icon-button-small-size-minimum-height:var(--icon-button-small-size-minimum-height);--dropdown-icon-button-small-size-padding-size:var(--icon-button-small-size-padding-size);--dropdown-icon-button-small-size-width-multiplier:var(--icon-button-small-size-width-multiplier);--empty-state-background-color:var(--empty-state-background-light-mode-color);--empty-state-background-dark-mode-color:var(--core-surface-10-dark-mode-color);--empty-state-background-light-mode-color:var(--core-surface-10-light-mode-color);--empty-state-border-color:var(--empty-state-border-light-mode-color);--empty-state-border-dark-mode-color:var(--core-fill-30-dark-mode-color);--empty-state-border-light-mode-color:var(--core-fill-30-light-mode-color);--empty-state-border-radius:var(--core-radius-100);--empty-state-border-width:var(--core-border-10);--empty-state-button-group-overflow-button-border-radius:var(--button-group-overflow-button-border-radius);--empty-state-button-group-overflow-button-compact-size-minimum-height:var(--button-group-overflow-button-compact-size-minimum-height);--empty-state-button-group-overflow-button-compact-size-minimum-padding-size:var(--button-group-overflow-button-compact-size-minimum-padding-size);--empty-state-button-group-overflow-button-compact-size-minimum-width:var(--button-group-overflow-button-compact-size-minimum-width);--empty-state-button-group-overflow-button-compact-size-padding-size:var(--button-group-overflow-button-compact-size-padding-size);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-disabled-state-background-color:var(--empty-state-button-group-overflow-button-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-disabled-state-light-mode-background-color:var(--button-group-overflow-button-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-focus-ring-border-size:var(--button-group-overflow-button-focus-ring-border-size);--empty-state-button-group-overflow-button-focus-ring-buffer-size:var(--button-group-overflow-button-focus-ring-buffer-size);--empty-state-button-group-overflow-button-focus-state-background-color:var(--empty-state-button-group-overflow-button-focus-state-light-mode-background-color);--empty-state-button-group-overflow-button-focus-state-dark-mode-background-color:var(--button-group-overflow-button-focus-state-dark-mode-background-color);--empty-state-button-group-overflow-button-focus-state-dark-mode-icon-color:var(--button-group-overflow-button-focus-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-focus-state-icon-color:var(--empty-state-button-group-overflow-button-focus-state-light-mode-icon-color);--empty-state-button-group-overflow-button-focus-state-light-mode-background-color:var(--button-group-overflow-button-focus-state-light-mode-background-color);--empty-state-button-group-overflow-button-focus-state-light-mode-icon-color:var(--button-group-overflow-button-focus-state-light-mode-icon-color);--empty-state-button-group-overflow-button-hover-state-background-color:var(--empty-state-button-group-overflow-button-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-hover-state-dark-mode-background-color:var(--button-group-overflow-button-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-hover-state-icon-color:var(--empty-state-button-group-overflow-button-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-hover-state-light-mode-background-color:var(--button-group-overflow-button-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-hover-state-light-mode-icon-color:var(--button-group-overflow-button-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-large-size-icon-height:var(--button-group-overflow-button-large-size-icon-height);--empty-state-button-group-overflow-button-large-size-icon-width:var(--button-group-overflow-button-large-size-icon-width);--empty-state-button-group-overflow-button-large-size-minimum-height:var(--button-group-overflow-button-large-size-minimum-height);--empty-state-button-group-overflow-button-large-size-padding-size:var(--button-group-overflow-button-large-size-padding-size);--empty-state-button-group-overflow-button-large-size-width-multiplier:var(--button-group-overflow-button-large-size-width-multiplier);--empty-state-button-group-overflow-button-medium-size-horizontal-spacing-size:var(--button-group-overflow-button-medium-size-horizontal-spacing-size);--empty-state-button-group-overflow-button-medium-size-icon-height:var(--button-group-overflow-button-medium-size-icon-height);--empty-state-button-group-overflow-button-medium-size-icon-width:var(--button-group-overflow-button-medium-size-icon-width);--empty-state-button-group-overflow-button-medium-size-minimum-height:var(--button-group-overflow-button-medium-size-minimum-height);--empty-state-button-group-overflow-button-medium-size-padding-size:var(--button-group-overflow-button-medium-size-padding-size);--empty-state-button-group-overflow-button-medium-size-width-multiplier:var(--button-group-overflow-button-medium-size-width-multiplier);--empty-state-button-group-overflow-button-minimum-height:var(--button-group-overflow-button-minimum-height);--empty-state-button-group-overflow-button-minimum-width:var(--button-group-overflow-button-minimum-width);--empty-state-button-group-overflow-button-normal-size-minimum-height:var(--button-group-overflow-button-normal-size-minimum-height);--empty-state-button-group-overflow-button-normal-size-minimum-width:var(--button-group-overflow-button-normal-size-minimum-width);--empty-state-button-group-overflow-button-normal-size-padding-size:var(--button-group-overflow-button-normal-size-padding-size);--empty-state-button-group-overflow-button-normal-state-background-color:var(--empty-state-button-group-overflow-button-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-state-dark-mode-background-color:var(--button-group-overflow-button-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-state-icon-color:var(--empty-state-button-group-overflow-button-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-state-light-mode-background-color:var(--button-group-overflow-button-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-state-light-mode-icon-color:var(--button-group-overflow-button-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-padding-size:var(--button-group-overflow-button-padding-size);--empty-state-button-group-overflow-button-pressed-state-background-color:var(--empty-state-button-group-overflow-button-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-pressed-state-light-mode-background-color:var(--button-group-overflow-button-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-disabled-state-background-color:var(--empty-state-button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-focus-state-background-color:var(--empty-state-button-group-overflow-button-primary-rank-focus-state-light-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color:var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color:var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-focus-state-icon-color:var(--empty-state-button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-focus-state-light-mode-background-color:var(--button-group-overflow-button-primary-rank-focus-state-light-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color:var(--button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-hover-state-background-color:var(--empty-state-button-group-overflow-button-primary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-hover-state-icon-color:var(--empty-state-button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-primary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-normal-state-background-color:var(--empty-state-button-group-overflow-button-primary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-normal-state-icon-color:var(--empty-state-button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-primary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-pressed-state-background-color:var(--empty-state-button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-disabled-state-background-color:var(--empty-state-button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-focus-state-background-color:var(--empty-state-button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color:var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color:var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-focus-state-icon-color:var(--empty-state-button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color:var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color:var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-hover-state-background-color:var(--empty-state-button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-hover-state-icon-color:var(--empty-state-button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-normal-state-background-color:var(--empty-state-button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-normal-state-icon-color:var(--empty-state-button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-pressed-state-background-color:var(--empty-state-button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-size-multiplier:var(--button-group-overflow-button-size-multiplier);--empty-state-button-group-overflow-button-small-size-icon-height:var(--button-group-overflow-button-small-size-icon-height);--empty-state-button-group-overflow-button-small-size-icon-width:var(--button-group-overflow-button-small-size-icon-width);--empty-state-button-group-overflow-button-small-size-minimum-height:var(--button-group-overflow-button-small-size-minimum-height);--empty-state-button-group-overflow-button-small-size-padding-size:var(--button-group-overflow-button-small-size-padding-size);--empty-state-button-group-overflow-button-small-size-width-multiplier:var(--button-group-overflow-button-small-size-width-multiplier);--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-background-color:var(--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-focus-state-background-color:var(--empty-state-button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color:var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-focus-state-icon-color:var(--empty-state-button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color:var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-hover-state-background-color:var(--empty-state-button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-hover-state-icon-color:var(--empty-state-button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-normal-state-background-color:var(--empty-state-button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-normal-state-icon-color:var(--empty-state-button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-background-color:var(--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-spacing:var(--button-group-spacing);--empty-state-button-group-vertical-spacing:var(--core-metrics-spacing-400);--empty-state-heading-color:var(--empty-state-heading-light-mode-color);--empty-state-heading-dark-mode-color:var(--core-text-10-dark-mode-color);--empty-state-heading-light-mode-color:var(--core-text-10-light-mode-color);--empty-state-heading-text-case:var(--core-type-heading-20-case);--empty-state-heading-text-color:var(--empty-state-heading-text-light-mode-color);--empty-state-heading-text-dark-mode-color:var(--core-text-10-dark-mode-color);--empty-state-heading-text-font-family:var(--core-type-heading-20-font-family);--empty-state-heading-text-leading:var(--core-type-heading-20-leading);--empty-state-heading-text-light-mode-color:var(--core-text-10-light-mode-color);--empty-state-heading-text-number-spacing:var(--core-type-heading-20-number-spacing);--empty-state-heading-text-scale:var(--core-type-heading-20-scale);--empty-state-heading-text-size:var(--core-type-heading-20-size);--empty-state-heading-text-tracking:var(--core-type-heading-20-tracking);--empty-state-heading-text-weight:var(--core-type-heading-20-weight);--empty-state-horizontal-padding:var(--core-metrics-spacing-400);--empty-state-icon-size:80px;--empty-state-illustration-size:96px;--empty-state-paragraph-text-case:var(--core-type-paragraph-30-case);--empty-state-paragraph-text-color:var(--empty-state-paragraph-text-light-mode-color);--empty-state-paragraph-text-dark-mode-color:var(--core-text-10-dark-mode-color);--empty-state-paragraph-text-font-family:var(--core-type-paragraph-30-font-family);--empty-state-paragraph-text-leading:var(--core-type-paragraph-30-leading);--empty-state-paragraph-text-light-mode-color:var(--core-text-10-light-mode-color);--empty-state-paragraph-text-number-spacing:var(--core-type-paragraph-30-number-spacing);--empty-state-paragraph-text-scale:var(--core-type-paragraph-30-scale);--empty-state-paragraph-text-size:var(--core-type-paragraph-30-size);--empty-state-paragraph-text-tracking:var(--core-type-paragraph-30-tracking);--empty-state-paragraph-text-weight:var(--core-type-paragraph-30-weight);--empty-state-paragraph-vertical-spacing:var(--core-metrics-spacing-100);--empty-state-vertical-padding:var(--core-metrics-spacing-400);--field-action-text-case:var(--core-type-semibold-20-case);--field-action-text-color:var(--field-light-mode-action-text-color);--field-action-text-font-family:var(--core-type-semibold-20-font-family);--field-action-text-leading:var(--core-type-semibold-20-leading);--field-action-text-number-spacing:var(--core-type-semibold-20-number-spacing);--field-action-text-scale:var(--core-type-semibold-20-scale);--field-action-text-size:var(--core-type-semibold-20-size);--field-action-text-tracking:var(--core-type-semibold-20-tracking);--field-action-text-weight:var(--core-type-semibold-20-weight);--field-action-vertical-padding-size:8px;--field-border-radius:var(--core-radius-forms);--field-border-size:1px;--field-dark-mode-action-text-color:var(--core-emphasis-fill-dark-mode-color);--field-dark-mode-error-message-text-color:var(--core-critical-text-dark-mode-color);--field-dark-mode-helper-text-text-color:var(--core-text-20-dark-mode-color);--field-dark-mode-placeholder-text-color:var(--core-text-20-dark-mode-color);--field-dark-mode-selection-caret-color:var(--field-dark-mode-selection-text-cursor-color);--field-dark-mode-selection-highlight-color:var(--core-emphasis-30-dark-mode-color);--field-dark-mode-selection-text-cursor-color:var(--core-emphasis-fill-dark-mode-color);--field-disabled-state-background-color:var(--field-disabled-state-light-mode-background-color);--field-disabled-state-border-color:var(--field-disabled-state-light-mode-border-color);--field-disabled-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--field-disabled-state-dark-mode-border-color:var(--core-fill-40-dark-mode-color);--field-disabled-state-dark-mode-input-color:var(--field-disabled-state-empty-phase-dark-mode-label-color);--field-disabled-state-empty-phase-dark-mode-label-color:var(--core-text-30-dark-mode-color);--field-disabled-state-empty-phase-label-color:var(--field-disabled-state-empty-phase-light-mode-label-color);--field-disabled-state-empty-phase-light-mode-label-color:var(--core-text-30-light-mode-color);--field-disabled-state-float-phase-dark-mode-label-color:var(--core-text-30-dark-mode-color);--field-disabled-state-float-phase-label-color:var(--field-disabled-state-float-phase-light-mode-label-color);--field-disabled-state-float-phase-light-mode-label-color:var(--core-text-30-light-mode-color);--field-disabled-state-input-color:var(--field-disabled-state-light-mode-input-color);--field-disabled-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--field-disabled-state-light-mode-border-color:var(--core-fill-40-light-mode-color);--field-disabled-state-light-mode-input-color:var(--field-disabled-state-empty-phase-light-mode-label-color);--field-empty-phase-horizontal-padding-size:16px;--field-empty-phase-label-text-case:var(--core-type-paragraph-30-case);--field-empty-phase-label-text-font-family:var(--core-type-paragraph-30-font-family);--field-empty-phase-label-text-leading:var(--core-type-paragraph-30-leading);--field-empty-phase-label-text-number-spacing:var(--core-type-paragraph-30-number-spacing);--field-empty-phase-label-text-scale:var(--core-type-paragraph-30-scale);--field-empty-phase-label-text-size:var(--core-type-paragraph-30-size);--field-empty-phase-label-text-tracking:var(--core-type-paragraph-30-tracking);--field-empty-phase-label-text-weight:var(--core-type-paragraph-30-weight);--field-empty-phase-vertical-padding-size:20px;--field-error-message-icon-buffer-size:8px;--field-error-message-icon-height:8px;--field-error-message-icon-vertical-spacing:8px;--field-error-message-icon-width:var(--field-error-message-icon-height);--field-error-message-text-case:var(--core-type-paragraph-20-case);--field-error-message-text-color:var(--field-light-mode-error-message-text-color);--field-error-message-text-font-family:var(--core-type-paragraph-20-font-family);--field-error-message-text-leading:var(--core-type-paragraph-20-leading);--field-error-message-text-number-spacing:var(--core-type-paragraph-20-number-spacing);--field-error-message-text-scale:var(--core-type-paragraph-20-scale);--field-error-message-text-size:var(--core-type-paragraph-20-size);--field-error-message-text-tracking:var(--core-type-paragraph-20-tracking);--field-error-message-text-vertical-spacing:8px;--field-error-message-text-weight:var(--core-type-paragraph-20-weight);--field-float-phase-horizontal-padding-size:var(--field-empty-phase-horizontal-padding-size);--field-float-phase-label-margin-bottom-size:2px;--field-float-phase-label-margin-top-size:8px;--field-float-phase-label-text-case:var(--core-type-semibold-20-case);--field-float-phase-label-text-font-family:var(--core-type-semibold-20-font-family);--field-float-phase-label-text-leading:var(--core-type-semibold-20-leading);--field-float-phase-label-text-number-spacing:var(--core-type-semibold-20-number-spacing);--field-float-phase-label-text-scale:var(--core-type-semibold-20-scale);--field-float-phase-label-text-size:var(--core-type-semibold-20-size);--field-float-phase-label-text-tracking:var(--core-type-semibold-20-tracking);--field-float-phase-label-text-weight:500;--field-float-phase-vertical-padding-size:8px;--field-focus-state-background-color:var(--field-focus-state-light-mode-background-color);--field-focus-state-border-size:2px;--field-focus-state-dark-mode-background-color:var(--field-normal-state-dark-mode-background-color);--field-focus-state-dark-mode-input-color:var(--field-normal-state-dark-mode-input-color);--field-focus-state-float-phase-dark-mode-label-color:var(--field-normal-state-float-phase-dark-mode-label-color);--field-focus-state-float-phase-label-color:var(--field-focus-state-float-phase-light-mode-label-color);--field-focus-state-float-phase-light-mode-label-color:var(--field-normal-state-float-phase-light-mode-label-color);--field-focus-state-input-color:var(--field-focus-state-light-mode-input-color);--field-focus-state-invalid-validity-border-color:var(--field-focus-state-invalid-validity-light-mode-border-color);--field-focus-state-invalid-validity-dark-mode-border-color:var(--field-focus-state-normal-validity-dark-mode-border-color);--field-focus-state-invalid-validity-light-mode-border-color:var(--field-focus-state-normal-validity-light-mode-border-color);--field-focus-state-light-mode-background-color:var(--field-normal-state-light-mode-background-color);--field-focus-state-light-mode-input-color:var(--field-normal-state-light-mode-input-color);--field-focus-state-normal-validity-border-color:var(--field-focus-state-normal-validity-light-mode-border-color);--field-focus-state-normal-validity-dark-mode-border-color:var(--core-emphasis-fill-dark-mode-color);--field-focus-state-normal-validity-light-mode-border-color:var(--core-emphasis-fill-light-mode-color);--field-helper-text-case:var(--core-type-paragraph-20-case);--field-helper-text-font-family:var(--core-type-paragraph-20-font-family);--field-helper-text-horizontal-spacing:0px;--field-helper-text-leading:var(--core-type-paragraph-20-leading);--field-helper-text-number-spacing:var(--core-type-paragraph-20-number-spacing);--field-helper-text-scale:var(--core-type-paragraph-20-scale);--field-helper-text-size:var(--core-type-paragraph-20-size);--field-helper-text-text-color:var(--field-light-mode-helper-text-text-color);--field-helper-text-tracking:var(--core-type-paragraph-20-tracking);--field-helper-text-vertical-spacing:8px;--field-helper-text-weight:var(--core-type-paragraph-20-weight);--field-hover-state-background-color:var(--field-hover-state-light-mode-background-color);--field-hover-state-dark-mode-background-color:var(--field-normal-state-dark-mode-background-color);--field-hover-state-dark-mode-input-color:var(--field-normal-state-dark-mode-input-color);--field-hover-state-empty-phase-dark-mode-label-color:var(--field-normal-state-empty-phase-dark-mode-label-color);--field-hover-state-empty-phase-label-color:var(--field-hover-state-empty-phase-light-mode-label-color);--field-hover-state-empty-phase-light-mode-label-color:var(--field-normal-state-empty-phase-light-mode-label-color);--field-hover-state-float-phase-dark-mode-label-color:var(--field-normal-state-float-phase-dark-mode-label-color);--field-hover-state-float-phase-label-color:var(--field-hover-state-float-phase-light-mode-label-color);--field-hover-state-float-phase-light-mode-label-color:var(--field-normal-state-float-phase-light-mode-label-color);--field-hover-state-input-color:var(--field-hover-state-light-mode-input-color);--field-hover-state-invalid-validity-border-color:var(--field-hover-state-invalid-validity-light-mode-border-color);--field-hover-state-invalid-validity-dark-mode-border-color:var(--field-hover-state-normal-validity-dark-mode-border-color);--field-hover-state-invalid-validity-light-mode-border-color:var(--field-hover-state-normal-validity-light-mode-border-color);--field-hover-state-light-mode-background-color:var(--field-normal-state-light-mode-background-color);--field-hover-state-light-mode-input-color:var(--field-normal-state-light-mode-input-color);--field-hover-state-normal-validity-border-color:var(--field-hover-state-normal-validity-light-mode-border-color);--field-hover-state-normal-validity-dark-mode-border-color:var(--core-emphasis-fill-dark-mode-color);--field-hover-state-normal-validity-light-mode-border-color:var(--core-emphasis-fill-light-mode-color);--field-icon-buffer-size:16px;--field-icon-height:24px;--field-icon-width:var(--field-icon-height);--field-image-accessory-spacing-left-size:12px;--field-input-case:var(--core-type-paragraph-30-case);--field-input-font-family:var(--core-type-paragraph-30-font-family);--field-input-leading:var(--core-type-paragraph-30-leading);--field-input-number-spacing:var(--core-type-paragraph-30-number-spacing);--field-input-scale:var(--core-type-paragraph-30-scale);--field-input-size:var(--core-type-paragraph-30-size);--field-input-tracking:var(--core-type-paragraph-30-tracking);--field-input-weight:var(--core-type-paragraph-30-weight);--field-light-mode-action-text-color:var(--core-emphasis-fill-light-mode-color);--field-light-mode-error-message-text-color:var(--core-critical-text-light-mode-color);--field-light-mode-helper-text-text-color:var(--core-text-20-light-mode-color);--field-light-mode-placeholder-text-color:var(--core-text-20-light-mode-color);--field-light-mode-selection-caret-color:var(--field-light-mode-selection-text-cursor-color);--field-light-mode-selection-highlight-color:var(--core-emphasis-30-light-mode-color);--field-light-mode-selection-text-cursor-color:var(--core-emphasis-fill-light-mode-color);--field-normal-state-background-color:var(--field-normal-state-light-mode-background-color);--field-normal-state-dark-mode-background-color:var(--core-surface-5-dark-mode-color);--field-normal-state-dark-mode-input-color:var(--core-text-10-dark-mode-color);--field-normal-state-empty-phase-dark-mode-label-color:var(--core-text-20-dark-mode-color);--field-normal-state-empty-phase-label-color:var(--field-normal-state-empty-phase-light-mode-label-color);--field-normal-state-empty-phase-light-mode-label-color:var(--core-text-20-light-mode-color);--field-normal-state-float-phase-dark-mode-label-color:var(--core-text-10-dark-mode-color);--field-normal-state-float-phase-label-color:var(--field-normal-state-float-phase-light-mode-label-color);--field-normal-state-float-phase-light-mode-label-color:var(--core-text-10-light-mode-color);--field-normal-state-input-color:var(--field-normal-state-light-mode-input-color);--field-normal-state-invalid-validity-border-color:var(--field-normal-state-invalid-validity-light-mode-border-color);--field-normal-state-invalid-validity-dark-mode-border-color:var(--core-critical-fill-dark-mode-color);--field-normal-state-invalid-validity-light-mode-border-color:var(--core-critical-fill-light-mode-color);--field-normal-state-light-mode-background-color:var(--core-surface-5-light-mode-color);--field-normal-state-light-mode-input-color:var(--core-text-10-light-mode-color);--field-normal-state-normal-validity-border-color:var(--field-normal-state-normal-validity-light-mode-border-color);--field-normal-state-normal-validity-border-high-contrast-color:var(--field-normal-state-normal-validity-light-mode-border-high-contrast-color);--field-normal-state-normal-validity-border-normal-contrast-color:var(--field-normal-state-normal-validity-light-mode-border-normal-contrast-color);--field-normal-state-normal-validity-dark-mode-border-color:var(--core-fill-30-dark-mode-color);--field-normal-state-normal-validity-dark-mode-border-high-contrast-color:var(--core-fill-20-dark-mode-color);--field-normal-state-normal-validity-dark-mode-border-normal-contrast-color:var(--core-fill-30-dark-mode-color);--field-normal-state-normal-validity-light-mode-border-color:var(--core-fill-30-light-mode-color);--field-normal-state-normal-validity-light-mode-border-high-contrast-color:var(--core-fill-20-light-mode-color);--field-normal-state-normal-validity-light-mode-border-normal-contrast-color:var(--core-fill-30-light-mode-color);--field-placeholder-text-color:var(--field-light-mode-placeholder-text-color);--field-selection-caret-color:var(--field-light-mode-selection-caret-color);--field-selection-highlight-color:var(--field-light-mode-selection-highlight-color);--field-selection-text-cursor-color:var(--field-light-mode-selection-text-cursor-color);--field-trailing-accessory-buffer-size:16px;--field-trailing-accessory-disabled-state-opacity:var(--core-opacity-disabled-state);--field-trailing-accessory-height:48px;--field-trailing-accessory-position-bottom-size:8px;--field-trailing-accessory-position-right-size:0px;--field-trailing-accessory-width:var(--field-trailing-accessory-height);--file-upload-dropzone-disabled-state-background-color:var(--file-upload-dropzone-disabled-state-background-light-mode-color);--file-upload-dropzone-disabled-state-background-dark-mode-color:var(--core-fill-50-dark-mode-color);--file-upload-dropzone-disabled-state-background-light-mode-color:var(--core-fill-50-light-mode-color);--file-upload-dropzone-disabled-state-border-color:var(--file-upload-dropzone-disabled-state-border-light-mode-color);--file-upload-dropzone-disabled-state-border-dark-mode-color:var(--core-fill-40-dark-mode-color);--file-upload-dropzone-disabled-state-border-light-mode-color:var(--core-fill-40-light-mode-color);--file-upload-dropzone-disabled-state-border-radius:var(--file-upload-dropzone-normal-state-border-radius);--file-upload-dropzone-disabled-state-border-width:var(--file-upload-dropzone-normal-state-border-width);--file-upload-dropzone-disabled-state-icon-color:var(--file-upload-dropzone-disabled-state-icon-light-mode-color);--file-upload-dropzone-disabled-state-icon-dark-mode-color:var(--core-text-30-dark-mode-color);--file-upload-dropzone-disabled-state-icon-light-mode-color:var(--core-text-30-light-mode-color);--file-upload-dropzone-disabled-state-subtext-case:var(--file-upload-dropzone-normal-state-subtext-case);--file-upload-dropzone-disabled-state-subtext-color:var(--file-upload-dropzone-disabled-state-subtext-light-mode-color);--file-upload-dropzone-disabled-state-subtext-dark-mode-color:var(--file-upload-dropzone-normal-state-subtext-dark-mode-color);--file-upload-dropzone-disabled-state-subtext-font-family:var(--file-upload-dropzone-normal-state-subtext-font-family);--file-upload-dropzone-disabled-state-subtext-leading:var(--file-upload-dropzone-normal-state-subtext-leading);--file-upload-dropzone-disabled-state-subtext-light-mode-color:var(--file-upload-dropzone-normal-state-subtext-light-mode-color);--file-upload-dropzone-disabled-state-subtext-number-spacing:var(--file-upload-dropzone-normal-state-subtext-number-spacing);--file-upload-dropzone-disabled-state-subtext-scale:var(--file-upload-dropzone-normal-state-subtext-scale);--file-upload-dropzone-disabled-state-subtext-size:var(--file-upload-dropzone-normal-state-subtext-size);--file-upload-dropzone-disabled-state-subtext-tracking:var(--file-upload-dropzone-normal-state-subtext-tracking);--file-upload-dropzone-disabled-state-subtext-weight:var(--file-upload-dropzone-normal-state-subtext-weight);--file-upload-dropzone-disabled-state-text-case:var(--file-upload-dropzone-normal-state-text-case);--file-upload-dropzone-disabled-state-text-color:var(--file-upload-dropzone-disabled-state-text-light-mode-color);--file-upload-dropzone-disabled-state-text-dark-mode-color:var(--file-upload-dropzone-normal-state-text-dark-mode-color);--file-upload-dropzone-disabled-state-text-font-family:var(--file-upload-dropzone-normal-state-text-font-family);--file-upload-dropzone-disabled-state-text-leading:var(--file-upload-dropzone-normal-state-text-leading);--file-upload-dropzone-disabled-state-text-light-mode-color:var(--file-upload-dropzone-normal-state-text-light-mode-color);--file-upload-dropzone-disabled-state-text-number-spacing:var(--file-upload-dropzone-normal-state-text-number-spacing);--file-upload-dropzone-disabled-state-text-scale:var(--file-upload-dropzone-normal-state-text-scale);--file-upload-dropzone-disabled-state-text-size:var(--file-upload-dropzone-normal-state-text-size);--file-upload-dropzone-disabled-state-text-tracking:var(--file-upload-dropzone-normal-state-text-tracking);--file-upload-dropzone-disabled-state-text-weight:var(--file-upload-dropzone-normal-state-text-weight);--file-upload-dropzone-horizontal-padding:var(--core-metrics-spacing-400);--file-upload-dropzone-hover-state-background-color:var(--file-upload-dropzone-hover-state-background-light-mode-color);--file-upload-dropzone-hover-state-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--file-upload-dropzone-hover-state-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--file-upload-dropzone-hover-state-border-color:var(--file-upload-dropzone-hover-state-border-light-mode-color);--file-upload-dropzone-hover-state-border-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--file-upload-dropzone-hover-state-border-light-mode-color:var(--core-emphasis-fill-light-mode-color);--file-upload-dropzone-hover-state-border-radius:var(--file-upload-dropzone-normal-state-border-radius);--file-upload-dropzone-hover-state-border-width:var(--file-upload-dropzone-normal-state-border-width);--file-upload-dropzone-hover-state-icon-color:var(--file-upload-dropzone-hover-state-icon-light-mode-color);--file-upload-dropzone-hover-state-icon-dark-mode-color:var(--file-upload-dropzone-normal-state-icon-dark-mode-color);--file-upload-dropzone-hover-state-icon-light-mode-color:var(--file-upload-dropzone-normal-state-icon-light-mode-color);--file-upload-dropzone-hover-state-subtext-case:var(--file-upload-dropzone-normal-state-subtext-case);--file-upload-dropzone-hover-state-subtext-color:var(--file-upload-dropzone-hover-state-subtext-light-mode-color);--file-upload-dropzone-hover-state-subtext-dark-mode-color:var(--file-upload-dropzone-normal-state-subtext-dark-mode-color);--file-upload-dropzone-hover-state-subtext-font-family:var(--file-upload-dropzone-normal-state-subtext-font-family);--file-upload-dropzone-hover-state-subtext-leading:var(--file-upload-dropzone-normal-state-subtext-leading);--file-upload-dropzone-hover-state-subtext-light-mode-color:var(--file-upload-dropzone-normal-state-subtext-light-mode-color);--file-upload-dropzone-hover-state-subtext-number-spacing:var(--file-upload-dropzone-normal-state-subtext-number-spacing);--file-upload-dropzone-hover-state-subtext-scale:var(--file-upload-dropzone-normal-state-subtext-scale);--file-upload-dropzone-hover-state-subtext-size:var(--file-upload-dropzone-normal-state-subtext-size);--file-upload-dropzone-hover-state-subtext-tracking:var(--file-upload-dropzone-normal-state-subtext-tracking);--file-upload-dropzone-hover-state-subtext-weight:var(--file-upload-dropzone-normal-state-subtext-weight);--file-upload-dropzone-hover-state-text-case:var(--file-upload-dropzone-normal-state-text-case);--file-upload-dropzone-hover-state-text-color:var(--file-upload-dropzone-hover-state-text-light-mode-color);--file-upload-dropzone-hover-state-text-dark-mode-color:var(--file-upload-dropzone-normal-state-text-dark-mode-color);--file-upload-dropzone-hover-state-text-font-family:var(--file-upload-dropzone-normal-state-text-font-family);--file-upload-dropzone-hover-state-text-leading:var(--file-upload-dropzone-normal-state-text-leading);--file-upload-dropzone-hover-state-text-light-mode-color:var(--file-upload-dropzone-normal-state-text-light-mode-color);--file-upload-dropzone-hover-state-text-number-spacing:var(--file-upload-dropzone-normal-state-text-number-spacing);--file-upload-dropzone-hover-state-text-scale:var(--file-upload-dropzone-normal-state-text-scale);--file-upload-dropzone-hover-state-text-size:var(--file-upload-dropzone-normal-state-text-size);--file-upload-dropzone-hover-state-text-tracking:var(--file-upload-dropzone-normal-state-text-tracking);--file-upload-dropzone-hover-state-text-weight:var(--file-upload-dropzone-normal-state-text-weight);--file-upload-dropzone-minimum-height:400px;--file-upload-dropzone-normal-state-background-color:var(--file-upload-dropzone-normal-state-background-light-mode-color);--file-upload-dropzone-normal-state-background-dark-mode-color:var(--core-surface-10-dark-mode-color);--file-upload-dropzone-normal-state-background-light-mode-color:var(--core-surface-10-light-mode-color);--file-upload-dropzone-normal-state-border-color:var(--file-upload-dropzone-normal-state-border-light-mode-color);--file-upload-dropzone-normal-state-border-dark-mode-color:var(--core-fill-20-dark-mode-color);--file-upload-dropzone-normal-state-border-light-mode-color:var(--core-fill-20-light-mode-color);--file-upload-dropzone-normal-state-border-radius:var(--core-radius-100);--file-upload-dropzone-normal-state-border-width:var(--core-border-10);--file-upload-dropzone-normal-state-icon-color:var(--file-upload-dropzone-normal-state-icon-light-mode-color);--file-upload-dropzone-normal-state-icon-dark-mode-color:var(--core-text-10-dark-mode-color);--file-upload-dropzone-normal-state-icon-light-mode-color:var(--core-text-10-light-mode-color);--file-upload-dropzone-normal-state-subtext-case:var(--core-type-paragraph-20-case);--file-upload-dropzone-normal-state-subtext-color:var(--file-upload-dropzone-normal-state-subtext-light-mode-color);--file-upload-dropzone-normal-state-subtext-dark-mode-color:var(--core-text-20-dark-mode-color);--file-upload-dropzone-normal-state-subtext-font-family:var(--core-type-paragraph-20-font-family);--file-upload-dropzone-normal-state-subtext-leading:var(--core-type-paragraph-20-leading);--file-upload-dropzone-normal-state-subtext-light-mode-color:var(--core-text-20-light-mode-color);--file-upload-dropzone-normal-state-subtext-number-spacing:var(--core-type-paragraph-20-number-spacing);--file-upload-dropzone-normal-state-subtext-scale:var(--core-type-paragraph-20-scale);--file-upload-dropzone-normal-state-subtext-size:var(--core-type-paragraph-20-size);--file-upload-dropzone-normal-state-subtext-tracking:var(--core-type-paragraph-20-tracking);--file-upload-dropzone-normal-state-subtext-weight:var(--core-type-paragraph-20-weight);--file-upload-dropzone-normal-state-text-case:var(--core-type-paragraph-30-case);--file-upload-dropzone-normal-state-text-color:var(--file-upload-dropzone-normal-state-text-light-mode-color);--file-upload-dropzone-normal-state-text-dark-mode-color:var(--core-text-10-dark-mode-color);--file-upload-dropzone-normal-state-text-font-family:var(--core-type-paragraph-30-font-family);--file-upload-dropzone-normal-state-text-leading:var(--core-type-paragraph-30-leading);--file-upload-dropzone-normal-state-text-light-mode-color:var(--core-text-10-light-mode-color);--file-upload-dropzone-normal-state-text-number-spacing:var(--core-type-paragraph-30-number-spacing);--file-upload-dropzone-normal-state-text-scale:var(--core-type-paragraph-30-scale);--file-upload-dropzone-normal-state-text-size:var(--core-type-paragraph-30-size);--file-upload-dropzone-normal-state-text-tracking:var(--core-type-paragraph-30-tracking);--file-upload-dropzone-normal-state-text-weight:var(--core-type-paragraph-30-weight);--file-upload-dropzone-pressed-state-background-color:var(--file-upload-dropzone-pressed-state-background-light-mode-color);--file-upload-dropzone-pressed-state-background-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--file-upload-dropzone-pressed-state-background-light-mode-color:var(--core-emphasis-30-light-mode-color);--file-upload-dropzone-pressed-state-border-color:var(--file-upload-dropzone-pressed-state-border-light-mode-color);--file-upload-dropzone-pressed-state-border-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--file-upload-dropzone-pressed-state-border-light-mode-color:var(--core-emphasis-fill-light-mode-color);--file-upload-dropzone-pressed-state-border-radius:var(--file-upload-dropzone-normal-state-border-radius);--file-upload-dropzone-pressed-state-border-width:var(--file-upload-dropzone-normal-state-border-width);--file-upload-dropzone-pressed-state-icon-color:var(--file-upload-dropzone-pressed-state-icon-light-mode-color);--file-upload-dropzone-pressed-state-icon-dark-mode-color:var(--file-upload-dropzone-normal-state-icon-dark-mode-color);--file-upload-dropzone-pressed-state-icon-light-mode-color:var(--file-upload-dropzone-normal-state-icon-light-mode-color);--file-upload-dropzone-pressed-state-subtext-case:var(--file-upload-dropzone-normal-state-subtext-case);--file-upload-dropzone-pressed-state-subtext-color:var(--file-upload-dropzone-pressed-state-subtext-light-mode-color);--file-upload-dropzone-pressed-state-subtext-dark-mode-color:var(--file-upload-dropzone-normal-state-subtext-dark-mode-color);--file-upload-dropzone-pressed-state-subtext-font-family:var(--file-upload-dropzone-normal-state-subtext-font-family);--file-upload-dropzone-pressed-state-subtext-leading:var(--file-upload-dropzone-normal-state-subtext-leading);--file-upload-dropzone-pressed-state-subtext-light-mode-color:var(--file-upload-dropzone-normal-state-subtext-light-mode-color);--file-upload-dropzone-pressed-state-subtext-number-spacing:var(--file-upload-dropzone-normal-state-subtext-number-spacing);--file-upload-dropzone-pressed-state-subtext-scale:var(--file-upload-dropzone-normal-state-subtext-scale);--file-upload-dropzone-pressed-state-subtext-size:var(--file-upload-dropzone-normal-state-subtext-size);--file-upload-dropzone-pressed-state-subtext-tracking:var(--file-upload-dropzone-normal-state-subtext-tracking);--file-upload-dropzone-pressed-state-subtext-weight:var(--file-upload-dropzone-normal-state-subtext-weight);--file-upload-dropzone-pressed-state-text-case:var(--file-upload-dropzone-normal-state-text-case);--file-upload-dropzone-pressed-state-text-color:var(--file-upload-dropzone-pressed-state-text-light-mode-color);--file-upload-dropzone-pressed-state-text-dark-mode-color:var(--file-upload-dropzone-normal-state-text-dark-mode-color);--file-upload-dropzone-pressed-state-text-font-family:var(--file-upload-dropzone-normal-state-text-font-family);--file-upload-dropzone-pressed-state-text-leading:var(--file-upload-dropzone-normal-state-text-leading);--file-upload-dropzone-pressed-state-text-light-mode-color:var(--file-upload-dropzone-normal-state-text-light-mode-color);--file-upload-dropzone-pressed-state-text-number-spacing:var(--file-upload-dropzone-normal-state-text-number-spacing);--file-upload-dropzone-pressed-state-text-scale:var(--file-upload-dropzone-normal-state-text-scale);--file-upload-dropzone-pressed-state-text-size:var(--file-upload-dropzone-normal-state-text-size);--file-upload-dropzone-pressed-state-text-tracking:var(--file-upload-dropzone-normal-state-text-tracking);--file-upload-dropzone-pressed-state-text-weight:var(--file-upload-dropzone-normal-state-text-weight);--file-upload-dropzone-vertical-padding:var(--file-upload-dropzone-horizontal-padding);--file-upload-upload-item-error-state-background-color:var(--file-upload-upload-item-error-state-background-light-mode-color);--file-upload-upload-item-error-state-background-dark-mode-color:var(--file-upload-upload-item-normal-state-background-dark-mode-color);--file-upload-upload-item-error-state-background-light-mode-color:var(--file-upload-upload-item-normal-state-background-light-mode-color);--file-upload-upload-item-error-state-leading-accessory-background-color:var(--file-upload-upload-item-error-state-leading-accessory-background-light-mode-color);--file-upload-upload-item-error-state-leading-accessory-background-dark-mode-color:var(--file-upload-upload-item-normal-state-background-dark-mode-color);--file-upload-upload-item-error-state-leading-accessory-background-light-mode-color:var(--file-upload-upload-item-normal-state-background-light-mode-color);--file-upload-upload-item-error-state-leading-accessory-height:var(--core-metrics-spacing-300);--file-upload-upload-item-error-state-leading-accessory-icon-color:var(--file-upload-upload-item-error-state-leading-accessory-icon-light-mode-color);--file-upload-upload-item-error-state-leading-accessory-icon-dark-mode-color:var(--core-fill-10-dark-mode-color);--file-upload-upload-item-error-state-leading-accessory-icon-light-mode-color:var(--core-fill-10-light-mode-color);--file-upload-upload-item-error-state-leading-accessory-width:var(--file-upload-upload-item-error-state-leading-accessory-height);--file-upload-upload-item-error-state-subtext-case:var(--file-upload-upload-item-normal-state-subtext-case);--file-upload-upload-item-error-state-subtext-color:var(--file-upload-upload-item-error-state-subtext-light-mode-color);--file-upload-upload-item-error-state-subtext-dark-mode-color:var(--core-critical-text-dark-mode-color);--file-upload-upload-item-error-state-subtext-font-family:var(--file-upload-upload-item-normal-state-subtext-font-family);--file-upload-upload-item-error-state-subtext-leading:var(--file-upload-upload-item-normal-state-subtext-leading);--file-upload-upload-item-error-state-subtext-light-mode-color:var(--core-critical-text-light-mode-color);--file-upload-upload-item-error-state-subtext-number-spacing:var(--file-upload-upload-item-normal-state-subtext-number-spacing);--file-upload-upload-item-error-state-subtext-scale:var(--file-upload-upload-item-normal-state-subtext-scale);--file-upload-upload-item-error-state-subtext-size:var(--file-upload-upload-item-normal-state-subtext-size);--file-upload-upload-item-error-state-subtext-tracking:var(--file-upload-upload-item-normal-state-subtext-tracking);--file-upload-upload-item-error-state-subtext-weight:var(--file-upload-upload-item-normal-state-subtext-weight);--file-upload-upload-item-error-state-text-case:var(--file-upload-upload-item-normal-state-text-case);--file-upload-upload-item-error-state-text-color:var(--file-upload-upload-item-error-state-text-light-mode-color);--file-upload-upload-item-error-state-text-dark-mode-color:var(--file-upload-upload-item-normal-state-text-dark-mode-color);--file-upload-upload-item-error-state-text-font-family:var(--file-upload-upload-item-normal-state-text-font-family);--file-upload-upload-item-error-state-text-leading:var(--file-upload-upload-item-normal-state-text-leading);--file-upload-upload-item-error-state-text-light-mode-color:var(--file-upload-upload-item-normal-state-text-light-mode-color);--file-upload-upload-item-error-state-text-number-spacing:var(--file-upload-upload-item-normal-state-text-number-spacing);--file-upload-upload-item-error-state-text-scale:var(--file-upload-upload-item-normal-state-text-scale);--file-upload-upload-item-error-state-text-size:var(--file-upload-upload-item-normal-state-text-size);--file-upload-upload-item-error-state-text-tracking:var(--file-upload-upload-item-normal-state-text-tracking);--file-upload-upload-item-error-state-text-weight:var(--file-upload-upload-item-normal-state-text-weight);--file-upload-upload-item-error-state-trailing-accessory-icon-color:var(--file-upload-upload-item-error-state-trailing-accessory-icon-light-mode-color);--file-upload-upload-item-error-state-trailing-accessory-icon-dark-mode-color:var(--core-critical-fill-dark-mode-color);--file-upload-upload-item-error-state-trailing-accessory-icon-light-mode-color:var(--core-critical-fill-light-mode-color);--file-upload-upload-item-horizontal-gap:var(--core-metrics-spacing-200);--file-upload-upload-item-hover-state-background-color:var(--file-upload-upload-item-hover-state-background-light-mode-color);--file-upload-upload-item-hover-state-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--file-upload-upload-item-hover-state-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--file-upload-upload-item-hover-state-leading-accessory-background-color:var(--file-upload-upload-item-hover-state-leading-accessory-background-light-mode-color);--file-upload-upload-item-hover-state-leading-accessory-background-dark-mode-color:var(--file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color);--file-upload-upload-item-hover-state-leading-accessory-background-light-mode-color:var(--file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color);--file-upload-upload-item-hover-state-leading-accessory-height:var(--file-upload-upload-item-normal-state-leading-accessory-height);--file-upload-upload-item-hover-state-leading-accessory-icon-color:var(--file-upload-upload-item-hover-state-leading-accessory-icon-light-mode-color);--file-upload-upload-item-hover-state-leading-accessory-icon-dark-mode-color:var(--file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color);--file-upload-upload-item-hover-state-leading-accessory-icon-light-mode-color:var(--file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color);--file-upload-upload-item-hover-state-leading-accessory-width:var(--file-upload-upload-item-normal-state-leading-accessory-width);--file-upload-upload-item-hover-state-subtext-case:var(--file-upload-upload-item-normal-state-subtext-case);--file-upload-upload-item-hover-state-subtext-color:var(--file-upload-upload-item-hover-state-subtext-light-mode-color);--file-upload-upload-item-hover-state-subtext-dark-mode-color:var(--file-upload-upload-item-normal-state-subtext-dark-mode-color);--file-upload-upload-item-hover-state-subtext-font-family:var(--file-upload-upload-item-normal-state-subtext-font-family);--file-upload-upload-item-hover-state-subtext-leading:var(--file-upload-upload-item-normal-state-subtext-leading);--file-upload-upload-item-hover-state-subtext-light-mode-color:var(--file-upload-upload-item-normal-state-subtext-light-mode-color);--file-upload-upload-item-hover-state-subtext-number-spacing:var(--file-upload-upload-item-normal-state-subtext-number-spacing);--file-upload-upload-item-hover-state-subtext-scale:var(--file-upload-upload-item-normal-state-subtext-scale);--file-upload-upload-item-hover-state-subtext-size:var(--file-upload-upload-item-normal-state-subtext-size);--file-upload-upload-item-hover-state-subtext-tracking:var(--file-upload-upload-item-normal-state-subtext-tracking);--file-upload-upload-item-hover-state-subtext-weight:var(--file-upload-upload-item-normal-state-subtext-weight);--file-upload-upload-item-hover-state-text-case:var(--file-upload-upload-item-normal-state-text-case);--file-upload-upload-item-hover-state-text-color:var(--file-upload-upload-item-hover-state-text-light-mode-color);--file-upload-upload-item-hover-state-text-dark-mode-color:var(--file-upload-upload-item-normal-state-text-dark-mode-color);--file-upload-upload-item-hover-state-text-font-family:var(--file-upload-upload-item-normal-state-text-font-family);--file-upload-upload-item-hover-state-text-leading:var(--file-upload-upload-item-normal-state-text-leading);--file-upload-upload-item-hover-state-text-light-mode-color:var(--file-upload-upload-item-normal-state-text-light-mode-color);--file-upload-upload-item-hover-state-text-number-spacing:var(--file-upload-upload-item-normal-state-text-number-spacing);--file-upload-upload-item-hover-state-text-scale:var(--file-upload-upload-item-normal-state-text-scale);--file-upload-upload-item-hover-state-text-size:var(--file-upload-upload-item-normal-state-text-size);--file-upload-upload-item-hover-state-text-tracking:var(--file-upload-upload-item-normal-state-text-tracking);--file-upload-upload-item-hover-state-text-weight:var(--file-upload-upload-item-normal-state-text-weight);--file-upload-upload-item-hover-state-trailing-accessory-icon-color:var(--file-upload-upload-item-hover-state-trailing-accessory-icon-light-mode-color);--file-upload-upload-item-hover-state-trailing-accessory-icon-dark-mode-color:var(--file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color);--file-upload-upload-item-hover-state-trailing-accessory-icon-light-mode-color:var(--file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color);--file-upload-upload-item-loading-state-background-color:var(--file-upload-upload-item-loading-state-background-light-mode-color);--file-upload-upload-item-loading-state-background-dark-mode-color:var(--file-upload-upload-item-normal-state-background-dark-mode-color);--file-upload-upload-item-loading-state-background-light-mode-color:var(--file-upload-upload-item-normal-state-background-light-mode-color);--file-upload-upload-item-loading-state-leading-accessory-background-color:var(--file-upload-upload-item-loading-state-leading-accessory-background-light-mode-color);--file-upload-upload-item-loading-state-leading-accessory-background-dark-mode-color:var(--file-upload-upload-item-normal-state-background-dark-mode-color);--file-upload-upload-item-loading-state-leading-accessory-background-light-mode-color:var(--file-upload-upload-item-normal-state-background-light-mode-color);--file-upload-upload-item-loading-state-leading-accessory-height:var(--core-metrics-spacing-300);--file-upload-upload-item-loading-state-leading-accessory-icon-color:var(--file-upload-upload-item-loading-state-leading-accessory-icon-light-mode-color);--file-upload-upload-item-loading-state-leading-accessory-icon-dark-mode-color:var(--core-fill-10-dark-mode-color);--file-upload-upload-item-loading-state-leading-accessory-icon-light-mode-color:var(--core-fill-10-light-mode-color);--file-upload-upload-item-loading-state-leading-accessory-width:var(--file-upload-upload-item-loading-state-leading-accessory-height);--file-upload-upload-item-loading-state-subtext-case:var(--core-type-paragraph-20-case);--file-upload-upload-item-loading-state-subtext-color:var(--file-upload-upload-item-loading-state-subtext-light-mode-color);--file-upload-upload-item-loading-state-subtext-dark-mode-color:var(--core-text-20-dark-mode-color);--file-upload-upload-item-loading-state-subtext-font-family:var(--core-type-paragraph-20-font-family);--file-upload-upload-item-loading-state-subtext-leading:var(--core-type-paragraph-20-leading);--file-upload-upload-item-loading-state-subtext-light-mode-color:var(--core-text-20-light-mode-color);--file-upload-upload-item-loading-state-subtext-number-spacing:var(--core-type-paragraph-20-number-spacing);--file-upload-upload-item-loading-state-subtext-scale:var(--core-type-paragraph-20-scale);--file-upload-upload-item-loading-state-subtext-size:var(--core-type-paragraph-20-size);--file-upload-upload-item-loading-state-subtext-tracking:var(--core-type-paragraph-20-tracking);--file-upload-upload-item-loading-state-subtext-weight:var(--core-type-paragraph-20-weight);--file-upload-upload-item-loading-state-text-case:var(--core-type-paragraph-30-case);--file-upload-upload-item-loading-state-text-color:var(--file-upload-upload-item-loading-state-text-light-mode-color);--file-upload-upload-item-loading-state-text-dark-mode-color:var(--core-text-10-dark-mode-color);--file-upload-upload-item-loading-state-text-font-family:var(--core-type-paragraph-30-font-family);--file-upload-upload-item-loading-state-text-leading:var(--core-type-paragraph-30-leading);--file-upload-upload-item-loading-state-text-light-mode-color:var(--core-text-10-light-mode-color);--file-upload-upload-item-loading-state-text-number-spacing:var(--core-type-paragraph-30-number-spacing);--file-upload-upload-item-loading-state-text-scale:var(--core-type-paragraph-30-scale);--file-upload-upload-item-loading-state-text-size:var(--core-type-paragraph-30-size);--file-upload-upload-item-loading-state-text-tracking:var(--core-type-paragraph-30-tracking);--file-upload-upload-item-loading-state-text-weight:var(--core-type-paragraph-30-weight);--file-upload-upload-item-loading-state-trailing-accessory-icon-color:var(--file-upload-upload-item-loading-state-trailing-accessory-icon-light-mode-color);--file-upload-upload-item-loading-state-trailing-accessory-icon-dark-mode-color:var(--core-fill-20-dark-mode-color);--file-upload-upload-item-loading-state-trailing-accessory-icon-light-mode-color:var(--core-fill-20-light-mode-color);--file-upload-upload-item-multiple-value-border-radius:var(--file-upload-upload-item-single-value-border-radius);--file-upload-upload-item-multiple-value-separator-color:var(--file-upload-upload-item-multiple-value-separator-light-mode-color);--file-upload-upload-item-multiple-value-separator-dark-mode-color:var(--core-divider-20-dark-mode-color);--file-upload-upload-item-multiple-value-separator-light-mode-color:var(--core-divider-20-light-mode-color);--file-upload-upload-item-normal-state-background-color:var(--file-upload-upload-item-normal-state-background-light-mode-color);--file-upload-upload-item-normal-state-background-dark-mode-color:var(--core-surface-10-dark-mode-color);--file-upload-upload-item-normal-state-background-light-mode-color:var(--core-surface-10-light-mode-color);--file-upload-upload-item-normal-state-leading-accessory-background-color:var(--file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color);--file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color:var(--core-fill-40-dark-mode-color);--file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color:var(--core-fill-40-light-mode-color);--file-upload-upload-item-normal-state-leading-accessory-height:var(--core-metrics-spacing-300);--file-upload-upload-item-normal-state-leading-accessory-icon-color:var(--file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color);--file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color:var(--core-fill-10-dark-mode-color);--file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color:var(--core-fill-10-light-mode-color);--file-upload-upload-item-normal-state-leading-accessory-width:var(--file-upload-upload-item-normal-state-leading-accessory-height);--file-upload-upload-item-normal-state-subtext-case:var(--core-type-paragraph-20-case);--file-upload-upload-item-normal-state-subtext-color:var(--file-upload-upload-item-normal-state-subtext-light-mode-color);--file-upload-upload-item-normal-state-subtext-dark-mode-color:var(--core-text-20-dark-mode-color);--file-upload-upload-item-normal-state-subtext-font-family:var(--core-type-paragraph-20-font-family);--file-upload-upload-item-normal-state-subtext-leading:var(--core-type-paragraph-20-leading);--file-upload-upload-item-normal-state-subtext-light-mode-color:var(--core-text-20-light-mode-color);--file-upload-upload-item-normal-state-subtext-number-spacing:var(--core-type-paragraph-20-number-spacing);--file-upload-upload-item-normal-state-subtext-scale:var(--core-type-paragraph-20-scale);--file-upload-upload-item-normal-state-subtext-size:var(--core-type-paragraph-20-size);--file-upload-upload-item-normal-state-subtext-tracking:var(--core-type-paragraph-20-tracking);--file-upload-upload-item-normal-state-subtext-weight:var(--core-type-paragraph-20-weight);--file-upload-upload-item-normal-state-text-case:var(--core-type-paragraph-30-case);--file-upload-upload-item-normal-state-text-color:var(--file-upload-upload-item-normal-state-text-light-mode-color);--file-upload-upload-item-normal-state-text-dark-mode-color:var(--core-text-10-dark-mode-color);--file-upload-upload-item-normal-state-text-font-family:var(--core-type-paragraph-30-font-family);--file-upload-upload-item-normal-state-text-leading:var(--core-type-paragraph-30-leading);--file-upload-upload-item-normal-state-text-light-mode-color:var(--core-text-10-light-mode-color);--file-upload-upload-item-normal-state-text-number-spacing:var(--core-type-paragraph-30-number-spacing);--file-upload-upload-item-normal-state-text-scale:var(--core-type-paragraph-30-scale);--file-upload-upload-item-normal-state-text-size:var(--core-type-paragraph-30-size);--file-upload-upload-item-normal-state-text-tracking:var(--core-type-paragraph-30-tracking);--file-upload-upload-item-normal-state-text-weight:var(--core-type-paragraph-30-weight);--file-upload-upload-item-normal-state-trailing-accessory-icon-color:var(--file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color);--file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color:var(--core-fill-20-dark-mode-color);--file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color:var(--core-fill-20-light-mode-color);--file-upload-upload-item-pressed-state-background-color:var(--file-upload-upload-item-pressed-state-background-light-mode-color);--file-upload-upload-item-pressed-state-background-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--file-upload-upload-item-pressed-state-background-light-mode-color:var(--core-emphasis-30-light-mode-color);--file-upload-upload-item-pressed-state-leading-accessory-background-color:var(--file-upload-upload-item-pressed-state-leading-accessory-background-light-mode-color);--file-upload-upload-item-pressed-state-leading-accessory-background-dark-mode-color:var(--file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color);--file-upload-upload-item-pressed-state-leading-accessory-background-light-mode-color:var(--file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color);--file-upload-upload-item-pressed-state-leading-accessory-height:var(--file-upload-upload-item-normal-state-leading-accessory-height);--file-upload-upload-item-pressed-state-leading-accessory-icon-color:var(--file-upload-upload-item-pressed-state-leading-accessory-icon-light-mode-color);--file-upload-upload-item-pressed-state-leading-accessory-icon-dark-mode-color:var(--file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color);--file-upload-upload-item-pressed-state-leading-accessory-icon-light-mode-color:var(--file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color);--file-upload-upload-item-pressed-state-leading-accessory-width:var(--file-upload-upload-item-normal-state-leading-accessory-width);--file-upload-upload-item-pressed-state-subtext-case:var(--file-upload-upload-item-normal-state-subtext-case);--file-upload-upload-item-pressed-state-subtext-color:var(--file-upload-upload-item-pressed-state-subtext-light-mode-color);--file-upload-upload-item-pressed-state-subtext-dark-mode-color:var(--file-upload-upload-item-normal-state-subtext-dark-mode-color);--file-upload-upload-item-pressed-state-subtext-font-family:var(--file-upload-upload-item-normal-state-subtext-font-family);--file-upload-upload-item-pressed-state-subtext-leading:var(--file-upload-upload-item-normal-state-subtext-leading);--file-upload-upload-item-pressed-state-subtext-light-mode-color:var(--file-upload-upload-item-normal-state-subtext-light-mode-color);--file-upload-upload-item-pressed-state-subtext-number-spacing:var(--file-upload-upload-item-normal-state-subtext-number-spacing);--file-upload-upload-item-pressed-state-subtext-scale:var(--file-upload-upload-item-normal-state-subtext-scale);--file-upload-upload-item-pressed-state-subtext-size:var(--file-upload-upload-item-normal-state-subtext-size);--file-upload-upload-item-pressed-state-subtext-tracking:var(--file-upload-upload-item-normal-state-subtext-tracking);--file-upload-upload-item-pressed-state-subtext-weight:var(--file-upload-upload-item-normal-state-subtext-weight);--file-upload-upload-item-pressed-state-text-case:var(--file-upload-upload-item-normal-state-text-case);--file-upload-upload-item-pressed-state-text-color:var(--file-upload-upload-item-pressed-state-text-light-mode-color);--file-upload-upload-item-pressed-state-text-dark-mode-color:var(--file-upload-upload-item-normal-state-text-dark-mode-color);--file-upload-upload-item-pressed-state-text-font-family:var(--file-upload-upload-item-normal-state-text-font-family);--file-upload-upload-item-pressed-state-text-leading:var(--file-upload-upload-item-normal-state-text-leading);--file-upload-upload-item-pressed-state-text-light-mode-color:var(--file-upload-upload-item-normal-state-text-light-mode-color);--file-upload-upload-item-pressed-state-text-number-spacing:var(--file-upload-upload-item-normal-state-text-number-spacing);--file-upload-upload-item-pressed-state-text-scale:var(--file-upload-upload-item-normal-state-text-scale);--file-upload-upload-item-pressed-state-text-size:var(--file-upload-upload-item-normal-state-text-size);--file-upload-upload-item-pressed-state-text-tracking:var(--file-upload-upload-item-normal-state-text-tracking);--file-upload-upload-item-pressed-state-text-weight:var(--file-upload-upload-item-normal-state-text-weight);--file-upload-upload-item-pressed-state-trailing-accessory-icon-color:var(--file-upload-upload-item-pressed-state-trailing-accessory-icon-light-mode-color);--file-upload-upload-item-pressed-state-trailing-accessory-icon-dark-mode-color:var(--file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color);--file-upload-upload-item-pressed-state-trailing-accessory-icon-light-mode-color:var(--file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color);--file-upload-upload-item-single-value-border-color-color:var(--file-upload-upload-item-single-value-border-color-light-mode-color);--file-upload-upload-item-single-value-border-color-dark-mode-color:var(--core-fill-30-dark-mode-color);--file-upload-upload-item-single-value-border-color-light-mode-color:var(--core-fill-30-light-mode-color);--file-upload-upload-item-single-value-border-radius:var(--core-radius-100);--file-upload-upload-item-single-value-border-width:var(--core-border-10);--file-upload-upload-item-success-state-background-color:var(--file-upload-upload-item-success-state-background-light-mode-color);--file-upload-upload-item-success-state-background-dark-mode-color:var(--file-upload-upload-item-normal-state-background-dark-mode-color);--file-upload-upload-item-success-state-background-light-mode-color:var(--file-upload-upload-item-normal-state-background-light-mode-color);--file-upload-upload-item-success-state-leading-accessory-background-color:var(--file-upload-upload-item-success-state-leading-accessory-background-light-mode-color);--file-upload-upload-item-success-state-leading-accessory-background-dark-mode-color:var(--file-upload-upload-item-normal-state-background-dark-mode-color);--file-upload-upload-item-success-state-leading-accessory-background-light-mode-color:var(--file-upload-upload-item-normal-state-background-light-mode-color);--file-upload-upload-item-success-state-leading-accessory-height:var(--core-metrics-spacing-300);--file-upload-upload-item-success-state-leading-accessory-icon-color:var(--file-upload-upload-item-success-state-leading-accessory-icon-light-mode-color);--file-upload-upload-item-success-state-leading-accessory-icon-dark-mode-color:var(--core-fill-10-dark-mode-color);--file-upload-upload-item-success-state-leading-accessory-icon-light-mode-color:var(--core-fill-10-light-mode-color);--file-upload-upload-item-success-state-leading-accessory-width:var(--file-upload-upload-item-success-state-leading-accessory-height);--file-upload-upload-item-success-state-subtext-case:var(--file-upload-upload-item-normal-state-subtext-case);--file-upload-upload-item-success-state-subtext-color:var(--file-upload-upload-item-success-state-subtext-light-mode-color);--file-upload-upload-item-success-state-subtext-dark-mode-color:var(--file-upload-upload-item-normal-state-subtext-dark-mode-color);--file-upload-upload-item-success-state-subtext-font-family:var(--file-upload-upload-item-normal-state-subtext-font-family);--file-upload-upload-item-success-state-subtext-leading:var(--file-upload-upload-item-normal-state-subtext-leading);--file-upload-upload-item-success-state-subtext-light-mode-color:var(--file-upload-upload-item-normal-state-subtext-light-mode-color);--file-upload-upload-item-success-state-subtext-number-spacing:var(--file-upload-upload-item-normal-state-subtext-number-spacing);--file-upload-upload-item-success-state-subtext-scale:var(--file-upload-upload-item-normal-state-subtext-scale);--file-upload-upload-item-success-state-subtext-size:var(--file-upload-upload-item-normal-state-subtext-size);--file-upload-upload-item-success-state-subtext-tracking:var(--file-upload-upload-item-normal-state-subtext-tracking);--file-upload-upload-item-success-state-subtext-weight:var(--file-upload-upload-item-normal-state-subtext-weight);--file-upload-upload-item-success-state-text-case:var(--file-upload-upload-item-normal-state-text-case);--file-upload-upload-item-success-state-text-color:var(--file-upload-upload-item-success-state-text-light-mode-color);--file-upload-upload-item-success-state-text-dark-mode-color:var(--file-upload-upload-item-normal-state-text-dark-mode-color);--file-upload-upload-item-success-state-text-font-family:var(--file-upload-upload-item-normal-state-text-font-family);--file-upload-upload-item-success-state-text-leading:var(--file-upload-upload-item-normal-state-text-leading);--file-upload-upload-item-success-state-text-light-mode-color:var(--file-upload-upload-item-normal-state-text-light-mode-color);--file-upload-upload-item-success-state-text-number-spacing:var(--file-upload-upload-item-normal-state-text-number-spacing);--file-upload-upload-item-success-state-text-scale:var(--file-upload-upload-item-normal-state-text-scale);--file-upload-upload-item-success-state-text-size:var(--file-upload-upload-item-normal-state-text-size);--file-upload-upload-item-success-state-text-tracking:var(--file-upload-upload-item-normal-state-text-tracking);--file-upload-upload-item-success-state-text-weight:var(--file-upload-upload-item-normal-state-text-weight);--file-upload-upload-item-success-state-trailing-accessory-icon-color:var(--file-upload-upload-item-success-state-trailing-accessory-icon-light-mode-color);--file-upload-upload-item-success-state-trailing-accessory-icon-dark-mode-color:var(--core-success-fill-dark-mode-color);--file-upload-upload-item-success-state-trailing-accessory-icon-light-mode-color:var(--core-success-fill-light-mode-color);--file-upload-upload-item-vertical-padding:var(--core-metrics-spacing-200);--filter-button-border-radius:6px;--filter-button-border-size:1px;--filter-button-disabled-state-background-color:var(--filter-button-disabled-state-background-light-mode-color);--filter-button-disabled-state-background-dark-mode-color:transparent;--filter-button-disabled-state-background-light-mode-color:transparent;--filter-button-disabled-state-border-color:var(--filter-button-disabled-state-border-light-mode-color);--filter-button-disabled-state-border-dark-mode-color:var(--core-fill-30-dark-mode-color);--filter-button-disabled-state-border-light-mode-color:var(--core-fill-30-light-mode-color);--filter-button-disabled-state-border-size:var(--core-border-10);--filter-button-disabled-state-feedback-color:var(--filter-button-disabled-state-feedback-light-mode-color);--filter-button-disabled-state-feedback-dark-mode-color:var(--core-text-30-dark-mode-color);--filter-button-disabled-state-feedback-light-mode-color:var(--core-text-30-light-mode-color);--filter-button-disabled-state-label-color:var(--filter-button-disabled-state-label-light-mode-color);--filter-button-disabled-state-label-dark-mode-color:var(--core-text-30-dark-mode-color);--filter-button-disabled-state-label-light-mode-color:var(--core-text-30-light-mode-color);--filter-button-feedback-maximum:99;--filter-button-hover-state-background-color:var(--filter-button-hover-state-background-light-mode-color);--filter-button-hover-state-background-dark-mode-color:var(--core-fill-40-dark-mode-color);--filter-button-hover-state-background-light-mode-color:var(--core-fill-40-light-mode-color);--filter-button-hover-state-border-color:var(--filter-button-hover-state-border-light-mode-color);--filter-button-hover-state-border-dark-mode-color:var(--core-fill-30-dark-mode-color);--filter-button-hover-state-border-light-mode-color:var(--core-fill-30-light-mode-color);--filter-button-hover-state-border-size:var(--core-border-10);--filter-button-hover-state-feedback-color:var(--filter-button-hover-state-feedback-light-mode-color);--filter-button-hover-state-feedback-dark-mode-color:var(--core-text-10-dark-mode-color);--filter-button-hover-state-feedback-light-mode-color:var(--core-text-10-light-mode-color);--filter-button-hover-state-label-color:var(--filter-button-hover-state-label-light-mode-color);--filter-button-hover-state-label-dark-mode-color:var(--core-text-20-dark-mode-color);--filter-button-hover-state-label-light-mode-color:var(--core-text-20-light-mode-color);--filter-button-icon-content-spacing:var(--core-metrics-spacing-50);--filter-button-icon-feedback-trailing-padding:2px;--filter-button-label-content-spacing:var(--core-metrics-spacing-100);--filter-button-medium-size-feedback-text-case:var(--core-type-semibold-30-case);--filter-button-medium-size-feedback-text-font-family:var(--core-type-semibold-30-font-family);--filter-button-medium-size-feedback-text-leading:var(--core-type-semibold-30-leading);--filter-button-medium-size-feedback-text-number-spacing:var(--core-type-semibold-30-number-spacing);--filter-button-medium-size-feedback-text-scale:var(--core-type-semibold-30-scale);--filter-button-medium-size-feedback-text-size:var(--core-type-semibold-30-size);--filter-button-medium-size-feedback-text-tracking:var(--core-type-semibold-30-tracking);--filter-button-medium-size-feedback-text-weight:var(--core-type-semibold-30-weight);--filter-button-medium-size-icon-horizontal-padding:12px;--filter-button-medium-size-icon-text-case:var(--core-type-semibold-30-case);--filter-button-medium-size-icon-text-font-family:var(--core-type-semibold-30-font-family);--filter-button-medium-size-icon-text-leading:var(--core-type-semibold-30-leading);--filter-button-medium-size-icon-text-number-spacing:var(--core-type-semibold-30-number-spacing);--filter-button-medium-size-icon-text-scale:var(--core-type-semibold-30-scale);--filter-button-medium-size-icon-text-size:var(--core-type-semibold-30-size);--filter-button-medium-size-icon-text-tracking:var(--core-type-semibold-30-tracking);--filter-button-medium-size-icon-text-weight:var(--core-type-semibold-30-weight);--filter-button-medium-size-icon-vertical-padding:12px;--filter-button-medium-size-label-horizontal-padding:16px;--filter-button-medium-size-label-text-case:var(--core-type-paragraph-30-case);--filter-button-medium-size-label-text-font-family:var(--core-type-paragraph-30-font-family);--filter-button-medium-size-label-text-leading:var(--core-type-paragraph-30-leading);--filter-button-medium-size-label-text-number-spacing:var(--core-type-paragraph-30-number-spacing);--filter-button-medium-size-label-text-scale:var(--core-type-paragraph-30-scale);--filter-button-medium-size-label-text-size:var(--core-type-paragraph-30-size);--filter-button-medium-size-label-text-tracking:var(--core-type-paragraph-30-tracking);--filter-button-medium-size-label-text-weight:var(--core-type-paragraph-30-weight);--filter-button-medium-size-label-vertical-padding:12px;--filter-button-medium-size-minimum-height:48px;--filter-button-medium-size-minimum-width-multiplier:1;--filter-button-normal-state-background-color:var(--filter-button-normal-state-background-light-mode-color);--filter-button-normal-state-background-dark-mode-color:transparent;--filter-button-normal-state-background-light-mode-color:transparent;--filter-button-normal-state-border-color:var(--filter-button-normal-state-border-light-mode-color);--filter-button-normal-state-border-dark-mode-color:var(--core-fill-30-dark-mode-color);--filter-button-normal-state-border-high-contrast-color:var(--filter-button-normal-state-border-high-contrast-light-mode-color);--filter-button-normal-state-border-high-contrast-dark-mode-color:var(--core-fill-20-dark-mode-color);--filter-button-normal-state-border-high-contrast-light-mode-color:var(--core-fill-20-light-mode-color);--filter-button-normal-state-border-light-mode-color:var(--core-fill-30-light-mode-color);--filter-button-normal-state-border-normal-contrast-color:var(--filter-button-normal-state-border-normal-contrast-light-mode-color);--filter-button-normal-state-border-normal-contrast-dark-mode-color:var(--core-fill-30-dark-mode-color);--filter-button-normal-state-border-normal-contrast-light-mode-color:var(--core-fill-30-light-mode-color);--filter-button-normal-state-border-size:var(--core-border-10);--filter-button-normal-state-feedback-color:var(--filter-button-normal-state-feedback-light-mode-color);--filter-button-normal-state-feedback-dark-mode-color:var(--core-text-10-dark-mode-color);--filter-button-normal-state-feedback-light-mode-color:var(--core-text-10-light-mode-color);--filter-button-normal-state-label-color:var(--filter-button-normal-state-label-light-mode-color);--filter-button-normal-state-label-dark-mode-color:var(--core-text-20-dark-mode-color);--filter-button-normal-state-label-light-mode-color:var(--core-text-20-light-mode-color);--filter-button-pressed-state-background-color:var(--filter-button-pressed-state-background-light-mode-color);--filter-button-pressed-state-background-dark-mode-color:transparent;--filter-button-pressed-state-background-light-mode-color:transparent;--filter-button-pressed-state-border-color:var(--filter-button-pressed-state-border-light-mode-color);--filter-button-pressed-state-border-dark-mode-color:var(--core-fill-10-dark-mode-color);--filter-button-pressed-state-border-light-mode-color:var(--core-fill-10-light-mode-color);--filter-button-pressed-state-border-size:var(--core-border-10);--filter-button-pressed-state-feedback-color:var(--filter-button-pressed-state-feedback-light-mode-color);--filter-button-pressed-state-feedback-dark-mode-color:var(--core-text-10-dark-mode-color);--filter-button-pressed-state-feedback-light-mode-color:var(--core-text-10-light-mode-color);--filter-button-pressed-state-label-color:var(--filter-button-pressed-state-label-light-mode-color);--filter-button-pressed-state-label-dark-mode-color:var(--core-text-20-dark-mode-color);--filter-button-pressed-state-label-light-mode-color:var(--core-text-20-light-mode-color);--filter-button-small-size-feedback-text-case:var(--core-type-semibold-20-case);--filter-button-small-size-feedback-text-font-family:var(--core-type-semibold-20-font-family);--filter-button-small-size-feedback-text-leading:var(--core-type-semibold-20-leading);--filter-button-small-size-feedback-text-number-spacing:var(--core-type-semibold-20-number-spacing);--filter-button-small-size-feedback-text-scale:var(--core-type-semibold-20-scale);--filter-button-small-size-feedback-text-size:var(--core-type-semibold-20-size);--filter-button-small-size-feedback-text-tracking:var(--core-type-semibold-20-tracking);--filter-button-small-size-feedback-text-weight:var(--core-type-semibold-20-weight);--filter-button-small-size-icon-horizontal-padding:8px;--filter-button-small-size-icon-text-case:var(--core-type-semibold-30-case);--filter-button-small-size-icon-text-font-family:var(--core-type-semibold-30-font-family);--filter-button-small-size-icon-text-leading:var(--core-type-semibold-30-leading);--filter-button-small-size-icon-text-number-spacing:var(--core-type-semibold-30-number-spacing);--filter-button-small-size-icon-text-scale:var(--core-type-semibold-30-scale);--filter-button-small-size-icon-text-size:var(--core-type-semibold-30-size);--filter-button-small-size-icon-text-tracking:var(--core-type-semibold-30-tracking);--filter-button-small-size-icon-text-weight:var(--core-type-semibold-30-weight);--filter-button-small-size-icon-vertical-padding:8px;--filter-button-small-size-label-horizontal-padding:12px;--filter-button-small-size-label-text-case:var(--core-type-paragraph-20-case);--filter-button-small-size-label-text-font-family:var(--core-type-paragraph-20-font-family);--filter-button-small-size-label-text-leading:var(--core-type-paragraph-20-leading);--filter-button-small-size-label-text-number-spacing:var(--core-type-paragraph-20-number-spacing);--filter-button-small-size-label-text-scale:var(--core-type-paragraph-20-scale);--filter-button-small-size-label-text-size:var(--core-type-paragraph-20-size);--filter-button-small-size-label-text-tracking:var(--core-type-paragraph-20-tracking);--filter-button-small-size-label-text-weight:var(--core-type-paragraph-20-weight);--filter-button-small-size-label-vertical-padding:9px;--filter-button-small-size-minimum-height:40px;--filter-button-small-size-minimum-width-multiplier:1;--footer-vertical-padding-size:16px;--hardware-slider-icon-size:24px;--hardware-slider-icon-tint-color:var(--hardware-slider-icon-tint-light-mode-color);--hardware-slider-icon-tint-dark-mode-color:var(--core-fill-white-dark-mode-color);--hardware-slider-icon-tint-light-mode-color:var(--core-fill-white-light-mode-color);--hardware-slider-minimum-height:48px;--hardware-slider-minimum-width:48px;--hardware-slider-track-active-corner-radius:40px;--hardware-slider-track-active-disabled-state-background-color:var(--hardware-slider-track-active-disabled-state-background-light-mode-color);--hardware-slider-track-active-disabled-state-background-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--hardware-slider-track-active-disabled-state-background-light-mode-color:var(--core-emphasis-30-light-mode-color);--hardware-slider-track-active-height:40px;--hardware-slider-track-active-normal-state-background-color:var(--hardware-slider-track-active-normal-state-background-light-mode-color);--hardware-slider-track-active-normal-state-background-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--hardware-slider-track-active-normal-state-background-light-mode-color:var(--core-emphasis-fill-light-mode-color);--hardware-slider-track-active-padding-horizontal-size:8px;--hardware-slider-track-inactive-corner-radius:16px;--hardware-slider-track-inactive-disabled-state-background-color:var(--hardware-slider-track-inactive-disabled-state-background-light-mode-color);--hardware-slider-track-inactive-disabled-state-background-dark-mode-color:var(--core-fill-40-dark-mode-color);--hardware-slider-track-inactive-disabled-state-background-light-mode-color:var(--core-fill-40-light-mode-color);--hardware-slider-track-inactive-height:16px;--hardware-slider-track-inactive-normal-state-background-color:var(--hardware-slider-track-inactive-normal-state-background-light-mode-color);--hardware-slider-track-inactive-normal-state-background-dark-mode-color:var(--core-fill-30-dark-mode-color);--hardware-slider-track-inactive-normal-state-background-light-mode-color:var(--core-fill-30-light-mode-color);--header-bottom-padding-compact-size-class-size:var(--core-metrics-spacing-200);--header-bottom-padding-normal-size-class-size:var(--header-top-padding-compact-size-class-size);--header-bottom-padding-size:var(--core-metrics-spacing-200);--header-bottom-padding-wide-size-class-size:var(--header-top-padding-compact-size-class-size);--header-compact-content-style-heading-container-minimum-height:var(--core-medium-size-minimum-height);--header-compact-content-style-secondary-title-case:var(--core-type-paragraph-20-case);--header-compact-content-style-secondary-title-color:var(--header-compact-content-style-secondary-title-light-mode-color);--header-compact-content-style-secondary-title-dark-mode-color:var(--core-text-20-dark-mode-color);--header-compact-content-style-secondary-title-font-family:var(--core-type-paragraph-20-font-family);--header-compact-content-style-secondary-title-leading:var(--core-type-paragraph-20-leading);--header-compact-content-style-secondary-title-light-mode-color:var(--core-text-20-light-mode-color);--header-compact-content-style-secondary-title-number-spacing:var(--core-type-paragraph-20-number-spacing);--header-compact-content-style-secondary-title-scale:var(--core-type-paragraph-20-scale);--header-compact-content-style-secondary-title-size:var(--core-type-paragraph-20-size);--header-compact-content-style-secondary-title-tracking:var(--core-type-paragraph-20-tracking);--header-compact-content-style-secondary-title-vertical-title-gap:0px;--header-compact-content-style-secondary-title-weight:var(--core-type-paragraph-20-weight);--header-compact-content-style-title-case:var(--core-type-heading-20-case);--header-compact-content-style-title-color:var(--header-compact-content-style-title-light-mode-color);--header-compact-content-style-title-dark-mode-color:var(--core-text-10-dark-mode-color);--header-compact-content-style-title-font-family:var(--core-type-heading-20-font-family);--header-compact-content-style-title-horizontal-accessory-gap:var(--core-metrics-spacing-100);--header-compact-content-style-title-leading:var(--core-type-heading-20-leading);--header-compact-content-style-title-light-mode-color:var(--core-text-10-light-mode-color);--header-compact-content-style-title-number-spacing:var(--core-type-heading-20-number-spacing);--header-compact-content-style-title-scale:var(--core-type-heading-20-scale);--header-compact-content-style-title-size:var(--core-type-heading-20-size);--header-compact-content-style-title-tracking:var(--core-type-heading-20-tracking);--header-compact-content-style-title-weight:var(--core-type-heading-20-weight);--header-compact-horizontal-size-class-heading-container-horizontal-gap:var(--core-metrics-spacing-150);--header-compact-horizontal-size-class-large-trailing-accessory-horizontal-start-gap:var(--core-metrics-spacing-150);--header-compact-horizontal-size-class-modal-sheet-context-vertical-end-gap:var(--core-metrics-spacing-200);--header-compact-horizontal-size-class-trailing-buttons-horizontal-gap:var(--core-metrics-spacing-150);--header-compact-vertical-size-class-compact-header-style-divider-vertical-end-gap:var(--core-metrics-spacing-100);--header-compact-vertical-size-class-divider-vertical-start-gap:var(--core-metrics-spacing-150);--header-compact-vertical-size-class-large-header-style-divider-vertical-end-gap:var(--header-compact-vertical-size-class-compact-header-style-divider-vertical-end-gap);--header-compact-vertical-size-class-large-header-style-paragraph-vertical-start-gap:var(--core-metrics-spacing-100);--header-divider-color:var(--header-divider-light-mode-color);--header-divider-dark-mode-color:var(--core-divider-20-dark-mode-color);--header-divider-light-mode-color:var(--core-divider-20-light-mode-color);--header-divider-size:var(--core-border-10);--header-horizontal-padding-compact-size-class-size:var(--core-metrics-spacing-200);--header-horizontal-padding-normal-size-class-size:var(--core-metrics-spacing-300);--header-horizontal-padding-size:var(--core-metrics-spacing-200);--header-horizontal-padding-wide-size-class-size:var(--header-top-padding-normal-size-class-size);--header-large-content-style-secondary-title-case:var(--core-type-paragraph-20-case);--header-large-content-style-secondary-title-color:var(--header-large-content-style-secondary-title-light-mode-color);--header-large-content-style-secondary-title-dark-mode-color:var(--core-text-20-dark-mode-color);--header-large-content-style-secondary-title-font-family:var(--core-type-paragraph-20-font-family);--header-large-content-style-secondary-title-leading:var(--core-type-paragraph-20-leading);--header-large-content-style-secondary-title-light-mode-color:var(--core-text-20-light-mode-color);--header-large-content-style-secondary-title-number-spacing:var(--core-type-paragraph-20-number-spacing);--header-large-content-style-secondary-title-scale:var(--core-type-paragraph-20-scale);--header-large-content-style-secondary-title-size:var(--core-type-paragraph-20-size);--header-large-content-style-secondary-title-tracking:var(--core-type-paragraph-20-tracking);--header-large-content-style-secondary-title-vertical-title-gap:var(--core-metrics-spacing-100);--header-large-content-style-secondary-title-weight:var(--core-type-paragraph-20-weight);--header-large-content-style-title-case:var(--core-type-heading-30-case);--header-large-content-style-title-color:var(--header-large-content-style-title-light-mode-color);--header-large-content-style-title-dark-mode-color:var(--core-text-10-dark-mode-color);--header-large-content-style-title-font-family:var(--core-type-heading-30-font-family);--header-large-content-style-title-horizontal-accessory-gap:var(--core-metrics-spacing-100);--header-large-content-style-title-leading:var(--core-type-heading-30-leading);--header-large-content-style-title-light-mode-color:var(--core-text-10-light-mode-color);--header-large-content-style-title-number-spacing:var(--core-type-heading-30-number-spacing);--header-large-content-style-title-scale:var(--core-type-heading-30-scale);--header-large-content-style-title-size:var(--core-type-heading-30-size);--header-large-content-style-title-tracking:var(--core-type-heading-30-tracking);--header-large-content-style-title-weight:var(--core-type-heading-30-weight);--header-main-text-dark-mode-text-color:var(--core-text-10-dark-mode-color);--header-main-text-horizontal-spacing:var(--core-metrics-spacing-200);--header-main-text-light-mode-text-color:var(--core-text-10-light-mode-color);--header-main-text-minimum-width:64px;--header-main-text-normal-phase-spacing-top-size:var(--core-metrics-spacing-100);--header-main-text-text-color:var(--header-main-text-light-mode-text-color);--header-main-text-transition-duration:0.16s;--header-modal-blade-context-vertical-end-gap:var(--core-metrics-spacing-300);--header-modal-full-context-vertical-end-gap:var(--core-metrics-spacing-300);--header-modal-partial-context-vertical-end-gap:var(--core-metrics-spacing-300);--header-nav-icon-button-spacing-bottom-size:var(--core-metrics-spacing-300);--header-nav-icon-button-spacing-buttom-size:var(--core-metrics-spacing-300);--header-paragraph-case:var(--core-type-paragraph-30-case);--header-paragraph-color:var(--header-paragraph-light-mode-color);--header-paragraph-dark-mode-color:var(--core-text-10-dark-mode-color);--header-paragraph-font-family:var(--core-type-paragraph-30-font-family);--header-paragraph-leading:var(--core-type-paragraph-30-leading);--header-paragraph-light-mode-color:var(--core-text-10-light-mode-color);--header-paragraph-number-spacing:var(--core-type-paragraph-30-number-spacing);--header-paragraph-scale:var(--core-type-paragraph-30-scale);--header-paragraph-size:var(--core-type-paragraph-30-size);--header-paragraph-tracking:var(--core-type-paragraph-30-tracking);--header-paragraph-weight:var(--core-type-paragraph-30-weight);--header-regular-horizontal-size-class-heading-container-horizontal-gap:var(--core-metrics-spacing-200);--header-regular-horizontal-size-class-large-trailing-accessory-horizontal-start-gap:var(--core-metrics-spacing-200);--header-regular-horizontal-size-class-modal-sheet-context-vertical-end-gap:var(--core-metrics-spacing-300);--header-regular-horizontal-size-class-trailing-buttons-horizontal-gap:var(--core-metrics-spacing-200);--header-regular-vertical-size-class-compact-header-style-divider-vertical-end-gap:var(--core-metrics-spacing-200);--header-regular-vertical-size-class-divider-vertical-start-gap:var(--core-metrics-spacing-200);--header-regular-vertical-size-class-large-header-style-divider-vertical-end-gap:var(--core-metrics-spacing-100);--header-regular-vertical-size-class-large-header-style-paragraph-vertical-start-gap:var(--core-metrics-spacing-200);--header-sub-text-dark-mode-text-color:var(--core-text-20-dark-mode-color);--header-sub-text-light-mode-text-color:var(--core-text-20-light-mode-color);--header-sub-text-spacing-bottom-size:var(--core-metrics-spacing-100);--header-sub-text-text-color:var(--header-sub-text-light-mode-text-color);--header-top-padding-compact-size-class-size:var(--core-metrics-spacing-200);--header-top-padding-normal-size-class-size:var(--core-metrics-spacing-300);--header-top-padding-size:var(--core-metrics-spacing-300);--header-top-padding-wide-size-class-size:var(--header-top-padding-normal-size-class-size);--header-wide-horizontal-size-class-heading-container-horizontal-gap:var(--header-regular-horizontal-size-class-heading-container-horizontal-gap);--header-wide-horizontal-size-class-large-trailing-accessory-horizontal-start-gap:var(--header-regular-horizontal-size-class-large-trailing-accessory-horizontal-start-gap);--header-wide-horizontal-size-class-modal-sheet-context-vertical-end-gap:var(--header-regular-horizontal-size-class-modal-sheet-context-vertical-end-gap);--header-wide-horizontal-size-class-trailing-buttons-horizontal-gap:var(--header-regular-horizontal-size-class-trailing-buttons-horizontal-gap);--icon-button-border-radius:var(--button-border-radius);--icon-button-compact-size-minimum-height:40px;--icon-button-compact-size-minimum-padding-size:12px;--icon-button-compact-size-minimum-width:40px;--icon-button-compact-size-padding-size:12px;--icon-button-destructive-variant-primary-rank-disabled-state-background-color:var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color:var(--core-text-30-dark-mode-color);--icon-button-destructive-variant-primary-rank-disabled-state-icon-color:var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color:var(--core-text-30-light-mode-color);--icon-button-destructive-variant-primary-rank-hover-state-background-color:var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color:var(--core-critical-20-dark-mode-color);--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color:var(--core-text-white-dark-mode-color);--icon-button-destructive-variant-primary-rank-hover-state-icon-color:var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);--icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color:var(--core-critical-20-light-mode-color);--icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color:var(--core-text-white-light-mode-color);--icon-button-destructive-variant-primary-rank-normal-state-background-color:var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color:var(--core-critical-fill-dark-mode-color);--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color:var(--core-text-white-dark-mode-color);--icon-button-destructive-variant-primary-rank-normal-state-icon-color:var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);--icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color:var(--core-critical-fill-light-mode-color);--icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color:var(--core-text-white-light-mode-color);--icon-button-destructive-variant-primary-rank-pressed-state-background-color:var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color:var(--core-critical-10-dark-mode-color);--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color:var(--core-text-white-dark-mode-color);--icon-button-destructive-variant-primary-rank-pressed-state-icon-color:var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color:var(--core-critical-10-light-mode-color);--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color:var(--core-text-white-light-mode-color);--icon-button-destructive-variant-secondary-rank-disabled-state-background-color:var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color:var(--core-text-30-dark-mode-color);--icon-button-destructive-variant-secondary-rank-disabled-state-icon-color:var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color:var(--core-text-30-light-mode-color);--icon-button-destructive-variant-secondary-rank-hover-state-background-color:var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color:var(--core-critical-40-dark-mode-color);--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color:var(--core-critical-text-dark-mode-color);--icon-button-destructive-variant-secondary-rank-hover-state-icon-color:var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color:var(--core-critical-40-light-mode-color);--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color:var(--core-critical-text-light-mode-color);--icon-button-destructive-variant-secondary-rank-normal-state-background-color:var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color:var(--core-critical-text-dark-mode-color);--icon-button-destructive-variant-secondary-rank-normal-state-icon-color:var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color:var(--core-critical-text-light-mode-color);--icon-button-destructive-variant-secondary-rank-pressed-state-background-color:var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--core-critical-30-dark-mode-color);--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color:var(--core-critical-text-dark-mode-color);--icon-button-destructive-variant-secondary-rank-pressed-state-icon-color:var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color:var(--core-critical-30-light-mode-color);--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color:var(--core-critical-text-light-mode-color);--icon-button-destructive-variant-tertiary-rank-disabled-state-background-color:var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color:transparent;--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color:var(--core-text-30-dark-mode-color);--icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color:var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color:transparent;--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color:var(--core-text-30-light-mode-color);--icon-button-destructive-variant-tertiary-rank-hover-state-background-color:var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color:var(--core-critical-40-dark-mode-color);--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color:var(--core-critical-text-dark-mode-color);--icon-button-destructive-variant-tertiary-rank-hover-state-icon-color:var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color:var(--core-critical-40-light-mode-color);--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color:var(--core-critical-text-light-mode-color);--icon-button-destructive-variant-tertiary-rank-normal-state-background-color:var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color:transparent;--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color:var(--core-critical-text-dark-mode-color);--icon-button-destructive-variant-tertiary-rank-normal-state-icon-color:var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color:transparent;--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color:var(--core-critical-text-light-mode-color);--icon-button-destructive-variant-tertiary-rank-pressed-state-background-color:var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color:var(--core-critical-30-dark-mode-color);--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color:var(--core-critical-text-dark-mode-color);--icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color:var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color:var(--core-critical-30-light-mode-color);--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color:var(--core-critical-text-light-mode-color);--icon-button-disabled-state-background-color:var(--icon-button-disabled-state-light-mode-background-color);--icon-button-disabled-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--icon-button-disabled-state-dark-mode-icon-color:var(--core-text-30-dark-mode-color);--icon-button-disabled-state-icon-color:var(--icon-button-disabled-state-light-mode-icon-color);--icon-button-disabled-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--icon-button-disabled-state-light-mode-icon-color:var(--core-text-30-light-mode-color);--icon-button-focus-ring-border-size:var(--core-focus-ring-border-size);--icon-button-focus-ring-buffer-size:var(--core-focus-ring-buffer-size);--icon-button-focus-state-background-color:var(--icon-button-focus-state-light-mode-background-color);--icon-button-focus-state-dark-mode-background-color:var(--icon-button-hover-state-dark-mode-background-color);--icon-button-focus-state-dark-mode-icon-color:var(--icon-button-hover-state-dark-mode-icon-color);--icon-button-focus-state-icon-color:var(--icon-button-focus-state-light-mode-icon-color);--icon-button-focus-state-light-mode-background-color:var(--icon-button-hover-state-light-mode-background-color);--icon-button-focus-state-light-mode-icon-color:var(--icon-button-hover-state-light-mode-icon-color);--icon-button-hover-state-background-color:var(--icon-button-hover-state-light-mode-background-color);--icon-button-hover-state-dark-mode-background-color:var(--core-emphasis-40-dark-mode-color);--icon-button-hover-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--icon-button-hover-state-icon-color:var(--icon-button-hover-state-light-mode-icon-color);--icon-button-hover-state-light-mode-background-color:var(--core-emphasis-40-light-mode-color);--icon-button-hover-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--icon-button-large-size-icon-height:var(--core-icon-medium-size-height);--icon-button-large-size-icon-width:var(--core-icon-medium-size-width);--icon-button-large-size-minimum-height:var(--core-large-size-minimum-height);--icon-button-large-size-padding-size:20px;--icon-button-large-size-width-multiplier:1;--icon-button-medium-size-horizontal-spacing-size:var(--core-metrics-spacing-100);--icon-button-medium-size-icon-height:var(--core-icon-medium-size-height);--icon-button-medium-size-icon-width:var(--core-icon-medium-size-width);--icon-button-medium-size-minimum-height:var(--core-medium-size-minimum-height);--icon-button-medium-size-padding-size:12px;--icon-button-medium-size-width-multiplier:1;--icon-button-minimum-height:48px;--icon-button-minimum-width:48px;--icon-button-normal-size-minimum-height:48px;--icon-button-normal-size-minimum-width:48px;--icon-button-normal-size-padding-size:16px;--icon-button-normal-state-background-color:var(--icon-button-normal-state-light-mode-background-color);--icon-button-normal-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--icon-button-normal-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--icon-button-normal-state-icon-color:var(--icon-button-normal-state-light-mode-icon-color);--icon-button-normal-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--icon-button-normal-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--icon-button-normal-variant-primary-rank-disabled-state-background-color:var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color:var(--core-text-30-dark-mode-color);--icon-button-normal-variant-primary-rank-disabled-state-icon-color:var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);--icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color:var(--core-text-30-light-mode-color);--icon-button-normal-variant-primary-rank-focus-state-background-color:var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color);--icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color:var(--core-emphasis-fill-dark-mode-color);--icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color:var(--core-text-white-dark-mode-color);--icon-button-normal-variant-primary-rank-focus-state-icon-color:var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);--icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color:var(--core-emphasis-fill-light-mode-color);--icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color:var(--core-text-white-light-mode-color);--icon-button-normal-variant-primary-rank-hover-state-background-color:var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color);--icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color:var(--core-emphasis-20-dark-mode-color);--icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color:var(--core-text-white-dark-mode-color);--icon-button-normal-variant-primary-rank-hover-state-icon-color:var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);--icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color:var(--core-emphasis-20-light-mode-color);--icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color:var(--core-text-white-light-mode-color);--icon-button-normal-variant-primary-rank-normal-state-background-color:var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color);--icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color:var(--core-emphasis-fill-dark-mode-color);--icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color:var(--core-text-white-dark-mode-color);--icon-button-normal-variant-primary-rank-normal-state-icon-color:var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);--icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color:var(--core-emphasis-fill-light-mode-color);--icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color:var(--core-text-white-light-mode-color);--icon-button-normal-variant-primary-rank-pressed-state-background-color:var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color:var(--core-emphasis-10-dark-mode-color);--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color:var(--core-text-white-dark-mode-color);--icon-button-normal-variant-primary-rank-pressed-state-icon-color:var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);--icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color:var(--core-emphasis-10-light-mode-color);--icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color:var(--core-text-white-light-mode-color);--icon-button-normal-variant-secondary-rank-disabled-state-background-color:var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color:var(--core-text-30-dark-mode-color);--icon-button-normal-variant-secondary-rank-disabled-state-icon-color:var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color:var(--core-text-30-light-mode-color);--icon-button-normal-variant-secondary-rank-hover-state-background-color:var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color:var(--core-emphasis-40-dark-mode-color);--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--icon-button-normal-variant-secondary-rank-hover-state-icon-color:var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);--icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color:var(--core-emphasis-40-light-mode-color);--icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--icon-button-normal-variant-secondary-rank-normal-state-background-color:var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--icon-button-normal-variant-secondary-rank-normal-state-icon-color:var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);--icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--icon-button-normal-variant-secondary-rank-pressed-state-background-color:var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--core-emphasis-30-dark-mode-color);--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--icon-button-normal-variant-secondary-rank-pressed-state-icon-color:var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color:var(--core-emphasis-30-light-mode-color);--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--icon-button-padding-size:16px;--icon-button-pressed-state-background-color:var(--icon-button-pressed-state-light-mode-background-color);--icon-button-pressed-state-dark-mode-background-color:var(--core-emphasis-30-dark-mode-color);--icon-button-pressed-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--icon-button-pressed-state-icon-color:var(--icon-button-pressed-state-light-mode-icon-color);--icon-button-pressed-state-light-mode-background-color:var(--core-emphasis-30-light-mode-color);--icon-button-pressed-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--icon-button-primary-rank-disabled-state-background-color:var(--icon-button-primary-rank-disabled-state-light-mode-background-color);--icon-button-primary-rank-disabled-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--icon-button-primary-rank-disabled-state-dark-mode-icon-color:var(--core-text-30-dark-mode-color);--icon-button-primary-rank-disabled-state-icon-color:var(--icon-button-primary-rank-disabled-state-light-mode-icon-color);--icon-button-primary-rank-disabled-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--icon-button-primary-rank-disabled-state-light-mode-icon-color:var(--core-text-30-light-mode-color);--icon-button-primary-rank-focus-state-background-color:var(--icon-button-primary-rank-focus-state-light-mode-background-color);--icon-button-primary-rank-focus-state-dark-mode-background-color:var(--icon-button-primary-rank-hover-state-dark-mode-background-color);--icon-button-primary-rank-focus-state-dark-mode-icon-color:var(--icon-button-primary-rank-hover-state-dark-mode-icon-color);--icon-button-primary-rank-focus-state-icon-color:var(--icon-button-primary-rank-focus-state-light-mode-icon-color);--icon-button-primary-rank-focus-state-light-mode-background-color:var(--icon-button-primary-rank-hover-state-light-mode-background-color);--icon-button-primary-rank-focus-state-light-mode-icon-color:var(--icon-button-primary-rank-hover-state-light-mode-icon-color);--icon-button-primary-rank-hover-state-background-color:var(--icon-button-primary-rank-hover-state-light-mode-background-color);--icon-button-primary-rank-hover-state-dark-mode-background-color:var(--core-blue-20-dark-mode-color);--icon-button-primary-rank-hover-state-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--icon-button-primary-rank-hover-state-icon-color:var(--icon-button-primary-rank-hover-state-light-mode-icon-color);--icon-button-primary-rank-hover-state-light-mode-background-color:var(--core-blue-20-light-mode-color);--icon-button-primary-rank-hover-state-light-mode-icon-color:var(--core-fill-white-light-mode-color);--icon-button-primary-rank-normal-state-background-color:var(--icon-button-primary-rank-normal-state-light-mode-background-color);--icon-button-primary-rank-normal-state-dark-mode-background-color:var(--core-blue-fill-dark-mode-color);--icon-button-primary-rank-normal-state-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--icon-button-primary-rank-normal-state-icon-color:var(--icon-button-primary-rank-normal-state-light-mode-icon-color);--icon-button-primary-rank-normal-state-light-mode-background-color:var(--core-blue-fill-light-mode-color);--icon-button-primary-rank-normal-state-light-mode-icon-color:var(--core-fill-white-light-mode-color);--icon-button-primary-rank-pressed-state-background-color:var(--icon-button-primary-rank-pressed-state-light-mode-background-color);--icon-button-primary-rank-pressed-state-dark-mode-background-color:var(--core-blue-10-dark-mode-color);--icon-button-primary-rank-pressed-state-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--icon-button-primary-rank-pressed-state-icon-color:var(--icon-button-primary-rank-pressed-state-light-mode-icon-color);--icon-button-primary-rank-pressed-state-light-mode-background-color:var(--core-blue-10-light-mode-color);--icon-button-primary-rank-pressed-state-light-mode-icon-color:var(--core-fill-white-light-mode-color);--icon-button-secondary-rank-disabled-state-background-color:var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);--icon-button-secondary-rank-disabled-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--icon-button-secondary-rank-disabled-state-dark-mode-icon-color:var(--core-text-30-dark-mode-color);--icon-button-secondary-rank-disabled-state-icon-color:var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);--icon-button-secondary-rank-disabled-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--icon-button-secondary-rank-disabled-state-light-mode-icon-color:var(--core-text-30-light-mode-color);--icon-button-secondary-rank-focus-state-background-color:var(--icon-button-secondary-rank-focus-state-light-mode-background-color);--icon-button-secondary-rank-focus-state-dark-mode-background-color:var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);--icon-button-secondary-rank-focus-state-dark-mode-icon-color:var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);--icon-button-secondary-rank-focus-state-icon-color:var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);--icon-button-secondary-rank-focus-state-light-mode-background-color:var(--icon-button-secondary-rank-hover-state-light-mode-background-color);--icon-button-secondary-rank-focus-state-light-mode-icon-color:var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);--icon-button-secondary-rank-hover-state-background-color:var(--icon-button-secondary-rank-hover-state-light-mode-background-color);--icon-button-secondary-rank-hover-state-dark-mode-background-color:var(--core-emphasis-40-dark-mode-color);--icon-button-secondary-rank-hover-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--icon-button-secondary-rank-hover-state-icon-color:var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);--icon-button-secondary-rank-hover-state-light-mode-background-color:var(--core-emphasis-40-light-mode-color);--icon-button-secondary-rank-hover-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--icon-button-secondary-rank-normal-state-background-color:var(--icon-button-secondary-rank-normal-state-light-mode-background-color);--icon-button-secondary-rank-normal-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--icon-button-secondary-rank-normal-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--icon-button-secondary-rank-normal-state-icon-color:var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);--icon-button-secondary-rank-normal-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--icon-button-secondary-rank-normal-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--icon-button-secondary-rank-pressed-state-background-color:var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);--icon-button-secondary-rank-pressed-state-dark-mode-background-color:var(--core-emphasis-30-dark-mode-color);--icon-button-secondary-rank-pressed-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--icon-button-secondary-rank-pressed-state-icon-color:var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);--icon-button-secondary-rank-pressed-state-light-mode-background-color:var(--core-emphasis-30-light-mode-color);--icon-button-secondary-rank-pressed-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--icon-button-small-size-icon-height:var(--core-icon-medium-size-height);--icon-button-small-size-icon-width:var(--core-icon-medium-size-width);--icon-button-small-size-minimum-height:var(--core-small-size-minimum-height);--icon-button-small-size-padding-size:8px;--icon-button-small-size-width-multiplier:1;--icon-button-tertiary-rank-disabled-state-background-color:var(--icon-button-tertiary-rank-disabled-state-light-mode-background-color);--icon-button-tertiary-rank-disabled-state-dark-mode-background-color:transparent;--icon-button-tertiary-rank-disabled-state-dark-mode-icon-color:var(--core-text-30-dark-mode-color);--icon-button-tertiary-rank-disabled-state-icon-color:var(--icon-button-tertiary-rank-disabled-state-light-mode-icon-color);--icon-button-tertiary-rank-disabled-state-light-mode-background-color:transparent;--icon-button-tertiary-rank-disabled-state-light-mode-icon-color:var(--core-text-30-light-mode-color);--icon-button-tertiary-rank-focus-state-background-color:var(--icon-button-tertiary-rank-focus-state-light-mode-background-color);--icon-button-tertiary-rank-focus-state-dark-mode-background-color:var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color);--icon-button-tertiary-rank-focus-state-dark-mode-icon-color:var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color);--icon-button-tertiary-rank-focus-state-icon-color:var(--icon-button-tertiary-rank-focus-state-light-mode-icon-color);--icon-button-tertiary-rank-focus-state-light-mode-background-color:var(--icon-button-tertiary-rank-hover-state-light-mode-background-color);--icon-button-tertiary-rank-focus-state-light-mode-icon-color:var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color);--icon-button-tertiary-rank-hover-state-background-color:var(--icon-button-tertiary-rank-hover-state-light-mode-background-color);--icon-button-tertiary-rank-hover-state-dark-mode-background-color:var(--core-emphasis-40-dark-mode-color);--icon-button-tertiary-rank-hover-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--icon-button-tertiary-rank-hover-state-icon-color:var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color);--icon-button-tertiary-rank-hover-state-light-mode-background-color:var(--core-emphasis-40-light-mode-color);--icon-button-tertiary-rank-hover-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--icon-button-tertiary-rank-normal-state-background-color:var(--icon-button-tertiary-rank-normal-state-light-mode-background-color);--icon-button-tertiary-rank-normal-state-dark-mode-background-color:transparent;--icon-button-tertiary-rank-normal-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--icon-button-tertiary-rank-normal-state-icon-color:var(--icon-button-tertiary-rank-normal-state-light-mode-icon-color);--icon-button-tertiary-rank-normal-state-light-mode-background-color:transparent;--icon-button-tertiary-rank-normal-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--icon-button-tertiary-rank-pressed-state-background-color:var(--icon-button-tertiary-rank-pressed-state-light-mode-background-color);--icon-button-tertiary-rank-pressed-state-dark-mode-background-color:var(--core-emphasis-30-dark-mode-color);--icon-button-tertiary-rank-pressed-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--icon-button-tertiary-rank-pressed-state-icon-color:var(--icon-button-tertiary-rank-pressed-state-light-mode-icon-color);--icon-button-tertiary-rank-pressed-state-light-mode-background-color:var(--core-emphasis-30-light-mode-color);--icon-button-tertiary-rank-pressed-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--inline-section-header-10-heading-case:var(--core-type-heading-10-case);--inline-section-header-10-heading-font-family:var(--core-type-heading-10-font-family);--inline-section-header-10-heading-leading:var(--core-type-heading-10-leading);--inline-section-header-10-heading-minimum-height:var(--core-small-size-minimum-height);--inline-section-header-10-heading-number-spacing:var(--core-type-heading-10-number-spacing);--inline-section-header-10-heading-scale:var(--core-type-heading-10-scale);--inline-section-header-10-heading-size:var(--core-type-heading-10-size);--inline-section-header-10-heading-tracking:var(--core-type-heading-10-tracking);--inline-section-header-10-heading-vertical-padding:9px;--inline-section-header-10-heading-weight:var(--core-type-heading-10-weight);--inline-section-header-10-paragraph-case:var(--core-type-paragraph-30-case);--inline-section-header-10-paragraph-font-family:var(--core-type-paragraph-30-font-family);--inline-section-header-10-paragraph-leading:var(--core-type-paragraph-30-leading);--inline-section-header-10-paragraph-number-spacing:var(--core-type-paragraph-30-number-spacing);--inline-section-header-10-paragraph-scale:var(--core-type-paragraph-30-scale);--inline-section-header-10-paragraph-size:var(--core-type-paragraph-30-size);--inline-section-header-10-paragraph-top-padding:0px;--inline-section-header-10-paragraph-tracking:var(--core-type-paragraph-30-tracking);--inline-section-header-10-paragraph-weight:var(--core-type-paragraph-30-weight);--inline-section-header-10-text-link-text-case:var(--text-link-small-size-text-case);--inline-section-header-10-text-link-text-font-family:var(--text-link-small-size-text-font-family);--inline-section-header-10-text-link-text-leading:var(--text-link-small-size-text-leading);--inline-section-header-10-text-link-text-number-spacing:var(--text-link-small-size-text-number-spacing);--inline-section-header-10-text-link-text-scale:var(--text-link-small-size-text-scale);--inline-section-header-10-text-link-text-size:var(--text-link-small-size-text-size);--inline-section-header-10-text-link-text-tracking:var(--text-link-small-size-text-tracking);--inline-section-header-10-text-link-text-weight:var(--text-link-small-size-text-weight);--inline-section-header-10-text-link-vertical-padding:0px;--inline-section-header-10-vertical-gap:0px;--inline-section-header-20-heading-case:var(--core-type-heading-20-case);--inline-section-header-20-heading-font-family:var(--core-type-heading-20-font-family);--inline-section-header-20-heading-leading:var(--core-type-heading-20-leading);--inline-section-header-20-heading-minimum-height:var(--core-small-size-minimum-height);--inline-section-header-20-heading-number-spacing:var(--core-type-heading-20-number-spacing);--inline-section-header-20-heading-scale:var(--core-type-heading-20-scale);--inline-section-header-20-heading-size:var(--core-type-heading-20-size);--inline-section-header-20-heading-tracking:var(--core-type-heading-20-tracking);--inline-section-header-20-heading-vertical-padding:7px;--inline-section-header-20-heading-weight:var(--core-type-heading-20-weight);--inline-section-header-20-paragraph-case:var(--core-type-paragraph-30-case);--inline-section-header-20-paragraph-font-family:var(--core-type-paragraph-30-font-family);--inline-section-header-20-paragraph-leading:var(--core-type-paragraph-30-leading);--inline-section-header-20-paragraph-number-spacing:var(--core-type-paragraph-30-number-spacing);--inline-section-header-20-paragraph-scale:var(--core-type-paragraph-30-scale);--inline-section-header-20-paragraph-size:var(--core-type-paragraph-30-size);--inline-section-header-20-paragraph-top-padding:5px;--inline-section-header-20-paragraph-tracking:var(--core-type-paragraph-30-tracking);--inline-section-header-20-paragraph-weight:var(--core-type-paragraph-30-weight);--inline-section-header-20-text-link-text-case:var(--text-link-medium-size-text-case);--inline-section-header-20-text-link-text-font-family:var(--text-link-medium-size-text-font-family);--inline-section-header-20-text-link-text-leading:var(--text-link-medium-size-text-leading);--inline-section-header-20-text-link-text-number-spacing:var(--text-link-medium-size-text-number-spacing);--inline-section-header-20-text-link-text-scale:var(--text-link-medium-size-text-scale);--inline-section-header-20-text-link-text-size:var(--text-link-medium-size-text-size);--inline-section-header-20-text-link-text-tracking:var(--text-link-medium-size-text-tracking);--inline-section-header-20-text-link-text-weight:var(--text-link-medium-size-text-weight);--inline-section-header-20-text-link-vertical-padding:0px;--inline-section-header-20-vertical-gap:var(--core-metrics-spacing-50);--inline-section-header-30-heading-case:var(--core-type-heading-30-case);--inline-section-header-30-heading-font-family:var(--core-type-heading-30-font-family);--inline-section-header-30-heading-leading:var(--core-type-heading-30-leading);--inline-section-header-30-heading-minimum-height:var(--core-small-size-minimum-height);--inline-section-header-30-heading-number-spacing:var(--core-type-heading-30-number-spacing);--inline-section-header-30-heading-scale:var(--core-type-heading-30-scale);--inline-section-header-30-heading-size:var(--core-type-heading-30-size);--inline-section-header-30-heading-tracking:var(--core-type-heading-30-tracking);--inline-section-header-30-heading-vertical-padding:4px;--inline-section-header-30-heading-weight:var(--core-type-heading-30-weight);--inline-section-header-30-paragraph-case:var(--core-type-paragraph-30-case);--inline-section-header-30-paragraph-font-family:var(--core-type-paragraph-30-font-family);--inline-section-header-30-paragraph-leading:var(--core-type-paragraph-30-leading);--inline-section-header-30-paragraph-number-spacing:var(--core-type-paragraph-30-number-spacing);--inline-section-header-30-paragraph-scale:var(--core-type-paragraph-30-scale);--inline-section-header-30-paragraph-size:var(--core-type-paragraph-30-size);--inline-section-header-30-paragraph-top-padding:12px;--inline-section-header-30-paragraph-tracking:var(--core-type-paragraph-30-tracking);--inline-section-header-30-paragraph-weight:var(--core-type-paragraph-30-weight);--inline-section-header-30-text-link-text-case:var(--text-link-medium-size-text-case);--inline-section-header-30-text-link-text-font-family:var(--text-link-medium-size-text-font-family);--inline-section-header-30-text-link-text-leading:var(--text-link-medium-size-text-leading);--inline-section-header-30-text-link-text-number-spacing:var(--text-link-medium-size-text-number-spacing);--inline-section-header-30-text-link-text-scale:var(--text-link-medium-size-text-scale);--inline-section-header-30-text-link-text-size:var(--text-link-medium-size-text-size);--inline-section-header-30-text-link-text-tracking:var(--text-link-medium-size-text-tracking);--inline-section-header-30-text-link-text-weight:var(--text-link-medium-size-text-weight);--inline-section-header-30-text-link-vertical-padding:0px;--inline-section-header-30-vertical-gap:var(--core-metrics-spacing-150);--inline-section-header-heading-color:var(--inline-section-header-heading-light-mode-color);--inline-section-header-heading-dark-mode-color:var(--core-text-10-dark-mode-color);--inline-section-header-heading-light-mode-color:var(--core-text-10-light-mode-color);--inline-section-header-horizontal-spacing:var(--core-metrics-spacing-100);--inline-section-header-paragraph-color:var(--inline-section-header-paragraph-light-mode-color);--inline-section-header-paragraph-dark-mode-color:var(--core-text-10-dark-mode-color);--inline-section-header-paragraph-light-mode-color:var(--core-text-10-light-mode-color);--inline-section-header-text-link-color:var(--inline-section-header-text-link-light-mode-color);--inline-section-header-text-link-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--inline-section-header-text-link-disabled-state-opacity:var(--text-link-disabled-state-opacity);--inline-section-header-text-link-hover-state-opacity:var(--text-link-hover-state-opacity);--inline-section-header-text-link-light-mode-color:var(--core-emphasis-text-light-mode-color);--inline-section-header-text-link-normal-state-opacity:var(--text-link-normal-state-opacity);--inline-section-header-text-link-pressed-state-opacity:var(--text-link-pressed-state-opacity);--inline-status-error-variant-icon-color:var(--inline-status-error-variant-icon-light-mode-color);--inline-status-error-variant-icon-dark-mode-color:var(--core-critical-text-dark-mode-color);--inline-status-error-variant-icon-light-mode-color:var(--core-critical-text-light-mode-color);--inline-status-error-variant-text-color:var(--inline-status-error-variant-text-light-mode-color);--inline-status-error-variant-text-dark-mode-color:var(--core-critical-text-dark-mode-color);--inline-status-error-variant-text-light-mode-color:var(--core-critical-text-light-mode-color);--inline-status-info-variant-icon-color:var(--inline-status-info-variant-icon-light-mode-color);--inline-status-info-variant-icon-dark-mode-color:var(--core-fill-20-dark-mode-color);--inline-status-info-variant-icon-light-mode-color:var(--core-fill-20-light-mode-color);--inline-status-info-variant-text-color:var(--inline-status-info-variant-text-light-mode-color);--inline-status-info-variant-text-dark-mode-color:var(--core-text-20-dark-mode-color);--inline-status-info-variant-text-light-mode-color:var(--core-text-20-light-mode-color);--inline-status-normal-size-icon-size:20px;--inline-status-normal-size-spacing-horizontal:var(--core-metrics-spacing-50);--inline-status-normal-size-text-case:var(--core-type-paragraph-20-case);--inline-status-normal-size-text-font-family:var(--core-type-paragraph-20-font-family);--inline-status-normal-size-text-leading:var(--core-type-paragraph-20-leading);--inline-status-normal-size-text-number-spacing:var(--core-type-paragraph-20-number-spacing);--inline-status-normal-size-text-scale:var(--core-type-paragraph-20-scale);--inline-status-normal-size-text-size:var(--core-type-paragraph-20-size);--inline-status-normal-size-text-tracking:var(--core-type-paragraph-20-tracking);--inline-status-normal-size-text-weight:var(--core-type-paragraph-20-weight);--inline-status-success-variant-icon-color:var(--inline-status-success-variant-icon-light-mode-color);--inline-status-success-variant-icon-dark-mode-color:var(--core-success-text-dark-mode-color);--inline-status-success-variant-icon-light-mode-color:var(--core-success-text-light-mode-color);--inline-status-success-variant-text-color:var(--inline-status-success-variant-text-light-mode-color);--inline-status-success-variant-text-dark-mode-color:var(--core-success-text-dark-mode-color);--inline-status-success-variant-text-light-mode-color:var(--core-success-text-light-mode-color);--inline-status-warning-variant-icon-color:var(--inline-status-warning-variant-icon-light-mode-color);--inline-status-warning-variant-icon-dark-mode-color:var(--core-warning-text-dark-mode-color);--inline-status-warning-variant-icon-light-mode-color:var(--core-warning-text-light-mode-color);--inline-status-warning-variant-text-color:var(--inline-status-warning-variant-text-light-mode-color);--inline-status-warning-variant-text-dark-mode-color:var(--core-warning-text-dark-mode-color);--inline-status-warning-variant-text-light-mode-color:var(--core-warning-text-light-mode-color);--keyboard-bar-background-color:var(--keyboard-bar-light-mode-background-color);--keyboard-bar-dark-mode-background-color:var(--core-fill-50-dark-mode-color);--keyboard-bar-dark-mode-separator-color:var(--core-fill-40-dark-mode-color);--keyboard-bar-dark-mode-surface-color:var(--core-surface-5-dark-mode-color);--keyboard-bar-horizontal-padding:var(--core-metrics-spacing-100);--keyboard-bar-light-mode-background-color:var(--core-fill-50-light-mode-color);--keyboard-bar-light-mode-separator-color:var(--core-fill-40-light-mode-color);--keyboard-bar-light-mode-surface-color:var(--core-surface-5-light-mode-color);--keyboard-bar-separator-color:var(--keyboard-bar-light-mode-separator-color);--keyboard-bar-spacing:var(--core-metrics-spacing-100);--keyboard-bar-surface-color:var(--keyboard-bar-light-mode-surface-color);--keyboard-bar-vertical-padding:var(--core-metrics-spacing-150);--menu-item-selected-value-disabled-state-accordion-color:var(--menu-item-selected-value-disabled-state-accordion-light-mode-color);--menu-item-selected-value-disabled-state-accordion-dark-mode-color:var(--menu-item-unselected-value-disabled-state-accordion-dark-mode-color);--menu-item-selected-value-disabled-state-accordion-light-mode-color:var(--menu-item-unselected-value-disabled-state-accordion-light-mode-color);--menu-item-selected-value-disabled-state-background-color:var(--menu-item-selected-value-disabled-state-background-light-mode-color);--menu-item-selected-value-disabled-state-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--menu-item-selected-value-disabled-state-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--menu-item-selected-value-disabled-state-drill-color:var(--menu-item-selected-value-disabled-state-drill-light-mode-color);--menu-item-selected-value-disabled-state-drill-dark-mode-color:var(--menu-item-unselected-value-disabled-state-drill-dark-mode-color);--menu-item-selected-value-disabled-state-drill-light-mode-color:var(--menu-item-unselected-value-disabled-state-drill-light-mode-color);--menu-item-selected-value-disabled-state-text-color:var(--menu-item-selected-value-disabled-state-text-light-mode-color);--menu-item-selected-value-disabled-state-text-dark-mode-color:var(--core-text-30-dark-mode-color);--menu-item-selected-value-disabled-state-text-light-mode-color:var(--core-text-30-light-mode-color);--menu-item-selected-value-hover-state-accordion-color:var(--menu-item-selected-value-hover-state-accordion-light-mode-color);--menu-item-selected-value-hover-state-accordion-dark-mode-color:var(--menu-item-unselected-value-hover-state-accordion-dark-mode-color);--menu-item-selected-value-hover-state-accordion-light-mode-color:var(--menu-item-unselected-value-hover-state-accordion-light-mode-color);--menu-item-selected-value-hover-state-background-color:var(--menu-item-selected-value-hover-state-background-light-mode-color);--menu-item-selected-value-hover-state-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--menu-item-selected-value-hover-state-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--menu-item-selected-value-hover-state-drill-color:var(--menu-item-selected-value-hover-state-drill-light-mode-color);--menu-item-selected-value-hover-state-drill-dark-mode-color:var(--menu-item-unselected-value-hover-state-drill-dark-mode-color);--menu-item-selected-value-hover-state-drill-light-mode-color:var(--menu-item-unselected-value-hover-state-drill-light-mode-color);--menu-item-selected-value-hover-state-text-color:var(--menu-item-selected-value-hover-state-text-light-mode-color);--menu-item-selected-value-hover-state-text-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--menu-item-selected-value-hover-state-text-light-mode-color:var(--core-emphasis-text-light-mode-color);--menu-item-selected-value-normal-state-accordion-color:var(--menu-item-selected-value-normal-state-accordion-light-mode-color);--menu-item-selected-value-normal-state-accordion-dark-mode-color:var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color);--menu-item-selected-value-normal-state-accordion-light-mode-color:var(--menu-item-unselected-value-normal-state-accordion-light-mode-color);--menu-item-selected-value-normal-state-background-color:var(--menu-item-selected-value-normal-state-background-light-mode-color);--menu-item-selected-value-normal-state-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--menu-item-selected-value-normal-state-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--menu-item-selected-value-normal-state-drill-color:var(--menu-item-selected-value-normal-state-drill-light-mode-color);--menu-item-selected-value-normal-state-drill-dark-mode-color:var(--menu-item-unselected-value-normal-state-drill-dark-mode-color);--menu-item-selected-value-normal-state-drill-light-mode-color:var(--menu-item-unselected-value-normal-state-drill-light-mode-color);--menu-item-selected-value-normal-state-text-color:var(--menu-item-selected-value-normal-state-text-light-mode-color);--menu-item-selected-value-normal-state-text-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--menu-item-selected-value-normal-state-text-light-mode-color:var(--core-emphasis-text-light-mode-color);--menu-item-selected-value-pressed-state-accordion-color:var(--menu-item-selected-value-pressed-state-accordion-light-mode-color);--menu-item-selected-value-pressed-state-accordion-dark-mode-color:var(--menu-item-unselected-value-pressed-state-accordion-dark-mode-color);--menu-item-selected-value-pressed-state-accordion-light-mode-color:var(--menu-item-unselected-value-pressed-state-accordion-light-mode-color);--menu-item-selected-value-pressed-state-background-color:var(--menu-item-selected-value-pressed-state-background-light-mode-color);--menu-item-selected-value-pressed-state-background-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--menu-item-selected-value-pressed-state-background-light-mode-color:var(--core-emphasis-30-light-mode-color);--menu-item-selected-value-pressed-state-drill-color:var(--menu-item-selected-value-pressed-state-drill-light-mode-color);--menu-item-selected-value-pressed-state-drill-dark-mode-color:var(--menu-item-unselected-value-pressed-state-drill-dark-mode-color);--menu-item-selected-value-pressed-state-drill-light-mode-color:var(--menu-item-unselected-value-pressed-state-drill-light-mode-color);--menu-item-selected-value-pressed-state-text-color:var(--menu-item-selected-value-pressed-state-text-light-mode-color);--menu-item-selected-value-pressed-state-text-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--menu-item-selected-value-pressed-state-text-light-mode-color:var(--core-emphasis-text-light-mode-color);--menu-item-unselected-value-disabled-state-accordion-color:var(--menu-item-unselected-value-disabled-state-accordion-light-mode-color);--menu-item-unselected-value-disabled-state-accordion-dark-mode-color:var(--core-text-30-dark-mode-color);--menu-item-unselected-value-disabled-state-accordion-light-mode-color:var(--core-text-30-light-mode-color);--menu-item-unselected-value-disabled-state-background-color:var(--menu-item-unselected-value-disabled-state-background-light-mode-color);--menu-item-unselected-value-disabled-state-background-dark-mode-color:transparent;--menu-item-unselected-value-disabled-state-background-light-mode-color:transparent;--menu-item-unselected-value-disabled-state-drill-color:var(--menu-item-unselected-value-disabled-state-drill-light-mode-color);--menu-item-unselected-value-disabled-state-drill-dark-mode-color:var(--core-fill-30-dark-mode-color);--menu-item-unselected-value-disabled-state-drill-light-mode-color:var(--core-fill-30-light-mode-color);--menu-item-unselected-value-disabled-state-text-color:var(--menu-item-unselected-value-disabled-state-text-light-mode-color);--menu-item-unselected-value-disabled-state-text-dark-mode-color:var(--core-text-30-dark-mode-color);--menu-item-unselected-value-disabled-state-text-light-mode-color:var(--core-text-30-light-mode-color);--menu-item-unselected-value-hover-state-accordion-color:var(--menu-item-unselected-value-hover-state-accordion-light-mode-color);--menu-item-unselected-value-hover-state-accordion-dark-mode-color:var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color);--menu-item-unselected-value-hover-state-accordion-light-mode-color:var(--menu-item-unselected-value-normal-state-accordion-light-mode-color);--menu-item-unselected-value-hover-state-background-color:var(--menu-item-unselected-value-hover-state-background-light-mode-color);--menu-item-unselected-value-hover-state-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--menu-item-unselected-value-hover-state-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--menu-item-unselected-value-hover-state-drill-color:var(--menu-item-unselected-value-hover-state-drill-light-mode-color);--menu-item-unselected-value-hover-state-drill-dark-mode-color:var(--menu-item-unselected-value-normal-state-drill-dark-mode-color);--menu-item-unselected-value-hover-state-drill-light-mode-color:var(--menu-item-unselected-value-normal-state-drill-light-mode-color);--menu-item-unselected-value-hover-state-text-color:var(--menu-item-unselected-value-hover-state-text-light-mode-color);--menu-item-unselected-value-hover-state-text-dark-mode-color:var(--core-text-10-dark-mode-color);--menu-item-unselected-value-hover-state-text-light-mode-color:var(--core-text-10-light-mode-color);--menu-item-unselected-value-normal-state-accordion-color:var(--menu-item-unselected-value-normal-state-accordion-light-mode-color);--menu-item-unselected-value-normal-state-accordion-dark-mode-color:var(--core-text-10-dark-mode-color);--menu-item-unselected-value-normal-state-accordion-light-mode-color:var(--core-text-10-light-mode-color);--menu-item-unselected-value-normal-state-background-color:var(--menu-item-unselected-value-normal-state-background-light-mode-color);--menu-item-unselected-value-normal-state-background-dark-mode-color:transparent;--menu-item-unselected-value-normal-state-background-light-mode-color:transparent;--menu-item-unselected-value-normal-state-drill-color:var(--menu-item-unselected-value-normal-state-drill-light-mode-color);--menu-item-unselected-value-normal-state-drill-dark-mode-color:var(--core-fill-20-dark-mode-color);--menu-item-unselected-value-normal-state-drill-light-mode-color:var(--core-fill-20-light-mode-color);--menu-item-unselected-value-normal-state-text-color:var(--menu-item-unselected-value-normal-state-text-light-mode-color);--menu-item-unselected-value-normal-state-text-dark-mode-color:var(--core-text-10-dark-mode-color);--menu-item-unselected-value-normal-state-text-light-mode-color:var(--core-text-10-light-mode-color);--menu-item-unselected-value-pressed-state-accordion-color:var(--menu-item-unselected-value-pressed-state-accordion-light-mode-color);--menu-item-unselected-value-pressed-state-accordion-dark-mode-color:var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color);--menu-item-unselected-value-pressed-state-accordion-light-mode-color:var(--menu-item-unselected-value-normal-state-accordion-light-mode-color);--menu-item-unselected-value-pressed-state-background-color:var(--menu-item-unselected-value-pressed-state-background-light-mode-color);--menu-item-unselected-value-pressed-state-background-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--menu-item-unselected-value-pressed-state-background-light-mode-color:var(--core-emphasis-30-light-mode-color);--menu-item-unselected-value-pressed-state-drill-color:var(--menu-item-unselected-value-pressed-state-drill-light-mode-color);--menu-item-unselected-value-pressed-state-drill-dark-mode-color:var(--menu-item-unselected-value-normal-state-drill-dark-mode-color);--menu-item-unselected-value-pressed-state-drill-light-mode-color:var(--menu-item-unselected-value-normal-state-drill-light-mode-color);--menu-item-unselected-value-pressed-state-text-color:var(--menu-item-unselected-value-pressed-state-text-light-mode-color);--menu-item-unselected-value-pressed-state-text-dark-mode-color:var(--core-text-10-dark-mode-color);--menu-item-unselected-value-pressed-state-text-light-mode-color:var(--core-text-10-light-mode-color);--modal-blade-background-color:var(--modal-blade-background-light-mode-color);--modal-blade-background-dark-mode-color:var(--core-surface-20-dark-mode-color);--modal-blade-background-light-mode-color:var(--core-surface-20-light-mode-color);--modal-blade-compact-horizontal-size-class-horizontal-padding:var(--modal-full-compact-horizontal-size-class-horizontal-padding);--modal-blade-compact-vertical-size-class-vertical-padding:var(--core-metrics-spacing-300);--modal-blade-corner-radius:var(--core-radius-modals);--modal-blade-maximum-width-size:464px;--modal-blade-regular-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-400);--modal-blade-regular-vertical-size-class-vertical-padding:var(--core-metrics-spacing-300);--modal-blade-wide-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-400);--modal-blade-wide-viewport-padding-bottom-size:0px;--modal-blade-wide-viewport-padding-left-size:var(--core-metrics-spacing-400);--modal-blade-wide-viewport-padding-right-size:var(--core-metrics-spacing-400);--modal-blade-wide-viewport-padding-top-size:var(--core-metrics-spacing-400);--modal-blade-wide-viewport-width-size:464px;--modal-dialog-actions-overflow-button-border-radius:var(--button-group-overflow-button-border-radius);--modal-dialog-actions-overflow-button-compact-size-minimum-height:var(--button-group-overflow-button-compact-size-minimum-height);--modal-dialog-actions-overflow-button-compact-size-minimum-padding-size:var(--button-group-overflow-button-compact-size-minimum-padding-size);--modal-dialog-actions-overflow-button-compact-size-minimum-width:var(--button-group-overflow-button-compact-size-minimum-width);--modal-dialog-actions-overflow-button-compact-size-padding-size:var(--button-group-overflow-button-compact-size-padding-size);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-disabled-state-light-mode-background-color:var(--button-group-overflow-button-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-focus-ring-border-size:var(--button-group-overflow-button-focus-ring-border-size);--modal-dialog-actions-overflow-button-focus-ring-buffer-size:var(--button-group-overflow-button-focus-ring-buffer-size);--modal-dialog-actions-overflow-button-focus-state-background-color:var(--modal-dialog-actions-overflow-button-focus-state-light-mode-background-color);--modal-dialog-actions-overflow-button-focus-state-dark-mode-background-color:var(--button-group-overflow-button-focus-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-focus-state-dark-mode-icon-color:var(--button-group-overflow-button-focus-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-focus-state-icon-color:var(--modal-dialog-actions-overflow-button-focus-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-focus-state-light-mode-background-color:var(--button-group-overflow-button-focus-state-light-mode-background-color);--modal-dialog-actions-overflow-button-focus-state-light-mode-icon-color:var(--button-group-overflow-button-focus-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-hover-state-background-color:var(--modal-dialog-actions-overflow-button-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-hover-state-dark-mode-background-color:var(--button-group-overflow-button-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-hover-state-light-mode-background-color:var(--button-group-overflow-button-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-hover-state-light-mode-icon-color:var(--button-group-overflow-button-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-large-size-icon-height:var(--button-group-overflow-button-large-size-icon-height);--modal-dialog-actions-overflow-button-large-size-icon-width:var(--button-group-overflow-button-large-size-icon-width);--modal-dialog-actions-overflow-button-large-size-minimum-height:var(--button-group-overflow-button-large-size-minimum-height);--modal-dialog-actions-overflow-button-large-size-padding-size:var(--button-group-overflow-button-large-size-padding-size);--modal-dialog-actions-overflow-button-large-size-width-multiplier:var(--button-group-overflow-button-large-size-width-multiplier);--modal-dialog-actions-overflow-button-medium-size-horizontal-spacing-size:var(--button-group-overflow-button-medium-size-horizontal-spacing-size);--modal-dialog-actions-overflow-button-medium-size-icon-height:var(--button-group-overflow-button-medium-size-icon-height);--modal-dialog-actions-overflow-button-medium-size-icon-width:var(--button-group-overflow-button-medium-size-icon-width);--modal-dialog-actions-overflow-button-medium-size-minimum-height:var(--button-group-overflow-button-medium-size-minimum-height);--modal-dialog-actions-overflow-button-medium-size-padding-size:var(--button-group-overflow-button-medium-size-padding-size);--modal-dialog-actions-overflow-button-medium-size-width-multiplier:var(--button-group-overflow-button-medium-size-width-multiplier);--modal-dialog-actions-overflow-button-minimum-height:var(--button-group-overflow-button-minimum-height);--modal-dialog-actions-overflow-button-minimum-width:var(--button-group-overflow-button-minimum-width);--modal-dialog-actions-overflow-button-normal-size-minimum-height:var(--button-group-overflow-button-normal-size-minimum-height);--modal-dialog-actions-overflow-button-normal-size-minimum-width:var(--button-group-overflow-button-normal-size-minimum-width);--modal-dialog-actions-overflow-button-normal-size-padding-size:var(--button-group-overflow-button-normal-size-padding-size);--modal-dialog-actions-overflow-button-normal-state-background-color:var(--modal-dialog-actions-overflow-button-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-state-dark-mode-background-color:var(--button-group-overflow-button-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-state-light-mode-background-color:var(--button-group-overflow-button-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-state-light-mode-icon-color:var(--button-group-overflow-button-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-padding-size:var(--button-group-overflow-button-padding-size);--modal-dialog-actions-overflow-button-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-pressed-state-light-mode-background-color:var(--button-group-overflow-button-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-primary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-primary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-focus-state-background-color:var(--modal-dialog-actions-overflow-button-primary-rank-focus-state-light-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-focus-state-dark-mode-background-color:var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-focus-state-dark-mode-icon-color:var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-focus-state-icon-color:var(--modal-dialog-actions-overflow-button-primary-rank-focus-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-focus-state-light-mode-background-color:var(--button-group-overflow-button-primary-rank-focus-state-light-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-focus-state-light-mode-icon-color:var(--button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-hover-state-background-color:var(--modal-dialog-actions-overflow-button-primary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-primary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-primary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-normal-state-background-color:var(--modal-dialog-actions-overflow-button-primary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-primary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-primary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-primary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-primary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-focus-state-background-color:var(--modal-dialog-actions-overflow-button-secondary-rank-focus-state-light-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-focus-state-dark-mode-background-color:var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-focus-state-dark-mode-icon-color:var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-focus-state-icon-color:var(--modal-dialog-actions-overflow-button-secondary-rank-focus-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-focus-state-light-mode-background-color:var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-focus-state-light-mode-icon-color:var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-hover-state-background-color:var(--modal-dialog-actions-overflow-button-secondary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-secondary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-normal-state-background-color:var(--modal-dialog-actions-overflow-button-secondary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-secondary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-size-multiplier:var(--button-group-overflow-button-size-multiplier);--modal-dialog-actions-overflow-button-small-size-icon-height:var(--button-group-overflow-button-small-size-icon-height);--modal-dialog-actions-overflow-button-small-size-icon-width:var(--button-group-overflow-button-small-size-icon-width);--modal-dialog-actions-overflow-button-small-size-minimum-height:var(--button-group-overflow-button-small-size-minimum-height);--modal-dialog-actions-overflow-button-small-size-padding-size:var(--button-group-overflow-button-small-size-padding-size);--modal-dialog-actions-overflow-button-small-size-width-multiplier:var(--button-group-overflow-button-small-size-width-multiplier);--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-background-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-light-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-dark-mode-background-color:var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-icon-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-light-mode-background-color:var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-light-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-background-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-background-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-spacing:var(--button-group-spacing);--modal-dialog-actions-top-gap:var(--core-metrics-spacing-400);--modal-dialog-animation-duration:0.50s;--modal-dialog-animation-enter-transition-duration:var(--core-animation-enter-transition-moderate-speed-duration);--modal-dialog-animation-enter-transition-easing:var(--core-animation-exit-transition-easing);--modal-dialog-animation-enter-transition-opacity:0;--modal-dialog-animation-enter-transition-scale:0.9;--modal-dialog-animation-exit-transition-duration:var(--core-animation-exit-transition-moderate-speed-duration);--modal-dialog-animation-exit-transition-easing:var(--core-animation-exit-transition-easing);--modal-dialog-animation-exit-transition-opacity:0;--modal-dialog-animation-exit-transition-scale:0.9;--modal-dialog-background-color:var(--modal-dialog-background-light-mode-color);--modal-dialog-background-dark-mode-color:var(--core-surface-20-dark-mode-color);--modal-dialog-background-light-mode-color:var(--core-surface-20-light-mode-color);--modal-dialog-border-radius:var(--core-radius-modals);--modal-dialog-compact-horizontal-size-class-horizontal-inner-padding:var(--core-metrics-spacing-400);--modal-dialog-compact-horizontal-size-class-horizontal-outer-padding:var(--core-metrics-spacing-200);--modal-dialog-compact-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-400);--modal-dialog-compact-horizontal-size-class-maximum-width:464px;--modal-dialog-compact-vertical-size-class-vertical-inner-padding:var(--core-metrics-spacing-400);--modal-dialog-compact-vertical-size-class-vertical-outer-padding:var(--core-metrics-spacing-200);--modal-dialog-compact-vertical-size-class-vertical-padding:var(--core-metrics-spacing-400);--modal-dialog-content-heading-color:var(--modal-dialog-content-heading-light-mode-color);--modal-dialog-content-heading-dark-mode-color:var(--core-text-10-dark-mode-color);--modal-dialog-content-heading-light-mode-color:var(--core-text-10-light-mode-color);--modal-dialog-content-heading-text-case:var(--core-type-heading-30-case);--modal-dialog-content-heading-text-font-family:var(--core-type-heading-30-font-family);--modal-dialog-content-heading-text-leading:var(--core-type-heading-30-leading);--modal-dialog-content-heading-text-number-spacing:var(--core-type-heading-30-number-spacing);--modal-dialog-content-heading-text-scale:var(--core-type-heading-30-scale);--modal-dialog-content-heading-text-size:var(--core-type-heading-30-size);--modal-dialog-content-heading-text-tracking:var(--core-type-heading-30-tracking);--modal-dialog-content-heading-text-weight:var(--core-type-heading-30-weight);--modal-dialog-content-spinner-diameter-size:var(--activity-indicator-radial-large-size-diameter-size);--modal-dialog-content-spinner-stroke-size:var(--activity-indicator-radial-large-size-stroke-size);--modal-dialog-content-vertical-header-gap:var(--core-metrics-spacing-400);--modal-dialog-content-vertical-space:var(--core-metrics-spacing-200);--modal-dialog-maximum-width-size:480px;--modal-dialog-medium-viewport-horizontal-padding-size:40px;--modal-dialog-medium-viewport-vertical-padding-size:24px;--modal-dialog-medium-viewport-width:480px;--modal-dialog-narrow-viewport-horizontal-padding-size:24px;--modal-dialog-narrow-viewport-vertical-padding-size:24px;--modal-dialog-regular-horizontal-size-class-horizontal-inner-padding:var(--core-metrics-spacing-400);--modal-dialog-regular-horizontal-size-class-horizontal-outer-padding:var(--core-metrics-spacing-200);--modal-dialog-regular-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-400);--modal-dialog-regular-horizontal-size-class-maximum-width:464px;--modal-dialog-regular-vertical-size-class-vertical-inner-padding:var(--core-metrics-spacing-400);--modal-dialog-regular-vertical-size-class-vertical-outer-padding:var(--core-metrics-spacing-200);--modal-dialog-regular-vertical-size-class-vertical-padding:var(--core-metrics-spacing-400);--modal-dialog-veil-color:var(--modal-dialog-veil-light-mode-color);--modal-dialog-veil-dark-mode-color:var(--core-surface-overlay-dark-mode-color);--modal-dialog-veil-light-mode-color:var(--core-surface-overlay-light-mode-color);--modal-dialog-wide-horizontal-size-class-horizontal-inner-padding:var(--core-metrics-spacing-400);--modal-dialog-wide-horizontal-size-class-horizontal-outer-padding:var(--core-metrics-spacing-200);--modal-dialog-wide-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-400);--modal-dialog-wide-horizontal-size-class-maximum-width:464px;--modal-dialog-wide-viewport-horizontal-padding-size:32px;--modal-dialog-wide-viewport-vertical-padding-size:24px;--modal-dialog-wide-viewport-width:480px;--modal-full-animation-duration:var(--modal-full-narrow-viewport-animation-duration);--modal-full-animation-enter-transition-duration:var(--core-animation-enter-transition-moderate-speed-duration);--modal-full-animation-enter-transition-easing:var(--core-animation-exit-transition-easing);--modal-full-animation-exit-transition-duration:var(--core-animation-exit-transition-moderate-speed-duration);--modal-full-animation-exit-transition-easing:var(--core-animation-exit-transition-easing);--modal-full-background-color:var(--modal-full-background-light-mode-color);--modal-full-background-dark-mode-color:var(--core-surface-5-dark-mode-color);--modal-full-background-light-mode-color:var(--core-surface-5-light-mode-color);--modal-full-compact-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-200);--modal-full-compact-vertical-size-class-vertical-padding:var(--core-metrics-spacing-150);--modal-full-fixed-layout-width:600px;--modal-full-medium-viewport-animation-duration:var(--modal-full-narrow-viewport-animation-duration);--modal-full-medium-viewport-horizontal-padding-size:24px;--modal-full-medium-viewport-vertical-padding-size:24px;--modal-full-narrow-viewport-animation-duration:0.50s;--modal-full-narrow-viewport-horizontal-padding-size:16px;--modal-full-narrow-viewport-vertical-padding-size:16px;--modal-full-regular-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-300);--modal-full-regular-vertical-size-class-vertical-padding:var(--core-metrics-spacing-200);--modal-full-veil-color:var(--modal-full-veil-light-mode-color);--modal-full-veil-dark-mode-color:var(--core-surface-overlay-dark-mode-color);--modal-full-veil-light-mode-color:var(--core-surface-overlay-light-mode-color);--modal-full-wide-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-300);--modal-full-wide-viewport-animation-duration:var(--modal-full-medium-viewport-animation-duration);--modal-full-wide-viewport-horizontal-padding-size:32px;--modal-full-wide-viewport-vertical-padding-size:16px;--modal-partial-animation-duration:var(--modal-partial-narrow-viewport-animation-duration);--modal-partial-animation-enter-transition-duration:var(--core-animation-enter-transition-moderate-speed-duration);--modal-partial-animation-enter-transition-easing:var(--core-animation-exit-transition-easing);--modal-partial-animation-enter-transition-opacity:0;--modal-partial-animation-enter-transition-scale:0.9;--modal-partial-animation-exit-transition-duration:var(--core-animation-exit-transition-moderate-speed-duration);--modal-partial-animation-exit-transition-easing:var(--core-animation-exit-transition-easing);--modal-partial-animation-exit-transition-opacity:0;--modal-partial-animation-exit-transition-scale:0.9;--modal-partial-background-color:var(--modal-partial-background-light-mode-color);--modal-partial-background-dark-mode-color:var(--core-surface-20-dark-mode-color);--modal-partial-background-light-mode-color:var(--core-surface-20-light-mode-color);--modal-partial-border-radius:var(--core-radius-modals);--modal-partial-compact-horizontal-size-class-horizontal-inner-padding:var(--modal-full-regular-horizontal-size-class-horizontal-padding);--modal-partial-compact-horizontal-size-class-horizontal-outer-padding:0px;--modal-partial-compact-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-400);--modal-partial-compact-horizontal-size-class-maximum-width:var(--modal-partial-regular-horizontal-size-class-maximum-width);--modal-partial-compact-vertical-size-class-vertical-inner-padding:var(--core-metrics-spacing-300);--modal-partial-compact-vertical-size-class-vertical-outer-padding:var(--core-metrics-spacing-300);--modal-partial-compact-vertical-size-class-vertical-padding:var(--core-metrics-spacing-300);--modal-partial-medium-viewport-animation-duration:var(--modal-partial-narrow-viewport-animation-duration);--modal-partial-medium-viewport-horizontal-padding-size:var(--core-metrics-spacing-400);--modal-partial-medium-viewport-horizontal-screen-buffer-size:var(--core-metrics-spacing-300);--modal-partial-medium-viewport-vertical-padding-size:var(--core-metrics-spacing-400);--modal-partial-medium-viewport-vertical-screen-buffer-size:var(--core-metrics-spacing-300);--modal-partial-medium-viewport-width:664px;--modal-partial-narrow-viewport-animation-duration:0.50s;--modal-partial-narrow-viewport-horizontal-padding-size:var(--core-metrics-spacing-200);--modal-partial-narrow-viewport-horizontal-screen-buffer-size:0px;--modal-partial-narrow-viewport-vertical-padding-size:var(--core-metrics-spacing-200);--modal-partial-narrow-viewport-vertical-screen-buffer-size:0px;--modal-partial-regular-horizontal-size-class-horizontal-inner-padding:var(--core-metrics-spacing-400);--modal-partial-regular-horizontal-size-class-horizontal-outer-padding:var(--core-metrics-spacing-200);--modal-partial-regular-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-400);--modal-partial-regular-horizontal-size-class-maximum-width:664px;--modal-partial-regular-vertical-size-class-vertical-inner-padding:var(--modal-partial-compact-vertical-size-class-vertical-inner-padding);--modal-partial-regular-vertical-size-class-vertical-outer-padding:var(--modal-partial-compact-vertical-size-class-vertical-outer-padding);--modal-partial-regular-vertical-size-class-vertical-padding:var(--core-metrics-spacing-300);--modal-partial-veil-color:var(--modal-partial-veil-light-mode-color);--modal-partial-veil-dark-mode-color:var(--core-surface-overlay-dark-mode-color);--modal-partial-veil-light-mode-color:var(--core-surface-overlay-light-mode-color);--modal-partial-wide-horizontal-size-class-horizontal-inner-padding:var(--modal-partial-regular-horizontal-size-class-horizontal-inner-padding);--modal-partial-wide-horizontal-size-class-horizontal-outer-padding:var(--modal-partial-regular-horizontal-size-class-horizontal-outer-padding);--modal-partial-wide-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-400);--modal-partial-wide-horizontal-size-class-maximum-width:var(--modal-partial-regular-horizontal-size-class-maximum-width);--modal-partial-wide-viewport-animation-duration:var(--modal-partial-medium-viewport-animation-duration);--modal-partial-wide-viewport-horizontal-padding-size:var(--core-metrics-spacing-400);--modal-partial-wide-viewport-horizontal-screen-buffer-size:var(--core-metrics-spacing-300);--modal-partial-wide-viewport-vertical-padding-size:var(--core-metrics-spacing-400);--modal-partial-wide-viewport-vertical-screen-buffer-size:var(--core-metrics-spacing-300);--modal-partial-wide-viewport-width:664px;--modal-popover-anchor-space-horizontal-size:var(--core-metrics-spacing-100);--modal-popover-anchor-space-vertical-size:var(--core-metrics-spacing-100);--modal-popover-appear-animation-percentage:70px;--modal-popover-background-color:var(--modal-popover-background-light-mode-color);--modal-popover-background-dark-mode-color:var(--core-surface-30-dark-mode-color);--modal-popover-background-light-mode-color:var(--core-surface-30-light-mode-color);--modal-popover-border-radius:var(--core-radius-100);--modal-popover-compact-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-200);--modal-popover-compact-vertical-size-class-vertical-padding:var(--core-metrics-spacing-200);--modal-popover-regular-horizontal-size-class-horizontal-padding:var(--modal-popover-compact-horizontal-size-class-horizontal-padding);--modal-popover-regular-vertical-size-class-vertical-padding:var(--modal-popover-compact-vertical-size-class-vertical-padding);--modal-popover-size-maximum-height:464px;--modal-popover-size-minimum-width:200px;--modal-popover-wide-horizontal-size-class-horizontal-padding:var(--modal-popover-compact-horizontal-size-class-horizontal-padding);--modal-popover-wide-viewport-max-height-size:500px;--modal-popover-wide-viewport-min-width-size:200px;--modal-popover-wide-viewport-padding-bottom-size:var(--core-metrics-spacing-100);--modal-popover-wide-viewport-padding-left-size:var(--core-metrics-spacing-300);--modal-popover-wide-viewport-padding-right-size:var(--core-metrics-spacing-300);--modal-popover-wide-viewport-padding-top-size:var(--core-metrics-spacing-100);--modal-sheet-background-color:var(--modal-sheet-background-light-mode-color);--modal-sheet-background-dark-mode-color:var(--core-surface-20-dark-mode-color);--modal-sheet-background-light-mode-color:var(--core-surface-20-light-mode-color);--modal-sheet-border-radius:var(--core-radius-modals);--modal-sheet-compact-horizontal-size-class-bottom-gap:0px;--modal-sheet-compact-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-200);--modal-sheet-compact-horizontal-size-class-maximum-width:464px;--modal-sheet-compact-vertical-size-class-vertical-padding:var(--core-metrics-spacing-200);--modal-sheet-handle-background-color:var(--modal-sheet-handle-light-mode-background-color);--modal-sheet-handle-border-radius:var(--core-radius-circle);--modal-sheet-handle-dark-mode-background-color:rgba(255, 255, 255, 0.2);--modal-sheet-handle-dark-mode-fill-color:rgba(255, 255, 255, 0.4);--modal-sheet-handle-fill-color:var(--modal-sheet-handle-light-mode-fill-color);--modal-sheet-handle-height:6px;--modal-sheet-handle-light-mode-background-color:rgba(255, 255, 255, 0.4);--modal-sheet-handle-light-mode-fill-color:rgba(255, 255, 255, 0.4);--modal-sheet-handle-padding-bottom-size:8px;--modal-sheet-handle-padding-top-size:26px;--modal-sheet-handle-top-buffer-size:10px;--modal-sheet-handle-width:56px;--modal-sheet-margin-bottom-size:var(--modal-sheet-narrow-viewport-margin-bottom-size);--modal-sheet-narrow-viewport-margin-bottom-size:0px;--modal-sheet-narrow-viewport-padding-bottom-size:var(--core-metrics-spacing-200);--modal-sheet-narrow-viewport-padding-left-size:var(--core-metrics-spacing-200);--modal-sheet-narrow-viewport-padding-right-size:var(--core-metrics-spacing-200);--modal-sheet-narrow-viewport-padding-top-size:var(--core-metrics-spacing-200);--modal-sheet-padding-bottom-size:var(--modal-sheet-narrow-viewport-padding-bottom-size);--modal-sheet-padding-left-size:var(--modal-sheet-narrow-viewport-padding-left-size);--modal-sheet-padding-right-size:var(--modal-sheet-narrow-viewport-padding-right-size);--modal-sheet-padding-top-size:var(--modal-sheet-narrow-viewport-padding-top-size);--modal-sheet-regular-horizontal-size-class-bottom-gap:var(--core-metrics-spacing-200);--modal-sheet-regular-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-300);--modal-sheet-regular-horizontal-size-class-maximum-width:464px;--modal-sheet-regular-vertical-size-class-vertical-padding:var(--core-metrics-spacing-300);--modal-sheet-veil-color:var(--modal-sheet-veil-light-mode-color);--modal-sheet-veil-dark-mode-color:var(--core-surface-overlay-dark-mode-color);--modal-sheet-veil-light-mode-color:var(--core-surface-overlay-light-mode-color);--modal-sheet-wide-horizontal-size-class-bottom-gap:var(--core-metrics-spacing-200);--modal-sheet-wide-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-300);--modal-sheet-wide-horizontal-size-class-maximum-width:464px;--modal-sheet-wide-viewport-margin-bottom-size:16px;--modal-sheet-wide-viewport-padding-bottom-size:var(--core-metrics-spacing-400);--modal-sheet-wide-viewport-padding-left-size:var(--core-metrics-spacing-400);--modal-sheet-wide-viewport-padding-right-size:var(--core-metrics-spacing-400);--modal-sheet-wide-viewport-padding-top-size:var(--core-metrics-spacing-400);--numpad-tall-layout-button-border-radius:var(--button-border-radius);--page-indicator-dark-mode-dot-color:var(--core-text-20-dark-mode-color);--page-indicator-dark-mode-selected-color:var(--core-emphasis-fill-dark-mode-color);--page-indicator-dot-color:var(--page-indicator-light-mode-dot-color);--page-indicator-dot-size:6px;--page-indicator-light-mode-dot-color:var(--core-text-20-light-mode-color);--page-indicator-light-mode-selected-color:var(--core-emphasis-fill-light-mode-color);--page-indicator-selected-color:var(--page-indicator-light-mode-selected-color);--page-indicator-selected-size:8px;--page-indicator-spacing-size:6px;--pagination-nav-content-spacing:var(--core-metrics-spacing-100);--pagination-nav-horizontal-margin:var(--core-metrics-spacing-100);--pagination-nav-vertical-margin:var(--core-metrics-spacing-200);--paging-indicator-selected-state-color:var(--paging-indicator-selected-state-light-mode-color);--paging-indicator-selected-state-dark-mode-color:var(--core-fill-10-dark-mode-color);--paging-indicator-selected-state-height:var(--core-metrics-spacing-50);--paging-indicator-selected-state-light-mode-color:var(--core-fill-10-light-mode-color);--paging-indicator-selected-state-width:var(--core-metrics-spacing-300);--paging-indicator-spacing:var(--core-metrics-spacing-25);--paging-indicator-unselected-state-color:var(--paging-indicator-unselected-state-light-mode-color);--paging-indicator-unselected-state-dark-mode-color:var(--core-fill-20-dark-mode-color);--paging-indicator-unselected-state-height:var(--core-metrics-spacing-25);--paging-indicator-unselected-state-light-mode-color:var(--core-fill-20-light-mode-color);--paging-indicator-unselected-state-width:var(--core-metrics-spacing-300);--pill-alpha-variant-background-color:var(--pill-alpha-variant-background-light-mode-color);--pill-alpha-variant-background-dark-mode-color:var(--pill-alpha-variant-normal-state-background-dark-mode-color);--pill-alpha-variant-background-light-mode-color:var(--pill-alpha-variant-normal-state-background-light-mode-color);--pill-alpha-variant-icon-color:var(--pill-alpha-variant-icon-light-mode-color);--pill-alpha-variant-icon-dark-mode-color:var(--core-pink-fill-dark-mode-color);--pill-alpha-variant-icon-light-mode-color:var(--core-pink-fill-light-mode-color);--pill-alpha-variant-normal-state-background-color:var(--pill-alpha-variant-normal-state-background-light-mode-color);--pill-alpha-variant-normal-state-background-dark-mode-color:var(--core-pink-40-dark-mode-color);--pill-alpha-variant-normal-state-background-light-mode-color:var(--core-pink-40-light-mode-color);--pill-alpha-variant-pressed-state-background-color:var(--pill-alpha-variant-pressed-state-background-light-mode-color);--pill-alpha-variant-pressed-state-background-dark-mode-color:var(--core-pink-30-dark-mode-color);--pill-alpha-variant-pressed-state-background-light-mode-color:var(--core-pink-30-light-mode-color);--pill-alpha-variant-text-color:var(--pill-alpha-variant-text-light-mode-color);--pill-alpha-variant-text-dark-mode-color:var(--core-pink-text-dark-mode-color);--pill-alpha-variant-text-light-mode-color:var(--core-pink-text-light-mode-color);--pill-beta-variant-background-color:var(--pill-beta-variant-background-light-mode-color);--pill-beta-variant-background-dark-mode-color:var(--pill-beta-variant-normal-state-background-dark-mode-color);--pill-beta-variant-background-light-mode-color:var(--pill-beta-variant-normal-state-background-light-mode-color);--pill-beta-variant-icon-color:var(--pill-beta-variant-icon-light-mode-color);--pill-beta-variant-icon-dark-mode-color:var(--core-teal-fill-dark-mode-color);--pill-beta-variant-icon-light-mode-color:var(--core-teal-fill-light-mode-color);--pill-beta-variant-normal-state-background-color:var(--pill-beta-variant-normal-state-background-light-mode-color);--pill-beta-variant-normal-state-background-dark-mode-color:var(--core-teal-40-dark-mode-color);--pill-beta-variant-normal-state-background-light-mode-color:var(--core-teal-40-light-mode-color);--pill-beta-variant-pressed-state-background-color:var(--pill-beta-variant-pressed-state-background-light-mode-color);--pill-beta-variant-pressed-state-background-dark-mode-color:var(--core-teal-30-dark-mode-color);--pill-beta-variant-pressed-state-background-light-mode-color:var(--core-teal-30-light-mode-color);--pill-beta-variant-text-color:var(--pill-beta-variant-text-light-mode-color);--pill-beta-variant-text-dark-mode-color:var(--core-teal-text-dark-mode-color);--pill-beta-variant-text-light-mode-color:var(--core-teal-text-light-mode-color);--pill-border-color:var(--pill-border-light-mode-color);--pill-border-dark-mode-color:var(--core-surface-5-dark-mode-color);--pill-border-light-mode-color:var(--core-surface-5-light-mode-color);--pill-border-width:var(--core-border-20);--pill-compact-size-border-radius:var(--core-radius-circle);--pill-compact-size-corner-radius:var(--pill-compact-size-border-radius);--pill-compact-size-horizontal-padding:var(--core-metrics-spacing-100);--pill-compact-size-icon-dot-radius:var(--pill-compact-size-indicator-dot-radius);--pill-compact-size-icon-left-padding:var(--pill-compact-size-indicator-icon-horizontal-padding-left);--pill-compact-size-icon-size:var(--pill-compact-size-indicator-icon-size);--pill-compact-size-icon-to-text-spacing:var(--pill-compact-size-indicator-icon-horizontal-padding-right);--pill-compact-size-indicator-dot-horizontal-padding-left:var(--core-metrics-spacing-50);--pill-compact-size-indicator-dot-horizontal-padding-right:var(--core-metrics-spacing-50);--pill-compact-size-indicator-dot-radius:var(--core-metrics-spacing-50);--pill-compact-size-indicator-icon-horizontal-padding-left:var(--core-metrics-spacing-50);--pill-compact-size-indicator-icon-horizontal-padding-right:var(--core-metrics-spacing-50);--pill-compact-size-indicator-icon-size:var(--core-metrics-spacing-200);--pill-compact-size-padding-horizontal-size:var(--pill-compact-size-horizontal-padding);--pill-compact-size-padding-vertical-size:var(--pill-compact-size-vertical-padding);--pill-compact-size-spacing-horizontal:var(--pill-compact-size-indicator-dot-horizontal-padding-right);--pill-compact-size-text-case:var(--core-type-semibold-10-case);--pill-compact-size-text-edge-padding:var(--pill-compact-size-text-horizontal-padding-left);--pill-compact-size-text-font-family:var(--core-type-semibold-10-font-family);--pill-compact-size-text-horizontal-padding-left:var(--core-metrics-spacing-100);--pill-compact-size-text-leading:var(--core-type-semibold-10-leading);--pill-compact-size-text-number-spacing:var(--core-type-semibold-10-number-spacing);--pill-compact-size-text-scale:var(--core-type-semibold-10-scale);--pill-compact-size-text-size:var(--core-type-semibold-10-size);--pill-compact-size-text-tracking:var(--core-type-semibold-10-tracking);--pill-compact-size-text-weight:var(--core-type-semibold-10-weight);--pill-compact-size-vertical-padding:var(--core-metrics-spacing-25);--pill-critical-variant-background-color:var(--pill-critical-variant-background-light-mode-color);--pill-critical-variant-background-dark-mode-color:var(--pill-critical-variant-normal-state-background-dark-mode-color);--pill-critical-variant-background-light-mode-color:var(--pill-critical-variant-normal-state-background-light-mode-color);--pill-critical-variant-icon-color:var(--pill-critical-variant-icon-light-mode-color);--pill-critical-variant-icon-dark-mode-color:var(--core-critical-fill-dark-mode-color);--pill-critical-variant-icon-light-mode-color:var(--core-critical-fill-light-mode-color);--pill-critical-variant-normal-state-background-color:var(--pill-critical-variant-normal-state-background-light-mode-color);--pill-critical-variant-normal-state-background-dark-mode-color:var(--core-critical-40-dark-mode-color);--pill-critical-variant-normal-state-background-light-mode-color:var(--core-critical-40-light-mode-color);--pill-critical-variant-pressed-state-background-color:var(--pill-critical-variant-pressed-state-background-light-mode-color);--pill-critical-variant-pressed-state-background-dark-mode-color:var(--core-critical-30-dark-mode-color);--pill-critical-variant-pressed-state-background-light-mode-color:var(--core-critical-30-light-mode-color);--pill-critical-variant-text-color:var(--pill-critical-variant-text-light-mode-color);--pill-critical-variant-text-dark-mode-color:var(--core-critical-text-dark-mode-color);--pill-critical-variant-text-light-mode-color:var(--core-critical-text-light-mode-color);--pill-emphasis-variant-background-color:var(--pill-emphasis-variant-background-light-mode-color);--pill-emphasis-variant-background-dark-mode-color:var(--pill-emphasis-variant-normal-state-background-dark-mode-color);--pill-emphasis-variant-background-light-mode-color:var(--pill-emphasis-variant-normal-state-background-light-mode-color);--pill-emphasis-variant-icon-color:var(--pill-emphasis-variant-icon-light-mode-color);--pill-emphasis-variant-icon-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--pill-emphasis-variant-icon-light-mode-color:var(--core-emphasis-fill-light-mode-color);--pill-emphasis-variant-normal-state-background-color:var(--pill-emphasis-variant-normal-state-background-light-mode-color);--pill-emphasis-variant-normal-state-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--pill-emphasis-variant-normal-state-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--pill-emphasis-variant-pressed-state-background-color:var(--pill-emphasis-variant-pressed-state-background-light-mode-color);--pill-emphasis-variant-pressed-state-background-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--pill-emphasis-variant-pressed-state-background-light-mode-color:var(--core-emphasis-30-light-mode-color);--pill-emphasis-variant-text-color:var(--pill-emphasis-variant-text-light-mode-color);--pill-emphasis-variant-text-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--pill-emphasis-variant-text-light-mode-color:var(--core-emphasis-text-light-mode-color);--pill-insight-variant-background-color:var(--pill-insight-variant-background-light-mode-color);--pill-insight-variant-background-dark-mode-color:var(--pill-insight-variant-normal-state-background-dark-mode-color);--pill-insight-variant-background-light-mode-color:var(--pill-insight-variant-normal-state-background-light-mode-color);--pill-insight-variant-icon-color:var(--pill-insight-variant-icon-light-mode-color);--pill-insight-variant-icon-dark-mode-color:var(--core-purple-fill-dark-mode-color);--pill-insight-variant-icon-light-mode-color:var(--core-purple-fill-light-mode-color);--pill-insight-variant-normal-state-background-color:var(--pill-insight-variant-normal-state-background-light-mode-color);--pill-insight-variant-normal-state-background-dark-mode-color:var(--core-purple-40-dark-mode-color);--pill-insight-variant-normal-state-background-light-mode-color:var(--core-purple-40-light-mode-color);--pill-insight-variant-pressed-state-background-color:var(--pill-insight-variant-pressed-state-background-light-mode-color);--pill-insight-variant-pressed-state-background-dark-mode-color:var(--core-purple-30-dark-mode-color);--pill-insight-variant-pressed-state-background-light-mode-color:var(--core-purple-30-light-mode-color);--pill-insight-variant-text-color:var(--pill-insight-variant-text-light-mode-color);--pill-insight-variant-text-dark-mode-color:var(--core-purple-text-dark-mode-color);--pill-insight-variant-text-light-mode-color:var(--core-purple-text-light-mode-color);--pill-normal-size-border-radius:var(--core-radius-circle);--pill-normal-size-corner-radius:var(--pill-normal-size-border-radius);--pill-normal-size-horizontal-padding:var(--core-metrics-spacing-150);--pill-normal-size-icon-dot-radius:var(--pill-normal-size-indicator-dot-radius);--pill-normal-size-icon-left-padding:var(--pill-normal-size-indicator-icon-horizontal-padding-left);--pill-normal-size-icon-size:var(--pill-normal-size-indicator-icon-size);--pill-normal-size-icon-to-text-spacing:var(--pill-normal-size-indicator-icon-horizontal-padding-right);--pill-normal-size-indicator-dot-horizontal-padding-left:var(--core-metrics-spacing-100);--pill-normal-size-indicator-dot-horizontal-padding-right:var(--core-metrics-spacing-50);--pill-normal-size-indicator-dot-radius:5px;--pill-normal-size-indicator-icon-horizontal-padding-left:var(--core-metrics-spacing-100);--pill-normal-size-indicator-icon-horizontal-padding-right:var(--core-metrics-spacing-50);--pill-normal-size-indicator-icon-size:var(--core-metrics-spacing-200);--pill-normal-size-padding-horizontal-size:var(--pill-normal-size-horizontal-padding);--pill-normal-size-padding-vertical-size:var(--pill-normal-size-vertical-padding);--pill-normal-size-spacing-horizontal:var(--pill-normal-size-indicator-dot-horizontal-padding-right);--pill-normal-size-text-case:var(--core-type-semibold-20-case);--pill-normal-size-text-edge-padding:var(--pill-normal-size-text-horizontal-padding-left);--pill-normal-size-text-font-family:var(--core-type-semibold-20-font-family);--pill-normal-size-text-horizontal-padding-left:var(--core-metrics-spacing-150);--pill-normal-size-text-leading:var(--core-type-semibold-20-leading);--pill-normal-size-text-number-spacing:var(--core-type-semibold-20-number-spacing);--pill-normal-size-text-scale:var(--core-type-semibold-20-scale);--pill-normal-size-text-size:var(--core-type-semibold-20-size);--pill-normal-size-text-tracking:var(--core-type-semibold-20-tracking);--pill-normal-size-text-weight:var(--core-type-semibold-20-weight);--pill-normal-size-vertical-padding:var(--core-metrics-spacing-50);--pill-normal-variant-background-color:var(--pill-normal-variant-background-light-mode-color);--pill-normal-variant-background-dark-mode-color:var(--pill-normal-variant-normal-state-background-dark-mode-color);--pill-normal-variant-background-light-mode-color:var(--pill-normal-variant-normal-state-background-light-mode-color);--pill-normal-variant-icon-color:var(--pill-normal-variant-icon-light-mode-color);--pill-normal-variant-icon-dark-mode-color:var(--core-fill-20-dark-mode-color);--pill-normal-variant-icon-light-mode-color:var(--core-fill-20-light-mode-color);--pill-normal-variant-normal-state-background-color:var(--pill-normal-variant-normal-state-background-light-mode-color);--pill-normal-variant-normal-state-background-dark-mode-color:var(--core-fill-40-dark-mode-color);--pill-normal-variant-normal-state-background-light-mode-color:var(--core-fill-40-light-mode-color);--pill-normal-variant-pressed-state-background-color:var(--pill-normal-variant-pressed-state-background-light-mode-color);--pill-normal-variant-pressed-state-background-dark-mode-color:var(--core-fill-30-dark-mode-color);--pill-normal-variant-pressed-state-background-light-mode-color:var(--core-fill-30-light-mode-color);--pill-normal-variant-text-color:var(--pill-normal-variant-text-light-mode-color);--pill-normal-variant-text-dark-mode-color:var(--core-text-20-dark-mode-color);--pill-normal-variant-text-light-mode-color:var(--core-text-20-light-mode-color);--pill-success-variant-background-color:var(--pill-success-variant-background-light-mode-color);--pill-success-variant-background-dark-mode-color:var(--pill-success-variant-normal-state-background-dark-mode-color);--pill-success-variant-background-light-mode-color:var(--pill-success-variant-normal-state-background-light-mode-color);--pill-success-variant-icon-color:var(--pill-success-variant-icon-light-mode-color);--pill-success-variant-icon-dark-mode-color:var(--core-success-fill-dark-mode-color);--pill-success-variant-icon-light-mode-color:var(--core-success-fill-light-mode-color);--pill-success-variant-normal-state-background-color:var(--pill-success-variant-normal-state-background-light-mode-color);--pill-success-variant-normal-state-background-dark-mode-color:var(--core-success-40-dark-mode-color);--pill-success-variant-normal-state-background-light-mode-color:var(--core-success-40-light-mode-color);--pill-success-variant-pressed-state-background-color:var(--pill-success-variant-pressed-state-background-light-mode-color);--pill-success-variant-pressed-state-background-dark-mode-color:var(--core-success-30-dark-mode-color);--pill-success-variant-pressed-state-background-light-mode-color:var(--core-success-30-light-mode-color);--pill-success-variant-text-color:var(--pill-success-variant-text-light-mode-color);--pill-success-variant-text-dark-mode-color:var(--core-success-text-dark-mode-color);--pill-success-variant-text-light-mode-color:var(--core-success-text-light-mode-color);--pill-warning-variant-background-color:var(--pill-warning-variant-background-light-mode-color);--pill-warning-variant-background-dark-mode-color:var(--pill-warning-variant-normal-state-background-dark-mode-color);--pill-warning-variant-background-light-mode-color:var(--pill-warning-variant-normal-state-background-light-mode-color);--pill-warning-variant-icon-color:var(--pill-warning-variant-icon-light-mode-color);--pill-warning-variant-icon-dark-mode-color:var(--core-warning-fill-dark-mode-color);--pill-warning-variant-icon-light-mode-color:var(--core-warning-fill-light-mode-color);--pill-warning-variant-normal-state-background-color:var(--pill-warning-variant-normal-state-background-light-mode-color);--pill-warning-variant-normal-state-background-dark-mode-color:var(--core-warning-40-dark-mode-color);--pill-warning-variant-normal-state-background-light-mode-color:var(--core-warning-40-light-mode-color);--pill-warning-variant-pressed-state-background-color:var(--pill-warning-variant-pressed-state-background-light-mode-color);--pill-warning-variant-pressed-state-background-dark-mode-color:var(--core-warning-30-dark-mode-color);--pill-warning-variant-pressed-state-background-light-mode-color:var(--core-warning-30-light-mode-color);--pill-warning-variant-text-color:var(--pill-warning-variant-text-light-mode-color);--pill-warning-variant-text-dark-mode-color:var(--core-warning-text-dark-mode-color);--pill-warning-variant-text-light-mode-color:var(--core-warning-text-light-mode-color);--qrcode-border-color:var(--qrcode-border-light-mode-color);--qrcode-border-dark-mode-color:var(--core-divider-10-dark-mode-color);--qrcode-border-light-mode-color:var(--core-divider-10-light-mode-color);--qrcode-border-radius:var(--core-radius-266);--qrcode-border-width:1px;--qrcode-gap:var(--core-metrics-spacing-200);--qrcode-monochrome-variant-background-color:var(--qrcode-monochrome-variant-background-light-mode-color);--qrcode-monochrome-variant-background-dark-mode-color:var(--qrcode-normal-variant-background-dark-mode-color);--qrcode-monochrome-variant-background-light-mode-color:var(--qrcode-normal-variant-background-light-mode-color);--qrcode-monochrome-variant-foreground-color:var(--qrcode-monochrome-variant-foreground-light-mode-color);--qrcode-monochrome-variant-foreground-dark-mode-color:var(--qrcode-normal-variant-foreground-dark-mode-color);--qrcode-monochrome-variant-foreground-light-mode-color:var(--qrcode-normal-variant-foreground-light-mode-color);--qrcode-monochrome-variant-icon-color:var(--qrcode-monochrome-variant-icon-light-mode-color);--qrcode-monochrome-variant-icon-dark-mode-color:var(--qrcode-normal-variant-foreground-dark-mode-color);--qrcode-monochrome-variant-icon-light-mode-color:var(--qrcode-normal-variant-foreground-light-mode-color);--qrcode-normal-variant-background-color:var(--qrcode-normal-variant-background-light-mode-color);--qrcode-normal-variant-background-dark-mode-color:var(--core-fill-black-dark-mode-color);--qrcode-normal-variant-background-light-mode-color:var(--core-fill-white-light-mode-color);--qrcode-normal-variant-foreground-color:var(--qrcode-normal-variant-foreground-light-mode-color);--qrcode-normal-variant-foreground-dark-mode-color:var(--core-fill-white-dark-mode-color);--qrcode-normal-variant-foreground-light-mode-color:var(--core-fill-black-light-mode-color);--qrcode-normal-variant-icon-color:var(--qrcode-normal-variant-icon-light-mode-color);--qrcode-normal-variant-icon-dark-mode-color:var(--core-blue-fill-dark-mode-color);--qrcode-normal-variant-icon-light-mode-color:var(--core-blue-fill-light-mode-color);--qrcode-padding:var(--core-metrics-spacing-600);--quantity-input-field-value-text-case:var(--core-type-display-20-case);--quantity-input-field-value-text-color:var(--quantity-input-field-value-text-light-mode-color);--quantity-input-field-value-text-dark-mode-color:var(--core-text-10-dark-mode-color);--quantity-input-field-value-text-font-family:var(--core-type-display-20-font-family);--quantity-input-field-value-text-leading:var(--core-type-display-20-leading);--quantity-input-field-value-text-light-mode-color:var(--core-text-10-light-mode-color);--quantity-input-field-value-text-number-spacing:'monospaced';--quantity-input-field-value-text-placeholder-color:var(--quantity-input-field-value-text-placeholder-light-mode-color);--quantity-input-field-value-text-placeholder-dark-mode-color:var(--core-text-30-dark-mode-color);--quantity-input-field-value-text-placeholder-light-mode-color:var(--core-text-30-light-mode-color);--quantity-input-field-value-text-scale:var(--core-type-display-20-scale);--quantity-input-field-value-text-size:var(--core-type-display-20-size);--quantity-input-field-value-text-tracking:var(--core-type-display-20-tracking);--quantity-input-field-value-text-weight:var(--core-type-display-20-weight);--radio-border-radius:100px;--radio-border-size:var(--core-border-20);--radio-dark-mode-focus-ring-color:var(--core-focus-ring-dark-mode-color);--radio-disabled-state-invalid-validity-selected-value-background-color:var(--radio-disabled-state-invalid-validity-selected-value-light-mode-background-color);--radio-disabled-state-invalid-validity-selected-value-border-color:var(--radio-disabled-state-invalid-validity-selected-value-light-mode-border-color);--radio-disabled-state-invalid-validity-selected-value-dark-mode-background-color:var(--radio-disabled-state-normal-validity-selected-value-dark-mode-background-color);--radio-disabled-state-invalid-validity-selected-value-dark-mode-border-color:var(--radio-disabled-state-normal-validity-selected-value-dark-mode-border-color);--radio-disabled-state-invalid-validity-selected-value-dark-mode-icon-color:var(--radio-disabled-state-normal-validity-selected-value-dark-mode-icon-color);--radio-disabled-state-invalid-validity-selected-value-icon-color:var(--radio-disabled-state-invalid-validity-selected-value-light-mode-icon-color);--radio-disabled-state-invalid-validity-selected-value-light-mode-background-color:var(--radio-disabled-state-normal-validity-selected-value-light-mode-background-color);--radio-disabled-state-invalid-validity-selected-value-light-mode-border-color:var(--radio-disabled-state-normal-validity-selected-value-light-mode-border-color);--radio-disabled-state-invalid-validity-selected-value-light-mode-icon-color:var(--radio-disabled-state-normal-validity-selected-value-light-mode-icon-color);--radio-disabled-state-invalid-validity-unselected-value-background-color:var(--radio-disabled-state-invalid-validity-unselected-value-light-mode-background-color);--radio-disabled-state-invalid-validity-unselected-value-border-color:var(--radio-disabled-state-invalid-validity-unselected-value-light-mode-border-color);--radio-disabled-state-invalid-validity-unselected-value-dark-mode-background-color:var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-background-color);--radio-disabled-state-invalid-validity-unselected-value-dark-mode-border-color:var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-border-color);--radio-disabled-state-invalid-validity-unselected-value-light-mode-background-color:var(--radio-disabled-state-normal-validity-unselected-value-light-mode-background-color);--radio-disabled-state-invalid-validity-unselected-value-light-mode-border-color:var(--radio-disabled-state-normal-validity-unselected-value-light-mode-border-color);--radio-disabled-state-normal-validity-selected-value-background-color:var(--radio-disabled-state-normal-validity-selected-value-light-mode-background-color);--radio-disabled-state-normal-validity-selected-value-border-color:var(--radio-disabled-state-normal-validity-selected-value-light-mode-border-color);--radio-disabled-state-normal-validity-selected-value-dark-mode-background-color:var(--core-fill-20-dark-mode-color);--radio-disabled-state-normal-validity-selected-value-dark-mode-border-color:transparent;--radio-disabled-state-normal-validity-selected-value-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--radio-disabled-state-normal-validity-selected-value-icon-color:var(--radio-disabled-state-normal-validity-selected-value-light-mode-icon-color);--radio-disabled-state-normal-validity-selected-value-light-mode-background-color:var(--core-fill-20-light-mode-color);--radio-disabled-state-normal-validity-selected-value-light-mode-border-color:transparent;--radio-disabled-state-normal-validity-selected-value-light-mode-icon-color:var(--core-fill-white-light-mode-color);--radio-disabled-state-normal-validity-unselected-value-background-color:var(--radio-disabled-state-normal-validity-unselected-value-light-mode-background-color);--radio-disabled-state-normal-validity-unselected-value-border-color:var(--radio-disabled-state-normal-validity-unselected-value-light-mode-border-color);--radio-disabled-state-normal-validity-unselected-value-dark-mode-background-color:var(--core-fill-50-dark-mode-color);--radio-disabled-state-normal-validity-unselected-value-dark-mode-border-color:var(--core-fill-30-dark-mode-color);--radio-disabled-state-normal-validity-unselected-value-light-mode-background-color:var(--core-fill-50-light-mode-color);--radio-disabled-state-normal-validity-unselected-value-light-mode-border-color:var(--core-fill-30-light-mode-color);--radio-focus-ring-buffer-size:var(--core-focus-ring-buffer-size);--radio-focus-ring-color:var(--radio-light-mode-focus-ring-color);--radio-focus-state-invalid-validity-selected-value-background-color:var(--radio-focus-state-invalid-validity-selected-value-light-mode-background-color);--radio-focus-state-invalid-validity-selected-value-border-color:var(--radio-focus-state-invalid-validity-selected-value-light-mode-border-color);--radio-focus-state-invalid-validity-selected-value-dark-mode-background-color:var(--radio-hover-state-invalid-validity-selected-value-dark-mode-background-color);--radio-focus-state-invalid-validity-selected-value-dark-mode-border-color:var(--radio-hover-state-invalid-validity-selected-value-dark-mode-border-color);--radio-focus-state-invalid-validity-selected-value-dark-mode-icon-color:var(--radio-hover-state-invalid-validity-selected-value-dark-mode-icon-color);--radio-focus-state-invalid-validity-selected-value-icon-color:var(--radio-focus-state-invalid-validity-selected-value-light-mode-icon-color);--radio-focus-state-invalid-validity-selected-value-light-mode-background-color:var(--radio-hover-state-invalid-validity-selected-value-light-mode-background-color);--radio-focus-state-invalid-validity-selected-value-light-mode-border-color:var(--radio-hover-state-invalid-validity-selected-value-light-mode-border-color);--radio-focus-state-invalid-validity-selected-value-light-mode-icon-color:var(--radio-hover-state-invalid-validity-selected-value-light-mode-icon-color);--radio-focus-state-invalid-validity-unselected-value-background-color:var(--radio-focus-state-invalid-validity-unselected-value-light-mode-background-color);--radio-focus-state-invalid-validity-unselected-value-border-color:var(--radio-focus-state-invalid-validity-unselected-value-light-mode-border-color);--radio-focus-state-invalid-validity-unselected-value-dark-mode-background-color:var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-background-color);--radio-focus-state-invalid-validity-unselected-value-dark-mode-border-color:var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-border-color);--radio-focus-state-invalid-validity-unselected-value-light-mode-background-color:var(--radio-hover-state-invalid-validity-unselected-value-light-mode-background-color);--radio-focus-state-invalid-validity-unselected-value-light-mode-border-color:var(--radio-hover-state-invalid-validity-unselected-value-light-mode-border-color);--radio-focus-state-normal-validity-selected-value-background-color:var(--radio-focus-state-normal-validity-selected-value-light-mode-background-color);--radio-focus-state-normal-validity-selected-value-border-color:var(--radio-focus-state-normal-validity-selected-value-light-mode-border-color);--radio-focus-state-normal-validity-selected-value-dark-mode-background-color:var(--radio-hover-state-normal-validity-selected-value-dark-mode-background-color);--radio-focus-state-normal-validity-selected-value-dark-mode-border-color:var(--radio-hover-state-normal-validity-selected-value-dark-mode-border-color);--radio-focus-state-normal-validity-selected-value-dark-mode-icon-color:var(--radio-hover-state-normal-validity-selected-value-dark-mode-icon-color);--radio-focus-state-normal-validity-selected-value-icon-color:var(--radio-focus-state-normal-validity-selected-value-light-mode-icon-color);--radio-focus-state-normal-validity-selected-value-light-mode-background-color:var(--radio-hover-state-normal-validity-selected-value-light-mode-background-color);--radio-focus-state-normal-validity-selected-value-light-mode-border-color:var(--radio-hover-state-normal-validity-selected-value-light-mode-border-color);--radio-focus-state-normal-validity-selected-value-light-mode-icon-color:var(--radio-hover-state-normal-validity-selected-value-light-mode-icon-color);--radio-focus-state-normal-validity-unselected-value-background-color:var(--radio-focus-state-normal-validity-unselected-value-light-mode-background-color);--radio-focus-state-normal-validity-unselected-value-border-color:var(--radio-focus-state-normal-validity-unselected-value-light-mode-border-color);--radio-focus-state-normal-validity-unselected-value-dark-mode-background-color:var(--radio-hover-state-normal-validity-unselected-value-dark-mode-background-color);--radio-focus-state-normal-validity-unselected-value-dark-mode-border-color:var(--radio-hover-state-normal-validity-unselected-value-dark-mode-border-color);--radio-focus-state-normal-validity-unselected-value-light-mode-background-color:var(--radio-hover-state-normal-validity-unselected-value-light-mode-background-color);--radio-focus-state-normal-validity-unselected-value-light-mode-border-color:var(--radio-hover-state-normal-validity-unselected-value-light-mode-border-color);--radio-height:var(--radio-width);--radio-hover-state-invalid-validity-selected-value-background-color:var(--radio-hover-state-invalid-validity-selected-value-light-mode-background-color);--radio-hover-state-invalid-validity-selected-value-border-color:var(--radio-hover-state-invalid-validity-selected-value-light-mode-border-color);--radio-hover-state-invalid-validity-selected-value-dark-mode-background-color:var(--core-critical-20-dark-mode-color);--radio-hover-state-invalid-validity-selected-value-dark-mode-border-color:transparent;--radio-hover-state-invalid-validity-selected-value-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--radio-hover-state-invalid-validity-selected-value-icon-color:var(--radio-hover-state-invalid-validity-selected-value-light-mode-icon-color);--radio-hover-state-invalid-validity-selected-value-light-mode-background-color:var(--core-critical-20-light-mode-color);--radio-hover-state-invalid-validity-selected-value-light-mode-border-color:transparent;--radio-hover-state-invalid-validity-selected-value-light-mode-icon-color:var(--core-fill-white-light-mode-color);--radio-hover-state-invalid-validity-unselected-value-background-color:var(--radio-hover-state-invalid-validity-unselected-value-light-mode-background-color);--radio-hover-state-invalid-validity-unselected-value-border-color:var(--radio-hover-state-invalid-validity-unselected-value-light-mode-border-color);--radio-hover-state-invalid-validity-unselected-value-dark-mode-background-color:transparent;--radio-hover-state-invalid-validity-unselected-value-dark-mode-border-color:var(--core-critical-20-dark-mode-color);--radio-hover-state-invalid-validity-unselected-value-light-mode-background-color:transparent;--radio-hover-state-invalid-validity-unselected-value-light-mode-border-color:var(--core-critical-20-light-mode-color);--radio-hover-state-normal-validity-selected-value-background-color:var(--radio-hover-state-normal-validity-selected-value-light-mode-background-color);--radio-hover-state-normal-validity-selected-value-border-color:var(--radio-hover-state-normal-validity-selected-value-light-mode-border-color);--radio-hover-state-normal-validity-selected-value-dark-mode-background-color:var(--core-emphasis-20-dark-mode-color);--radio-hover-state-normal-validity-selected-value-dark-mode-border-color:transparent;--radio-hover-state-normal-validity-selected-value-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--radio-hover-state-normal-validity-selected-value-icon-color:var(--radio-hover-state-normal-validity-selected-value-light-mode-icon-color);--radio-hover-state-normal-validity-selected-value-light-mode-background-color:var(--core-emphasis-20-light-mode-color);--radio-hover-state-normal-validity-selected-value-light-mode-border-color:transparent;--radio-hover-state-normal-validity-selected-value-light-mode-icon-color:var(--core-fill-white-light-mode-color);--radio-hover-state-normal-validity-unselected-value-background-color:var(--radio-hover-state-normal-validity-unselected-value-light-mode-background-color);--radio-hover-state-normal-validity-unselected-value-border-color:var(--radio-hover-state-normal-validity-unselected-value-light-mode-border-color);--radio-hover-state-normal-validity-unselected-value-dark-mode-background-color:transparent;--radio-hover-state-normal-validity-unselected-value-dark-mode-border-color:var(--core-emphasis-fill-dark-mode-color);--radio-hover-state-normal-validity-unselected-value-light-mode-background-color:transparent;--radio-hover-state-normal-validity-unselected-value-light-mode-border-color:var(--core-emphasis-fill-light-mode-color);--radio-light-mode-focus-ring-color:var(--core-focus-ring-light-mode-color);--radio-normal-state-invalid-validity-selected-value-background-color:var(--radio-normal-state-invalid-validity-selected-value-light-mode-background-color);--radio-normal-state-invalid-validity-selected-value-border-color:var(--radio-normal-state-invalid-validity-selected-value-light-mode-border-color);--radio-normal-state-invalid-validity-selected-value-dark-mode-background-color:var(--core-critical-fill-dark-mode-color);--radio-normal-state-invalid-validity-selected-value-dark-mode-border-color:transparent;--radio-normal-state-invalid-validity-selected-value-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--radio-normal-state-invalid-validity-selected-value-icon-color:var(--radio-normal-state-invalid-validity-selected-value-light-mode-icon-color);--radio-normal-state-invalid-validity-selected-value-light-mode-background-color:var(--core-critical-fill-light-mode-color);--radio-normal-state-invalid-validity-selected-value-light-mode-border-color:transparent;--radio-normal-state-invalid-validity-selected-value-light-mode-icon-color:var(--core-fill-white-light-mode-color);--radio-normal-state-invalid-validity-unselected-value-background-color:var(--radio-normal-state-invalid-validity-unselected-value-light-mode-background-color);--radio-normal-state-invalid-validity-unselected-value-border-color:var(--radio-normal-state-invalid-validity-unselected-value-light-mode-border-color);--radio-normal-state-invalid-validity-unselected-value-dark-mode-background-color:transparent;--radio-normal-state-invalid-validity-unselected-value-dark-mode-border-color:var(--core-critical-fill-dark-mode-color);--radio-normal-state-invalid-validity-unselected-value-light-mode-background-color:transparent;--radio-normal-state-invalid-validity-unselected-value-light-mode-border-color:var(--core-critical-fill-light-mode-color);--radio-normal-state-normal-validity-selected-value-background-color:var(--radio-normal-state-normal-validity-selected-value-light-mode-background-color);--radio-normal-state-normal-validity-selected-value-border-color:var(--radio-normal-state-normal-validity-selected-value-light-mode-border-color);--radio-normal-state-normal-validity-selected-value-dark-mode-background-color:var(--core-emphasis-fill-dark-mode-color);--radio-normal-state-normal-validity-selected-value-dark-mode-border-color:transparent;--radio-normal-state-normal-validity-selected-value-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--radio-normal-state-normal-validity-selected-value-icon-color:var(--radio-normal-state-normal-validity-selected-value-light-mode-icon-color);--radio-normal-state-normal-validity-selected-value-light-mode-background-color:var(--core-emphasis-fill-light-mode-color);--radio-normal-state-normal-validity-selected-value-light-mode-border-color:transparent;--radio-normal-state-normal-validity-selected-value-light-mode-icon-color:var(--core-fill-white-light-mode-color);--radio-normal-state-normal-validity-unselected-value-background-color:var(--radio-normal-state-normal-validity-unselected-value-light-mode-background-color);--radio-normal-state-normal-validity-unselected-value-border-color:var(--radio-normal-state-normal-validity-unselected-value-light-mode-border-color);--radio-normal-state-normal-validity-unselected-value-dark-mode-background-color:transparent;--radio-normal-state-normal-validity-unselected-value-dark-mode-border-color:var(--core-fill-20-dark-mode-color);--radio-normal-state-normal-validity-unselected-value-light-mode-background-color:transparent;--radio-normal-state-normal-validity-unselected-value-light-mode-border-color:var(--core-fill-20-light-mode-color);--radio-pressed-state-invalid-validity-selected-value-background-color:var(--radio-pressed-state-invalid-validity-selected-value-light-mode-background-color);--radio-pressed-state-invalid-validity-selected-value-border-color:var(--radio-pressed-state-invalid-validity-selected-value-light-mode-border-color);--radio-pressed-state-invalid-validity-selected-value-dark-mode-background-color:var(--core-critical-10-dark-mode-color);--radio-pressed-state-invalid-validity-selected-value-dark-mode-border-color:transparent;--radio-pressed-state-invalid-validity-selected-value-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--radio-pressed-state-invalid-validity-selected-value-icon-color:var(--radio-pressed-state-invalid-validity-selected-value-light-mode-icon-color);--radio-pressed-state-invalid-validity-selected-value-light-mode-background-color:var(--core-critical-10-light-mode-color);--radio-pressed-state-invalid-validity-selected-value-light-mode-border-color:transparent;--radio-pressed-state-invalid-validity-selected-value-light-mode-icon-color:var(--core-fill-white-light-mode-color);--radio-pressed-state-invalid-validity-unselected-value-background-color:var(--radio-pressed-state-invalid-validity-unselected-value-light-mode-background-color);--radio-pressed-state-invalid-validity-unselected-value-border-color:var(--radio-pressed-state-invalid-validity-unselected-value-light-mode-border-color);--radio-pressed-state-invalid-validity-unselected-value-dark-mode-background-color:transparent;--radio-pressed-state-invalid-validity-unselected-value-dark-mode-border-color:var(--core-critical-10-dark-mode-color);--radio-pressed-state-invalid-validity-unselected-value-light-mode-background-color:transparent;--radio-pressed-state-invalid-validity-unselected-value-light-mode-border-color:var(--core-critical-10-light-mode-color);--radio-pressed-state-normal-validity-selected-value-background-color:var(--radio-pressed-state-normal-validity-selected-value-light-mode-background-color);--radio-pressed-state-normal-validity-selected-value-border-color:var(--radio-pressed-state-normal-validity-selected-value-light-mode-border-color);--radio-pressed-state-normal-validity-selected-value-dark-mode-background-color:var(--core-emphasis-10-dark-mode-color);--radio-pressed-state-normal-validity-selected-value-dark-mode-border-color:transparent;--radio-pressed-state-normal-validity-selected-value-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--radio-pressed-state-normal-validity-selected-value-icon-color:var(--radio-pressed-state-normal-validity-selected-value-light-mode-icon-color);--radio-pressed-state-normal-validity-selected-value-light-mode-background-color:var(--core-emphasis-10-light-mode-color);--radio-pressed-state-normal-validity-selected-value-light-mode-border-color:transparent;--radio-pressed-state-normal-validity-selected-value-light-mode-icon-color:var(--core-fill-white-light-mode-color);--radio-pressed-state-normal-validity-unselected-value-background-color:var(--radio-pressed-state-normal-validity-unselected-value-light-mode-background-color);--radio-pressed-state-normal-validity-unselected-value-border-color:var(--radio-pressed-state-normal-validity-unselected-value-light-mode-border-color);--radio-pressed-state-normal-validity-unselected-value-dark-mode-background-color:transparent;--radio-pressed-state-normal-validity-unselected-value-dark-mode-border-color:var(--core-emphasis-10-dark-mode-color);--radio-pressed-state-normal-validity-unselected-value-light-mode-background-color:transparent;--radio-pressed-state-normal-validity-unselected-value-light-mode-border-color:var(--core-emphasis-10-light-mode-color);--radio-selected-value-border-radius:var(--core-radius-circle);--radio-selected-value-border-size:0px;--radio-selected-value-dot-size:0.3;--radio-svg-radius:3px;--radio-unselected-value-border-radius:var(--core-radius-circle);--radio-unselected-value-border-size:var(--core-border-20);--radio-unselected-value-dot-size:0;--radio-width:var(--core-control-size-width);--rich-text-link-edit-popover-spacing-vertical:var(--core-metrics-spacing-200);--rich-text-toolbar-background-color:var(--rich-text-toolbar-background-light-mode-color);--rich-text-toolbar-background-dark-mode-color:var(--core-fill-50-dark-mode-color);--rich-text-toolbar-background-light-mode-color:var(--core-fill-50-light-mode-color);--rich-text-toolbar-background-radius:var(--field-border-radius);--rich-text-toolbar-button-icon-height:var(--icon-button-small-size-icon-height);--rich-text-toolbar-button-icon-width:var(--icon-button-small-size-icon-width);--rich-text-toolbar-button-minimum-height:var(--core-metrics-spacing-400);--rich-text-toolbar-button-padding-size:var(--core-metrics-spacing-50);--rich-text-toolbar-button-selected-value-disabled-state-icon-color:var(--rich-text-toolbar-button-selected-value-disabled-state-icon-light-mode-color);--rich-text-toolbar-button-selected-value-disabled-state-icon-dark-mode-color:var(--core-text-30-dark-mode-color);--rich-text-toolbar-button-selected-value-disabled-state-icon-light-mode-color:var(--core-text-30-light-mode-color);--rich-text-toolbar-button-selected-value-focus-state-background-color:var(--rich-text-toolbar-button-selected-value-focus-state-background-light-mode-color);--rich-text-toolbar-button-selected-value-focus-state-background-dark-mode-color:var(--rich-text-toolbar-button-selected-value-hover-state-background-dark-mode-color);--rich-text-toolbar-button-selected-value-focus-state-background-light-mode-color:var(--rich-text-toolbar-button-selected-value-hover-state-background-light-mode-color);--rich-text-toolbar-button-selected-value-focus-state-icon-color:var(--rich-text-toolbar-button-selected-value-focus-state-icon-light-mode-color);--rich-text-toolbar-button-selected-value-focus-state-icon-dark-mode-color:var(--rich-text-toolbar-button-selected-value-hover-state-icon-dark-mode-color);--rich-text-toolbar-button-selected-value-focus-state-icon-light-mode-color:var(--rich-text-toolbar-button-selected-value-hover-state-icon-light-mode-color);--rich-text-toolbar-button-selected-value-hover-state-background-color:var(--rich-text-toolbar-button-selected-value-hover-state-background-light-mode-color);--rich-text-toolbar-button-selected-value-hover-state-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--rich-text-toolbar-button-selected-value-hover-state-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--rich-text-toolbar-button-selected-value-hover-state-icon-color:var(--rich-text-toolbar-button-selected-value-hover-state-icon-light-mode-color);--rich-text-toolbar-button-selected-value-hover-state-icon-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--rich-text-toolbar-button-selected-value-hover-state-icon-light-mode-color:var(--core-emphasis-text-light-mode-color);--rich-text-toolbar-button-selected-value-normal-state-background-color:var(--rich-text-toolbar-button-selected-value-normal-state-background-light-mode-color);--rich-text-toolbar-button-selected-value-normal-state-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--rich-text-toolbar-button-selected-value-normal-state-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--rich-text-toolbar-button-selected-value-normal-state-icon-color:var(--rich-text-toolbar-button-selected-value-normal-state-icon-light-mode-color);--rich-text-toolbar-button-selected-value-normal-state-icon-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--rich-text-toolbar-button-selected-value-normal-state-icon-light-mode-color:var(--core-emphasis-text-light-mode-color);--rich-text-toolbar-button-selected-value-pressed-state-background-color:var(--rich-text-toolbar-button-selected-value-pressed-state-background-light-mode-color);--rich-text-toolbar-button-selected-value-pressed-state-background-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--rich-text-toolbar-button-selected-value-pressed-state-background-light-mode-color:var(--core-emphasis-30-light-mode-color);--rich-text-toolbar-button-selected-value-pressed-state-icon-color:var(--rich-text-toolbar-button-selected-value-pressed-state-icon-light-mode-color);--rich-text-toolbar-button-selected-value-pressed-state-icon-dark-mode-color:var(--core-text-10-dark-mode-color);--rich-text-toolbar-button-selected-value-pressed-state-icon-light-mode-color:var(--core-text-10-light-mode-color);--rich-text-toolbar-button-unselected-value-disabled-state-icon-color:var(--rich-text-toolbar-button-unselected-value-disabled-state-icon-light-mode-color);--rich-text-toolbar-button-unselected-value-disabled-state-icon-dark-mode-color:var(--core-text-30-dark-mode-color);--rich-text-toolbar-button-unselected-value-disabled-state-icon-light-mode-color:var(--core-text-30-light-mode-color);--rich-text-toolbar-button-unselected-value-focus-state-background-color:var(--rich-text-toolbar-button-unselected-value-focus-state-background-light-mode-color);--rich-text-toolbar-button-unselected-value-focus-state-background-dark-mode-color:var(--rich-text-toolbar-button-unselected-value-hover-state-background-dark-mode-color);--rich-text-toolbar-button-unselected-value-focus-state-background-light-mode-color:var(--rich-text-toolbar-button-unselected-value-hover-state-background-light-mode-color);--rich-text-toolbar-button-unselected-value-focus-state-icon-color:var(--rich-text-toolbar-button-unselected-value-focus-state-icon-light-mode-color);--rich-text-toolbar-button-unselected-value-focus-state-icon-dark-mode-color:var(--rich-text-toolbar-button-unselected-value-hover-state-icon-dark-mode-color);--rich-text-toolbar-button-unselected-value-focus-state-icon-light-mode-color:var(--rich-text-toolbar-button-unselected-value-hover-state-icon-light-mode-color);--rich-text-toolbar-button-unselected-value-hover-state-background-color:var(--rich-text-toolbar-button-unselected-value-hover-state-background-light-mode-color);--rich-text-toolbar-button-unselected-value-hover-state-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--rich-text-toolbar-button-unselected-value-hover-state-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--rich-text-toolbar-button-unselected-value-hover-state-icon-color:var(--rich-text-toolbar-button-unselected-value-hover-state-icon-light-mode-color);--rich-text-toolbar-button-unselected-value-hover-state-icon-dark-mode-color:var(--core-text-10-dark-mode-color);--rich-text-toolbar-button-unselected-value-hover-state-icon-light-mode-color:var(--core-text-10-light-mode-color);--rich-text-toolbar-button-unselected-value-normal-state-icon-color:var(--rich-text-toolbar-button-unselected-value-normal-state-icon-light-mode-color);--rich-text-toolbar-button-unselected-value-normal-state-icon-dark-mode-color:var(--core-text-10-dark-mode-color);--rich-text-toolbar-button-unselected-value-normal-state-icon-light-mode-color:var(--core-text-10-light-mode-color);--rich-text-toolbar-button-unselected-value-pressed-state-background-color:var(--rich-text-toolbar-button-unselected-value-pressed-state-background-light-mode-color);--rich-text-toolbar-button-unselected-value-pressed-state-background-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--rich-text-toolbar-button-unselected-value-pressed-state-background-light-mode-color:var(--core-emphasis-30-light-mode-color);--rich-text-toolbar-button-unselected-value-pressed-state-icon-color:var(--rich-text-toolbar-button-unselected-value-pressed-state-icon-light-mode-color);--rich-text-toolbar-button-unselected-value-pressed-state-icon-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--rich-text-toolbar-button-unselected-value-pressed-state-icon-light-mode-color:var(--core-emphasis-text-light-mode-color);--rich-text-toolbar-button-width-multiplier:1;--rich-text-toolbar-divider-vertical-padding:var(--divider-extra-small-variant-vertical-padding);--rich-text-toolbar-overflow-gradient-color:var(--rich-text-toolbar-overflow-gradient-light-mode-color);--rich-text-toolbar-overflow-gradient-dark-mode-color:var(--core-fill-40-dark-mode-color);--rich-text-toolbar-overflow-gradient-light-mode-color:var(--core-fill-40-light-mode-color);--rich-text-toolbar-overflow-gradient-width:var(--core-metrics-spacing-200);--rich-text-toolbar-padding-horizontal:var(--core-metrics-spacing-50);--rich-text-toolbar-padding-vertical:var(--core-metrics-spacing-50);--rich-text-toolbar-spacing-horizontal:var(--core-metrics-spacing-150);--row-background-horizontal-outset-padding:var(--row-normal-variant-background-horizontal-outset-padding);--row-background-radius:var(--row-normal-variant-background-radius);--row-background-vertical-outset-padding:var(--row-normal-variant-background-vertical-outset-padding);--row-dark-mode-focus-ring-color:var(--row-normal-variant-dark-mode-focus-ring-color);--row-destructive-variant-background-horizontal-outset-padding:var(--row-normal-variant-background-horizontal-outset-padding);--row-destructive-variant-background-radius:var(--row-normal-variant-background-radius);--row-destructive-variant-background-vertical-outset-padding:var(--row-normal-variant-background-vertical-outset-padding);--row-destructive-variant-dark-mode-focus-ring-color:var(--core-focus-ring-dark-mode-color);--row-destructive-variant-disabled-state-background-color:var(--row-destructive-variant-disabled-state-background-light-mode-color);--row-destructive-variant-disabled-state-background-dark-mode-color:var(--row-normal-variant-disabled-state-background-dark-mode-color);--row-destructive-variant-disabled-state-background-light-mode-color:var(--row-normal-variant-disabled-state-background-light-mode-color);--row-destructive-variant-disabled-state-drill-color:var(--row-destructive-variant-disabled-state-drill-light-mode-color);--row-destructive-variant-disabled-state-drill-dark-mode-color:var(--row-normal-variant-disabled-state-drill-dark-mode-color);--row-destructive-variant-disabled-state-drill-light-mode-color:var(--row-normal-variant-disabled-state-drill-light-mode-color);--row-destructive-variant-disabled-state-image-opacity:var(--row-normal-variant-disabled-state-image-opacity);--row-destructive-variant-disabled-state-leading-accessory-opacity:var(--row-normal-variant-disabled-state-leading-accessory-opacity);--row-destructive-variant-disabled-state-separator-color:var(--row-destructive-variant-disabled-state-separator-light-mode-color);--row-destructive-variant-disabled-state-separator-dark-mode-color:var(--row-normal-variant-disabled-state-separator-dark-mode-color);--row-destructive-variant-disabled-state-separator-light-mode-color:var(--row-normal-variant-disabled-state-separator-light-mode-color);--row-destructive-variant-disabled-state-side-text-primary-color:var(--row-destructive-variant-disabled-state-side-text-primary-light-mode-color);--row-destructive-variant-disabled-state-side-text-primary-dark-mode-color:var(--row-normal-variant-disabled-state-side-text-primary-dark-mode-color);--row-destructive-variant-disabled-state-side-text-primary-light-mode-color:var(--row-normal-variant-disabled-state-side-text-primary-light-mode-color);--row-destructive-variant-disabled-state-side-text-secondary-color:var(--row-destructive-variant-disabled-state-side-text-secondary-light-mode-color);--row-destructive-variant-disabled-state-side-text-secondary-dark-mode-color:var(--row-normal-variant-disabled-state-side-text-secondary-dark-mode-color);--row-destructive-variant-disabled-state-side-text-secondary-light-mode-color:var(--row-normal-variant-disabled-state-side-text-secondary-light-mode-color);--row-destructive-variant-disabled-state-subtext-color:var(--row-destructive-variant-disabled-state-subtext-light-mode-color);--row-destructive-variant-disabled-state-subtext-dark-mode-color:var(--row-normal-variant-disabled-state-subtext-dark-mode-color);--row-destructive-variant-disabled-state-subtext-light-mode-color:var(--row-normal-variant-disabled-state-subtext-light-mode-color);--row-destructive-variant-disabled-state-tertiary-text-color:var(--row-destructive-variant-disabled-state-tertiary-text-light-mode-color);--row-destructive-variant-disabled-state-tertiary-text-dark-mode-color:var(--row-normal-variant-disabled-state-tertiary-text-dark-mode-color);--row-destructive-variant-disabled-state-tertiary-text-light-mode-color:var(--row-normal-variant-disabled-state-tertiary-text-light-mode-color);--row-destructive-variant-disabled-state-text-color:var(--row-destructive-variant-disabled-state-text-light-mode-color);--row-destructive-variant-disabled-state-text-dark-mode-color:var(--row-normal-variant-disabled-state-text-dark-mode-color);--row-destructive-variant-disabled-state-text-light-mode-color:var(--row-normal-variant-disabled-state-text-light-mode-color);--row-destructive-variant-focus-ring-color:var(--row-destructive-variant-light-mode-focus-ring-color);--row-destructive-variant-focus-state-background-color:var(--row-destructive-variant-focus-state-background-light-mode-color);--row-destructive-variant-focus-state-background-dark-mode-color:var(--row-destructive-variant-hover-state-background-dark-mode-color);--row-destructive-variant-focus-state-background-light-mode-color:var(--row-destructive-variant-hover-state-background-light-mode-color);--row-destructive-variant-focus-state-drill-color:var(--row-destructive-variant-focus-state-drill-light-mode-color);--row-destructive-variant-focus-state-drill-dark-mode-color:var(--row-destructive-variant-hover-state-drill-dark-mode-color);--row-destructive-variant-focus-state-drill-light-mode-color:var(--row-destructive-variant-hover-state-drill-light-mode-color);--row-destructive-variant-focus-state-icon-color:var(--row-destructive-variant-focus-state-icon-light-mode-color);--row-destructive-variant-focus-state-icon-dark-mode-color:var(--row-destructive-variant-hover-state-icon-dark-mode-color);--row-destructive-variant-focus-state-icon-light-mode-color:var(--row-destructive-variant-hover-state-icon-light-mode-color);--row-destructive-variant-focus-state-separator-color:var(--row-destructive-variant-focus-state-separator-light-mode-color);--row-destructive-variant-focus-state-separator-dark-mode-color:var(--row-destructive-variant-hover-state-separator-dark-mode-color);--row-destructive-variant-focus-state-separator-light-mode-color:var(--row-destructive-variant-hover-state-separator-light-mode-color);--row-destructive-variant-focus-state-side-text-primary-color:var(--row-destructive-variant-focus-state-side-text-primary-light-mode-color);--row-destructive-variant-focus-state-side-text-primary-dark-mode-color:var(--row-destructive-variant-hover-state-side-text-primary-dark-mode-color);--row-destructive-variant-focus-state-side-text-primary-light-mode-color:var(--row-destructive-variant-hover-state-side-text-primary-light-mode-color);--row-destructive-variant-focus-state-side-text-secondary-color:var(--row-destructive-variant-focus-state-side-text-secondary-light-mode-color);--row-destructive-variant-focus-state-side-text-secondary-dark-mode-color:var(--row-destructive-variant-hover-state-side-text-secondary-dark-mode-color);--row-destructive-variant-focus-state-side-text-secondary-light-mode-color:var(--row-destructive-variant-hover-state-side-text-secondary-light-mode-color);--row-destructive-variant-focus-state-subtext-color:var(--row-destructive-variant-focus-state-subtext-light-mode-color);--row-destructive-variant-focus-state-subtext-dark-mode-color:var(--row-destructive-variant-hover-state-subtext-dark-mode-color);--row-destructive-variant-focus-state-subtext-light-mode-color:var(--row-destructive-variant-hover-state-subtext-light-mode-color);--row-destructive-variant-focus-state-tertiary-text-color:var(--row-destructive-variant-focus-state-tertiary-text-light-mode-color);--row-destructive-variant-focus-state-tertiary-text-dark-mode-color:var(--row-destructive-variant-hover-state-tertiary-text-dark-mode-color);--row-destructive-variant-focus-state-tertiary-text-light-mode-color:var(--row-destructive-variant-hover-state-tertiary-text-light-mode-color);--row-destructive-variant-focus-state-text-color:var(--row-destructive-variant-focus-state-text-light-mode-color);--row-destructive-variant-focus-state-text-dark-mode-color:var(--row-destructive-variant-hover-state-text-dark-mode-color);--row-destructive-variant-focus-state-text-light-mode-color:var(--row-destructive-variant-hover-state-text-light-mode-color);--row-destructive-variant-hover-state-background-color:var(--row-destructive-variant-hover-state-background-light-mode-color);--row-destructive-variant-hover-state-background-dark-mode-color:var(--core-critical-40-dark-mode-color);--row-destructive-variant-hover-state-background-light-mode-color:var(--core-critical-40-light-mode-color);--row-destructive-variant-hover-state-drill-color:var(--row-destructive-variant-hover-state-drill-light-mode-color);--row-destructive-variant-hover-state-drill-dark-mode-color:var(--row-destructive-variant-normal-state-drill-dark-mode-color);--row-destructive-variant-hover-state-drill-light-mode-color:var(--row-destructive-variant-normal-state-drill-light-mode-color);--row-destructive-variant-hover-state-icon-color:var(--row-destructive-variant-hover-state-icon-light-mode-color);--row-destructive-variant-hover-state-icon-dark-mode-color:var(--row-destructive-variant-normal-state-icon-dark-mode-color);--row-destructive-variant-hover-state-icon-light-mode-color:var(--row-destructive-variant-normal-state-icon-light-mode-color);--row-destructive-variant-hover-state-separator-color:var(--row-destructive-variant-hover-state-separator-light-mode-color);--row-destructive-variant-hover-state-separator-dark-mode-color:transparent;--row-destructive-variant-hover-state-separator-light-mode-color:transparent;--row-destructive-variant-hover-state-side-text-primary-color:var(--row-destructive-variant-hover-state-side-text-primary-light-mode-color);--row-destructive-variant-hover-state-side-text-primary-dark-mode-color:var(--row-destructive-variant-normal-state-side-text-primary-dark-mode-color);--row-destructive-variant-hover-state-side-text-primary-light-mode-color:var(--row-destructive-variant-normal-state-side-text-primary-light-mode-color);--row-destructive-variant-hover-state-side-text-secondary-color:var(--row-destructive-variant-hover-state-side-text-secondary-light-mode-color);--row-destructive-variant-hover-state-side-text-secondary-dark-mode-color:var(--row-destructive-variant-normal-state-side-text-secondary-dark-mode-color);--row-destructive-variant-hover-state-side-text-secondary-light-mode-color:var(--row-destructive-variant-normal-state-side-text-secondary-light-mode-color);--row-destructive-variant-hover-state-subtext-color:var(--row-destructive-variant-hover-state-subtext-light-mode-color);--row-destructive-variant-hover-state-subtext-dark-mode-color:var(--row-destructive-variant-normal-state-subtext-dark-mode-color);--row-destructive-variant-hover-state-subtext-light-mode-color:var(--row-destructive-variant-normal-state-subtext-light-mode-color);--row-destructive-variant-hover-state-tertiary-text-color:var(--row-destructive-variant-hover-state-tertiary-text-light-mode-color);--row-destructive-variant-hover-state-tertiary-text-dark-mode-color:var(--row-destructive-variant-normal-state-tertiary-text-dark-mode-color);--row-destructive-variant-hover-state-tertiary-text-light-mode-color:var(--row-destructive-variant-normal-state-tertiary-text-light-mode-color);--row-destructive-variant-hover-state-text-color:var(--row-destructive-variant-hover-state-text-light-mode-color);--row-destructive-variant-hover-state-text-dark-mode-color:var(--row-destructive-variant-normal-state-text-dark-mode-color);--row-destructive-variant-hover-state-text-light-mode-color:var(--row-destructive-variant-normal-state-text-light-mode-color);--row-destructive-variant-light-mode-focus-ring-color:var(--core-focus-ring-light-mode-color);--row-destructive-variant-normal-state-background-color:var(--row-destructive-variant-normal-state-background-light-mode-color);--row-destructive-variant-normal-state-background-dark-mode-color:transparent;--row-destructive-variant-normal-state-background-light-mode-color:transparent;--row-destructive-variant-normal-state-drill-color:var(--row-destructive-variant-normal-state-drill-light-mode-color);--row-destructive-variant-normal-state-drill-dark-mode-color:var(--core-critical-20-dark-mode-color);--row-destructive-variant-normal-state-drill-light-mode-color:var(--core-critical-20-light-mode-color);--row-destructive-variant-normal-state-icon-color:var(--row-destructive-variant-normal-state-icon-light-mode-color);--row-destructive-variant-normal-state-icon-dark-mode-color:var(--core-fill-10-dark-mode-color);--row-destructive-variant-normal-state-icon-light-mode-color:var(--core-fill-10-light-mode-color);--row-destructive-variant-normal-state-separator-color:var(--row-destructive-variant-normal-state-separator-light-mode-color);--row-destructive-variant-normal-state-separator-dark-mode-color:var(--core-divider-20-dark-mode-color);--row-destructive-variant-normal-state-separator-light-mode-color:var(--core-divider-20-light-mode-color);--row-destructive-variant-normal-state-side-text-primary-color:var(--row-destructive-variant-normal-state-side-text-primary-light-mode-color);--row-destructive-variant-normal-state-side-text-primary-dark-mode-color:var(--core-critical-text-dark-mode-color);--row-destructive-variant-normal-state-side-text-primary-light-mode-color:var(--core-critical-text-light-mode-color);--row-destructive-variant-normal-state-side-text-secondary-color:var(--row-destructive-variant-normal-state-side-text-secondary-light-mode-color);--row-destructive-variant-normal-state-side-text-secondary-dark-mode-color:var(--core-critical-text-dark-mode-color);--row-destructive-variant-normal-state-side-text-secondary-light-mode-color:var(--core-critical-text-light-mode-color);--row-destructive-variant-normal-state-subtext-color:var(--row-destructive-variant-normal-state-subtext-light-mode-color);--row-destructive-variant-normal-state-subtext-dark-mode-color:var(--core-critical-text-dark-mode-color);--row-destructive-variant-normal-state-subtext-light-mode-color:var(--core-critical-text-light-mode-color);--row-destructive-variant-normal-state-tertiary-text-color:var(--row-destructive-variant-normal-state-tertiary-text-light-mode-color);--row-destructive-variant-normal-state-tertiary-text-dark-mode-color:var(--core-critical-text-dark-mode-color);--row-destructive-variant-normal-state-tertiary-text-light-mode-color:var(--core-critical-text-light-mode-color);--row-destructive-variant-normal-state-text-color:var(--row-destructive-variant-normal-state-text-light-mode-color);--row-destructive-variant-normal-state-text-dark-mode-color:var(--core-critical-text-dark-mode-color);--row-destructive-variant-normal-state-text-light-mode-color:var(--core-critical-text-light-mode-color);--row-destructive-variant-pressed-state-background-color:var(--row-destructive-variant-pressed-state-background-light-mode-color);--row-destructive-variant-pressed-state-background-dark-mode-color:var(--core-critical-30-dark-mode-color);--row-destructive-variant-pressed-state-background-light-mode-color:var(--core-critical-30-light-mode-color);--row-destructive-variant-pressed-state-drill-color:var(--row-destructive-variant-pressed-state-drill-light-mode-color);--row-destructive-variant-pressed-state-drill-dark-mode-color:var(--row-destructive-variant-normal-state-drill-dark-mode-color);--row-destructive-variant-pressed-state-drill-light-mode-color:var(--row-destructive-variant-normal-state-drill-light-mode-color);--row-destructive-variant-pressed-state-icon-color:var(--row-destructive-variant-pressed-state-icon-light-mode-color);--row-destructive-variant-pressed-state-icon-dark-mode-color:var(--row-destructive-variant-normal-state-icon-dark-mode-color);--row-destructive-variant-pressed-state-icon-light-mode-color:var(--row-destructive-variant-normal-state-icon-light-mode-color);--row-destructive-variant-pressed-state-separator-color:var(--row-destructive-variant-pressed-state-separator-light-mode-color);--row-destructive-variant-pressed-state-separator-dark-mode-color:var(--row-destructive-variant-normal-state-separator-dark-mode-color);--row-destructive-variant-pressed-state-separator-light-mode-color:var(--row-destructive-variant-normal-state-separator-light-mode-color);--row-destructive-variant-pressed-state-side-text-primary-color:var(--row-destructive-variant-pressed-state-side-text-primary-light-mode-color);--row-destructive-variant-pressed-state-side-text-primary-dark-mode-color:var(--row-destructive-variant-normal-state-side-text-primary-dark-mode-color);--row-destructive-variant-pressed-state-side-text-primary-light-mode-color:var(--row-destructive-variant-normal-state-side-text-primary-light-mode-color);--row-destructive-variant-pressed-state-side-text-secondary-color:var(--row-destructive-variant-pressed-state-side-text-secondary-light-mode-color);--row-destructive-variant-pressed-state-side-text-secondary-dark-mode-color:var(--row-destructive-variant-normal-state-side-text-secondary-dark-mode-color);--row-destructive-variant-pressed-state-side-text-secondary-light-mode-color:var(--row-destructive-variant-normal-state-side-text-secondary-light-mode-color);--row-destructive-variant-pressed-state-subtext-color:var(--row-destructive-variant-pressed-state-subtext-light-mode-color);--row-destructive-variant-pressed-state-subtext-dark-mode-color:var(--row-destructive-variant-normal-state-subtext-dark-mode-color);--row-destructive-variant-pressed-state-subtext-light-mode-color:var(--row-destructive-variant-normal-state-subtext-light-mode-color);--row-destructive-variant-pressed-state-tertiary-text-color:var(--row-destructive-variant-pressed-state-tertiary-text-light-mode-color);--row-destructive-variant-pressed-state-tertiary-text-dark-mode-color:var(--row-destructive-variant-normal-state-tertiary-text-dark-mode-color);--row-destructive-variant-pressed-state-tertiary-text-light-mode-color:var(--row-destructive-variant-normal-state-tertiary-text-light-mode-color);--row-destructive-variant-pressed-state-text-color:var(--row-destructive-variant-pressed-state-text-light-mode-color);--row-destructive-variant-pressed-state-text-dark-mode-color:var(--row-destructive-variant-normal-state-text-dark-mode-color);--row-destructive-variant-pressed-state-text-light-mode-color:var(--row-destructive-variant-normal-state-text-light-mode-color);--row-destructive-variant-selected-state-background-color:var(--row-destructive-variant-selected-state-background-light-mode-color);--row-destructive-variant-selected-state-background-dark-mode-color:var(--row-destructive-variant-hover-state-background-dark-mode-color);--row-destructive-variant-selected-state-background-light-mode-color:var(--row-destructive-variant-hover-state-background-light-mode-color);--row-destructive-variant-selected-state-drill-color:var(--row-destructive-variant-selected-state-drill-light-mode-color);--row-destructive-variant-selected-state-drill-dark-mode-color:var(--row-destructive-variant-hover-state-drill-dark-mode-color);--row-destructive-variant-selected-state-drill-light-mode-color:var(--row-destructive-variant-hover-state-drill-light-mode-color);--row-destructive-variant-selected-state-icon-color:var(--row-destructive-variant-selected-state-icon-light-mode-color);--row-destructive-variant-selected-state-icon-dark-mode-color:var(--row-destructive-variant-hover-state-icon-dark-mode-color);--row-destructive-variant-selected-state-icon-light-mode-color:var(--row-destructive-variant-hover-state-icon-light-mode-color);--row-destructive-variant-selected-state-separator-color:var(--row-destructive-variant-selected-state-separator-light-mode-color);--row-destructive-variant-selected-state-separator-dark-mode-color:var(--row-destructive-variant-hover-state-separator-dark-mode-color);--row-destructive-variant-selected-state-separator-light-mode-color:var(--row-destructive-variant-hover-state-separator-light-mode-color);--row-destructive-variant-selected-state-side-text-primary-color:var(--row-destructive-variant-selected-state-side-text-primary-light-mode-color);--row-destructive-variant-selected-state-side-text-primary-dark-mode-color:var(--row-destructive-variant-hover-state-side-text-primary-dark-mode-color);--row-destructive-variant-selected-state-side-text-primary-light-mode-color:var(--row-destructive-variant-hover-state-side-text-primary-light-mode-color);--row-destructive-variant-selected-state-side-text-secondary-color:var(--row-destructive-variant-selected-state-side-text-secondary-light-mode-color);--row-destructive-variant-selected-state-side-text-secondary-dark-mode-color:var(--row-destructive-variant-hover-state-side-text-secondary-dark-mode-color);--row-destructive-variant-selected-state-side-text-secondary-light-mode-color:var(--row-destructive-variant-hover-state-side-text-secondary-light-mode-color);--row-destructive-variant-selected-state-subtext-color:var(--row-destructive-variant-selected-state-subtext-light-mode-color);--row-destructive-variant-selected-state-subtext-dark-mode-color:var(--row-destructive-variant-hover-state-subtext-dark-mode-color);--row-destructive-variant-selected-state-subtext-light-mode-color:var(--row-destructive-variant-hover-state-subtext-light-mode-color);--row-destructive-variant-selected-state-tertiary-text-color:var(--row-destructive-variant-selected-state-tertiary-text-light-mode-color);--row-destructive-variant-selected-state-tertiary-text-dark-mode-color:var(--row-destructive-variant-hover-state-tertiary-text-dark-mode-color);--row-destructive-variant-selected-state-tertiary-text-light-mode-color:var(--row-destructive-variant-hover-state-tertiary-text-light-mode-color);--row-destructive-variant-selected-state-text-color:var(--row-destructive-variant-selected-state-text-light-mode-color);--row-destructive-variant-selected-state-text-dark-mode-color:var(--row-destructive-variant-hover-state-text-dark-mode-color);--row-destructive-variant-selected-state-text-light-mode-color:var(--row-destructive-variant-hover-state-text-light-mode-color);--row-destructive-variant-separator-height:var(--row-normal-variant-separator-height);--row-disabled-state-background-color:var(--row-disabled-state-background-light-mode-color);--row-disabled-state-background-dark-mode-color:var(--row-normal-variant-disabled-state-background-dark-mode-color);--row-disabled-state-background-light-mode-color:var(--row-normal-variant-disabled-state-background-light-mode-color);--row-disabled-state-drill-color:var(--row-disabled-state-drill-light-mode-color);--row-disabled-state-drill-dark-mode-color:var(--row-normal-variant-disabled-state-drill-dark-mode-color);--row-disabled-state-drill-light-mode-color:var(--row-normal-variant-disabled-state-drill-light-mode-color);--row-disabled-state-image-opacity:var(--row-normal-variant-disabled-state-image-opacity);--row-disabled-state-leading-accessory-opacity:var(--row-normal-variant-disabled-state-leading-accessory-opacity);--row-disabled-state-separator-color:var(--row-disabled-state-separator-light-mode-color);--row-disabled-state-separator-dark-mode-color:var(--row-normal-variant-disabled-state-separator-dark-mode-color);--row-disabled-state-separator-light-mode-color:var(--row-normal-variant-disabled-state-separator-light-mode-color);--row-disabled-state-side-text-primary-color:var(--row-disabled-state-side-text-primary-light-mode-color);--row-disabled-state-side-text-primary-dark-mode-color:var(--row-normal-variant-disabled-state-side-text-primary-dark-mode-color);--row-disabled-state-side-text-primary-light-mode-color:var(--row-normal-variant-disabled-state-side-text-primary-light-mode-color);--row-disabled-state-side-text-secondary-color:var(--row-disabled-state-side-text-secondary-light-mode-color);--row-disabled-state-side-text-secondary-dark-mode-color:var(--row-normal-variant-disabled-state-side-text-secondary-dark-mode-color);--row-disabled-state-side-text-secondary-light-mode-color:var(--row-normal-variant-disabled-state-side-text-secondary-light-mode-color);--row-disabled-state-subtext-color:var(--row-disabled-state-subtext-light-mode-color);--row-disabled-state-subtext-dark-mode-color:var(--row-normal-variant-disabled-state-subtext-dark-mode-color);--row-disabled-state-subtext-light-mode-color:var(--row-normal-variant-disabled-state-subtext-light-mode-color);--row-disabled-state-tertiary-text-color:var(--row-disabled-state-tertiary-text-light-mode-color);--row-disabled-state-tertiary-text-dark-mode-color:var(--row-normal-variant-disabled-state-tertiary-text-dark-mode-color);--row-disabled-state-tertiary-text-light-mode-color:var(--row-normal-variant-disabled-state-tertiary-text-light-mode-color);--row-disabled-state-text-color:var(--row-disabled-state-text-light-mode-color);--row-disabled-state-text-dark-mode-color:var(--row-normal-variant-disabled-state-text-dark-mode-color);--row-disabled-state-text-light-mode-color:var(--row-normal-variant-disabled-state-text-light-mode-color);--row-focus-ring-border-size:var(--core-focus-ring-border-size);--row-focus-ring-buffer-size:var(--core-focus-ring-buffer-size);--row-focus-ring-color:var(--row-light-mode-focus-ring-color);--row-focus-ring-radius:6px;--row-focus-state-background-color:var(--row-focus-state-background-light-mode-color);--row-focus-state-background-dark-mode-color:var(--row-normal-variant-focus-state-background-dark-mode-color);--row-focus-state-background-light-mode-color:var(--row-normal-variant-focus-state-background-light-mode-color);--row-focus-state-drill-color:var(--row-focus-state-drill-light-mode-color);--row-focus-state-drill-dark-mode-color:var(--row-normal-variant-focus-state-drill-dark-mode-color);--row-focus-state-drill-light-mode-color:var(--row-normal-variant-focus-state-drill-light-mode-color);--row-focus-state-icon-color:var(--row-focus-state-icon-light-mode-color);--row-focus-state-icon-dark-mode-color:var(--row-normal-variant-focus-state-icon-dark-mode-color);--row-focus-state-icon-light-mode-color:var(--row-normal-variant-focus-state-icon-light-mode-color);--row-focus-state-separator-color:var(--row-focus-state-separator-light-mode-color);--row-focus-state-separator-dark-mode-color:var(--row-normal-variant-focus-state-separator-dark-mode-color);--row-focus-state-separator-light-mode-color:var(--row-normal-variant-focus-state-separator-light-mode-color);--row-focus-state-side-text-primary-color:var(--row-focus-state-side-text-primary-light-mode-color);--row-focus-state-side-text-primary-dark-mode-color:var(--row-normal-variant-focus-state-side-text-primary-dark-mode-color);--row-focus-state-side-text-primary-light-mode-color:var(--row-normal-variant-focus-state-side-text-primary-light-mode-color);--row-focus-state-side-text-secondary-color:var(--row-focus-state-side-text-secondary-light-mode-color);--row-focus-state-side-text-secondary-dark-mode-color:var(--row-normal-variant-focus-state-side-text-secondary-dark-mode-color);--row-focus-state-side-text-secondary-light-mode-color:var(--row-normal-variant-focus-state-side-text-secondary-light-mode-color);--row-focus-state-subtext-color:var(--row-focus-state-subtext-light-mode-color);--row-focus-state-subtext-dark-mode-color:var(--row-normal-variant-focus-state-subtext-dark-mode-color);--row-focus-state-subtext-light-mode-color:var(--row-normal-variant-focus-state-subtext-light-mode-color);--row-focus-state-tertiary-text-color:var(--row-focus-state-tertiary-text-light-mode-color);--row-focus-state-tertiary-text-dark-mode-color:var(--row-normal-variant-focus-state-tertiary-text-dark-mode-color);--row-focus-state-tertiary-text-light-mode-color:var(--row-normal-variant-focus-state-tertiary-text-light-mode-color);--row-focus-state-text-color:var(--row-focus-state-text-light-mode-color);--row-focus-state-text-dark-mode-color:var(--row-normal-variant-focus-state-text-dark-mode-color);--row-focus-state-text-light-mode-color:var(--row-normal-variant-focus-state-text-light-mode-color);--row-horizontal-spacing:12px;--row-hover-state-background-color:var(--row-hover-state-background-light-mode-color);--row-hover-state-background-dark-mode-color:var(--row-normal-variant-hover-state-background-dark-mode-color);--row-hover-state-background-light-mode-color:var(--row-normal-variant-hover-state-background-light-mode-color);--row-hover-state-drill-color:var(--row-hover-state-drill-light-mode-color);--row-hover-state-drill-dark-mode-color:var(--row-normal-variant-hover-state-drill-dark-mode-color);--row-hover-state-drill-light-mode-color:var(--row-normal-variant-hover-state-drill-light-mode-color);--row-hover-state-icon-color:var(--row-hover-state-icon-light-mode-color);--row-hover-state-icon-dark-mode-color:var(--row-normal-variant-hover-state-icon-dark-mode-color);--row-hover-state-icon-light-mode-color:var(--row-normal-variant-hover-state-icon-light-mode-color);--row-hover-state-separator-color:var(--row-hover-state-separator-light-mode-color);--row-hover-state-separator-dark-mode-color:var(--row-normal-variant-hover-state-separator-dark-mode-color);--row-hover-state-separator-light-mode-color:var(--row-normal-variant-hover-state-separator-light-mode-color);--row-hover-state-side-text-primary-color:var(--row-hover-state-side-text-primary-light-mode-color);--row-hover-state-side-text-primary-dark-mode-color:var(--row-normal-variant-hover-state-side-text-primary-dark-mode-color);--row-hover-state-side-text-primary-light-mode-color:var(--row-normal-variant-hover-state-side-text-primary-light-mode-color);--row-hover-state-side-text-secondary-color:var(--row-hover-state-side-text-secondary-light-mode-color);--row-hover-state-side-text-secondary-dark-mode-color:var(--row-normal-variant-hover-state-side-text-secondary-dark-mode-color);--row-hover-state-side-text-secondary-light-mode-color:var(--row-normal-variant-hover-state-side-text-secondary-light-mode-color);--row-hover-state-subtext-color:var(--row-hover-state-subtext-light-mode-color);--row-hover-state-subtext-dark-mode-color:var(--row-normal-variant-hover-state-subtext-dark-mode-color);--row-hover-state-subtext-light-mode-color:var(--row-normal-variant-hover-state-subtext-light-mode-color);--row-hover-state-tertiary-text-color:var(--row-hover-state-tertiary-text-light-mode-color);--row-hover-state-tertiary-text-dark-mode-color:var(--row-normal-variant-hover-state-tertiary-text-dark-mode-color);--row-hover-state-tertiary-text-light-mode-color:var(--row-normal-variant-hover-state-tertiary-text-light-mode-color);--row-hover-state-text-color:var(--row-hover-state-text-light-mode-color);--row-hover-state-text-dark-mode-color:var(--row-normal-variant-hover-state-text-dark-mode-color);--row-hover-state-text-light-mode-color:var(--row-normal-variant-hover-state-text-light-mode-color);--row-light-mode-focus-ring-color:var(--row-normal-variant-light-mode-focus-ring-color);--row-medium-size-side-text-primary-case:var(--core-type-paragraph-30-case);--row-medium-size-side-text-primary-font-family:var(--core-type-paragraph-30-font-family);--row-medium-size-side-text-primary-leading:var(--core-type-paragraph-30-leading);--row-medium-size-side-text-primary-number-spacing:var(--core-type-paragraph-30-number-spacing);--row-medium-size-side-text-primary-scale:var(--core-type-paragraph-30-scale);--row-medium-size-side-text-primary-size:var(--core-type-paragraph-30-size);--row-medium-size-side-text-primary-tracking:var(--core-type-paragraph-30-tracking);--row-medium-size-side-text-primary-weight:var(--core-type-paragraph-30-weight);--row-medium-size-side-text-secondary-case:var(--core-type-paragraph-20-case);--row-medium-size-side-text-secondary-font-family:var(--core-type-paragraph-20-font-family);--row-medium-size-side-text-secondary-leading:var(--core-type-paragraph-20-leading);--row-medium-size-side-text-secondary-number-spacing:var(--core-type-paragraph-20-number-spacing);--row-medium-size-side-text-secondary-scale:var(--core-type-paragraph-20-scale);--row-medium-size-side-text-secondary-size:var(--core-type-paragraph-20-size);--row-medium-size-side-text-secondary-tracking:var(--core-type-paragraph-20-tracking);--row-medium-size-side-text-secondary-weight:var(--core-type-paragraph-20-weight);--row-medium-size-subtext-case:var(--core-type-paragraph-20-case);--row-medium-size-subtext-font-family:var(--core-type-paragraph-20-font-family);--row-medium-size-subtext-leading:var(--core-type-paragraph-20-leading);--row-medium-size-subtext-number-spacing:var(--core-type-paragraph-20-number-spacing);--row-medium-size-subtext-scale:var(--core-type-paragraph-20-scale);--row-medium-size-subtext-size:var(--core-type-paragraph-20-size);--row-medium-size-subtext-tracking:var(--core-type-paragraph-20-tracking);--row-medium-size-subtext-weight:var(--core-type-paragraph-20-weight);--row-medium-size-tertiary-text-case:var(--core-type-paragraph-20-case);--row-medium-size-tertiary-text-font-family:var(--core-type-paragraph-20-font-family);--row-medium-size-tertiary-text-leading:var(--core-type-paragraph-20-leading);--row-medium-size-tertiary-text-number-spacing:var(--core-type-paragraph-20-number-spacing);--row-medium-size-tertiary-text-scale:var(--core-type-paragraph-20-scale);--row-medium-size-tertiary-text-size:var(--core-type-paragraph-20-size);--row-medium-size-tertiary-text-tracking:var(--core-type-paragraph-20-tracking);--row-medium-size-tertiary-text-weight:var(--core-type-paragraph-20-weight);--row-medium-size-text-case:var(--core-type-medium-30-case);--row-medium-size-text-font-family:var(--core-type-medium-30-font-family);--row-medium-size-text-leading:var(--core-type-medium-30-leading);--row-medium-size-text-number-spacing:var(--core-type-medium-30-number-spacing);--row-medium-size-text-scale:var(--core-type-medium-30-scale);--row-medium-size-text-size:var(--core-type-medium-30-size);--row-medium-size-text-tracking:var(--core-type-medium-30-tracking);--row-medium-size-text-vertical-gap:var(--core-metrics-spacing-25);--row-medium-size-text-vertical-spacing:2px;--row-medium-size-text-weight:var(--core-type-medium-30-weight);--row-medium-size-vertical-bottom-accessory-gap:var(--core-metrics-spacing-150);--row-medium-size-vertical-padding:var(--core-metrics-spacing-200);--row-normal-state-background-color:var(--row-normal-state-background-light-mode-color);--row-normal-state-background-dark-mode-color:var(--row-normal-variant-normal-state-background-dark-mode-color);--row-normal-state-background-light-mode-color:var(--row-normal-variant-normal-state-background-light-mode-color);--row-normal-state-drill-color:var(--row-normal-state-drill-light-mode-color);--row-normal-state-drill-dark-mode-color:var(--row-normal-variant-normal-state-drill-dark-mode-color);--row-normal-state-drill-light-mode-color:var(--row-normal-variant-normal-state-drill-light-mode-color);--row-normal-state-icon-color:var(--row-normal-state-icon-light-mode-color);--row-normal-state-icon-dark-mode-color:var(--row-normal-variant-normal-state-icon-dark-mode-color);--row-normal-state-icon-light-mode-color:var(--row-normal-variant-normal-state-icon-light-mode-color);--row-normal-state-separator-color:var(--row-normal-state-separator-light-mode-color);--row-normal-state-separator-dark-mode-color:var(--row-normal-variant-normal-state-separator-dark-mode-color);--row-normal-state-separator-light-mode-color:var(--row-normal-variant-normal-state-separator-light-mode-color);--row-normal-state-side-text-primary-color:var(--row-normal-state-side-text-primary-light-mode-color);--row-normal-state-side-text-primary-dark-mode-color:var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color);--row-normal-state-side-text-primary-light-mode-color:var(--row-normal-variant-normal-state-side-text-primary-light-mode-color);--row-normal-state-side-text-secondary-color:var(--row-normal-state-side-text-secondary-light-mode-color);--row-normal-state-side-text-secondary-dark-mode-color:var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color);--row-normal-state-side-text-secondary-light-mode-color:var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color);--row-normal-state-subtext-color:var(--row-normal-state-subtext-light-mode-color);--row-normal-state-subtext-dark-mode-color:var(--row-normal-variant-normal-state-subtext-dark-mode-color);--row-normal-state-subtext-light-mode-color:var(--row-normal-variant-normal-state-subtext-light-mode-color);--row-normal-state-tertiary-text-color:var(--row-normal-state-tertiary-text-light-mode-color);--row-normal-state-tertiary-text-dark-mode-color:var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color);--row-normal-state-tertiary-text-light-mode-color:var(--row-normal-variant-normal-state-tertiary-text-light-mode-color);--row-normal-state-text-color:var(--row-normal-state-text-light-mode-color);--row-normal-state-text-dark-mode-color:var(--row-normal-variant-normal-state-text-dark-mode-color);--row-normal-state-text-light-mode-color:var(--row-normal-variant-normal-state-text-light-mode-color);--row-normal-variant-background-horizontal-outset-padding:var(--core-metrics-spacing-100);--row-normal-variant-background-radius:var(--core-radius-10);--row-normal-variant-background-vertical-outset-padding:0px;--row-normal-variant-dark-mode-focus-ring-color:var(--core-focus-ring-dark-mode-color);--row-normal-variant-disabled-state-background-color:var(--row-normal-variant-disabled-state-background-light-mode-color);--row-normal-variant-disabled-state-background-dark-mode-color:var(--row-normal-variant-normal-state-background-dark-mode-color);--row-normal-variant-disabled-state-background-light-mode-color:var(--row-normal-variant-normal-state-background-light-mode-color);--row-normal-variant-disabled-state-drill-color:var(--row-normal-variant-disabled-state-drill-light-mode-color);--row-normal-variant-disabled-state-drill-dark-mode-color:var(--core-fill-30-dark-mode-color);--row-normal-variant-disabled-state-drill-light-mode-color:var(--core-fill-30-light-mode-color);--row-normal-variant-disabled-state-image-opacity:var(--row-normal-variant-disabled-state-leading-accessory-opacity);--row-normal-variant-disabled-state-leading-accessory-opacity:var(--core-opacity-disabled-state);--row-normal-variant-disabled-state-separator-color:var(--row-normal-variant-disabled-state-separator-light-mode-color);--row-normal-variant-disabled-state-separator-dark-mode-color:var(--core-divider-20-dark-mode-color);--row-normal-variant-disabled-state-separator-light-mode-color:var(--core-divider-20-light-mode-color);--row-normal-variant-disabled-state-side-text-primary-color:var(--row-normal-variant-disabled-state-side-text-primary-light-mode-color);--row-normal-variant-disabled-state-side-text-primary-dark-mode-color:var(--core-text-30-dark-mode-color);--row-normal-variant-disabled-state-side-text-primary-light-mode-color:var(--core-text-30-light-mode-color);--row-normal-variant-disabled-state-side-text-secondary-color:var(--row-normal-variant-disabled-state-side-text-secondary-light-mode-color);--row-normal-variant-disabled-state-side-text-secondary-dark-mode-color:var(--core-text-30-dark-mode-color);--row-normal-variant-disabled-state-side-text-secondary-light-mode-color:var(--core-text-30-light-mode-color);--row-normal-variant-disabled-state-subtext-color:var(--row-normal-variant-disabled-state-subtext-light-mode-color);--row-normal-variant-disabled-state-subtext-dark-mode-color:var(--core-text-30-dark-mode-color);--row-normal-variant-disabled-state-subtext-light-mode-color:var(--core-text-30-light-mode-color);--row-normal-variant-disabled-state-tertiary-text-color:var(--row-normal-variant-disabled-state-tertiary-text-light-mode-color);--row-normal-variant-disabled-state-tertiary-text-dark-mode-color:var(--core-text-30-dark-mode-color);--row-normal-variant-disabled-state-tertiary-text-light-mode-color:var(--core-text-30-light-mode-color);--row-normal-variant-disabled-state-text-color:var(--row-normal-variant-disabled-state-text-light-mode-color);--row-normal-variant-disabled-state-text-dark-mode-color:var(--core-text-30-dark-mode-color);--row-normal-variant-disabled-state-text-light-mode-color:var(--core-text-30-light-mode-color);--row-normal-variant-focus-ring-color:var(--row-normal-variant-light-mode-focus-ring-color);--row-normal-variant-focus-state-background-color:var(--row-normal-variant-focus-state-background-light-mode-color);--row-normal-variant-focus-state-background-dark-mode-color:var(--row-normal-variant-hover-state-background-dark-mode-color);--row-normal-variant-focus-state-background-light-mode-color:var(--row-normal-variant-hover-state-background-light-mode-color);--row-normal-variant-focus-state-drill-color:var(--row-normal-variant-focus-state-drill-light-mode-color);--row-normal-variant-focus-state-drill-dark-mode-color:var(--row-normal-variant-hover-state-drill-dark-mode-color);--row-normal-variant-focus-state-drill-light-mode-color:var(--row-normal-variant-hover-state-drill-light-mode-color);--row-normal-variant-focus-state-icon-color:var(--row-normal-variant-focus-state-icon-light-mode-color);--row-normal-variant-focus-state-icon-dark-mode-color:var(--row-normal-variant-hover-state-icon-dark-mode-color);--row-normal-variant-focus-state-icon-light-mode-color:var(--row-normal-variant-hover-state-icon-light-mode-color);--row-normal-variant-focus-state-separator-color:var(--row-normal-variant-focus-state-separator-light-mode-color);--row-normal-variant-focus-state-separator-dark-mode-color:var(--row-normal-variant-hover-state-separator-dark-mode-color);--row-normal-variant-focus-state-separator-light-mode-color:var(--row-normal-variant-hover-state-separator-light-mode-color);--row-normal-variant-focus-state-side-text-primary-color:var(--row-normal-variant-focus-state-side-text-primary-light-mode-color);--row-normal-variant-focus-state-side-text-primary-dark-mode-color:var(--row-normal-variant-hover-state-side-text-primary-dark-mode-color);--row-normal-variant-focus-state-side-text-primary-light-mode-color:var(--row-normal-variant-hover-state-side-text-primary-light-mode-color);--row-normal-variant-focus-state-side-text-secondary-color:var(--row-normal-variant-focus-state-side-text-secondary-light-mode-color);--row-normal-variant-focus-state-side-text-secondary-dark-mode-color:var(--row-normal-variant-hover-state-side-text-secondary-dark-mode-color);--row-normal-variant-focus-state-side-text-secondary-light-mode-color:var(--row-normal-variant-hover-state-side-text-secondary-light-mode-color);--row-normal-variant-focus-state-subtext-color:var(--row-normal-variant-focus-state-subtext-light-mode-color);--row-normal-variant-focus-state-subtext-dark-mode-color:var(--row-normal-variant-hover-state-subtext-dark-mode-color);--row-normal-variant-focus-state-subtext-light-mode-color:var(--row-normal-variant-hover-state-subtext-light-mode-color);--row-normal-variant-focus-state-tertiary-text-color:var(--row-normal-variant-focus-state-tertiary-text-light-mode-color);--row-normal-variant-focus-state-tertiary-text-dark-mode-color:var(--row-normal-variant-hover-state-tertiary-text-dark-mode-color);--row-normal-variant-focus-state-tertiary-text-light-mode-color:var(--row-normal-variant-hover-state-tertiary-text-light-mode-color);--row-normal-variant-focus-state-text-color:var(--row-normal-variant-focus-state-text-light-mode-color);--row-normal-variant-focus-state-text-dark-mode-color:var(--row-normal-variant-hover-state-text-dark-mode-color);--row-normal-variant-focus-state-text-light-mode-color:var(--row-normal-variant-hover-state-text-light-mode-color);--row-normal-variant-hover-state-background-color:var(--row-normal-variant-hover-state-background-light-mode-color);--row-normal-variant-hover-state-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--row-normal-variant-hover-state-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--row-normal-variant-hover-state-drill-color:var(--row-normal-variant-hover-state-drill-light-mode-color);--row-normal-variant-hover-state-drill-dark-mode-color:var(--row-normal-variant-normal-state-drill-dark-mode-color);--row-normal-variant-hover-state-drill-light-mode-color:var(--row-normal-variant-normal-state-drill-light-mode-color);--row-normal-variant-hover-state-icon-color:var(--row-normal-variant-hover-state-icon-light-mode-color);--row-normal-variant-hover-state-icon-dark-mode-color:var(--row-normal-variant-normal-state-icon-dark-mode-color);--row-normal-variant-hover-state-icon-light-mode-color:var(--row-normal-variant-normal-state-icon-light-mode-color);--row-normal-variant-hover-state-separator-color:var(--row-normal-variant-hover-state-separator-light-mode-color);--row-normal-variant-hover-state-separator-dark-mode-color:transparent;--row-normal-variant-hover-state-separator-light-mode-color:transparent;--row-normal-variant-hover-state-side-text-primary-color:var(--row-normal-variant-hover-state-side-text-primary-light-mode-color);--row-normal-variant-hover-state-side-text-primary-dark-mode-color:var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color);--row-normal-variant-hover-state-side-text-primary-light-mode-color:var(--row-normal-variant-normal-state-side-text-primary-light-mode-color);--row-normal-variant-hover-state-side-text-secondary-color:var(--row-normal-variant-hover-state-side-text-secondary-light-mode-color);--row-normal-variant-hover-state-side-text-secondary-dark-mode-color:var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color);--row-normal-variant-hover-state-side-text-secondary-light-mode-color:var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color);--row-normal-variant-hover-state-subtext-color:var(--row-normal-variant-hover-state-subtext-light-mode-color);--row-normal-variant-hover-state-subtext-dark-mode-color:var(--row-normal-variant-normal-state-subtext-dark-mode-color);--row-normal-variant-hover-state-subtext-light-mode-color:var(--row-normal-variant-normal-state-subtext-light-mode-color);--row-normal-variant-hover-state-tertiary-text-color:var(--row-normal-variant-hover-state-tertiary-text-light-mode-color);--row-normal-variant-hover-state-tertiary-text-dark-mode-color:var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color);--row-normal-variant-hover-state-tertiary-text-light-mode-color:var(--row-normal-variant-normal-state-tertiary-text-light-mode-color);--row-normal-variant-hover-state-text-color:var(--row-normal-variant-hover-state-text-light-mode-color);--row-normal-variant-hover-state-text-dark-mode-color:var(--row-normal-variant-normal-state-text-dark-mode-color);--row-normal-variant-hover-state-text-light-mode-color:var(--row-normal-variant-normal-state-text-light-mode-color);--row-normal-variant-light-mode-focus-ring-color:var(--core-focus-ring-light-mode-color);--row-normal-variant-normal-state-background-color:var(--row-normal-variant-normal-state-background-light-mode-color);--row-normal-variant-normal-state-background-dark-mode-color:transparent;--row-normal-variant-normal-state-background-light-mode-color:transparent;--row-normal-variant-normal-state-drill-color:var(--row-normal-variant-normal-state-drill-light-mode-color);--row-normal-variant-normal-state-drill-dark-mode-color:var(--core-fill-20-dark-mode-color);--row-normal-variant-normal-state-drill-light-mode-color:var(--core-fill-20-light-mode-color);--row-normal-variant-normal-state-icon-color:var(--row-normal-variant-normal-state-icon-light-mode-color);--row-normal-variant-normal-state-icon-dark-mode-color:var(--core-fill-10-dark-mode-color);--row-normal-variant-normal-state-icon-light-mode-color:var(--core-fill-10-light-mode-color);--row-normal-variant-normal-state-separator-color:var(--row-normal-variant-normal-state-separator-light-mode-color);--row-normal-variant-normal-state-separator-dark-mode-color:var(--core-divider-20-dark-mode-color);--row-normal-variant-normal-state-separator-light-mode-color:var(--core-divider-20-light-mode-color);--row-normal-variant-normal-state-side-text-primary-color:var(--row-normal-variant-normal-state-side-text-primary-light-mode-color);--row-normal-variant-normal-state-side-text-primary-dark-mode-color:var(--core-text-10-dark-mode-color);--row-normal-variant-normal-state-side-text-primary-light-mode-color:var(--core-text-10-light-mode-color);--row-normal-variant-normal-state-side-text-secondary-color:var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color);--row-normal-variant-normal-state-side-text-secondary-dark-mode-color:var(--core-text-20-dark-mode-color);--row-normal-variant-normal-state-side-text-secondary-light-mode-color:var(--core-text-20-light-mode-color);--row-normal-variant-normal-state-subtext-color:var(--row-normal-variant-normal-state-subtext-light-mode-color);--row-normal-variant-normal-state-subtext-dark-mode-color:var(--core-text-20-dark-mode-color);--row-normal-variant-normal-state-subtext-light-mode-color:var(--core-text-20-light-mode-color);--row-normal-variant-normal-state-tertiary-text-color:var(--row-normal-variant-normal-state-tertiary-text-light-mode-color);--row-normal-variant-normal-state-tertiary-text-dark-mode-color:var(--core-text-20-dark-mode-color);--row-normal-variant-normal-state-tertiary-text-light-mode-color:var(--core-text-20-light-mode-color);--row-normal-variant-normal-state-text-color:var(--row-normal-variant-normal-state-text-light-mode-color);--row-normal-variant-normal-state-text-dark-mode-color:var(--core-text-10-dark-mode-color);--row-normal-variant-normal-state-text-light-mode-color:var(--core-text-10-light-mode-color);--row-normal-variant-pressed-state-background-color:var(--row-normal-variant-pressed-state-background-light-mode-color);--row-normal-variant-pressed-state-background-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--row-normal-variant-pressed-state-background-light-mode-color:var(--core-emphasis-30-light-mode-color);--row-normal-variant-pressed-state-drill-color:var(--row-normal-variant-pressed-state-drill-light-mode-color);--row-normal-variant-pressed-state-drill-dark-mode-color:var(--row-normal-variant-normal-state-drill-dark-mode-color);--row-normal-variant-pressed-state-drill-light-mode-color:var(--row-normal-variant-normal-state-drill-light-mode-color);--row-normal-variant-pressed-state-icon-color:var(--row-normal-variant-pressed-state-icon-light-mode-color);--row-normal-variant-pressed-state-icon-dark-mode-color:var(--row-normal-variant-normal-state-icon-dark-mode-color);--row-normal-variant-pressed-state-icon-light-mode-color:var(--row-normal-variant-normal-state-icon-light-mode-color);--row-normal-variant-pressed-state-separator-color:var(--row-normal-variant-pressed-state-separator-light-mode-color);--row-normal-variant-pressed-state-separator-dark-mode-color:transparent;--row-normal-variant-pressed-state-separator-light-mode-color:transparent;--row-normal-variant-pressed-state-side-text-primary-color:var(--row-normal-variant-pressed-state-side-text-primary-light-mode-color);--row-normal-variant-pressed-state-side-text-primary-dark-mode-color:var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color);--row-normal-variant-pressed-state-side-text-primary-light-mode-color:var(--row-normal-variant-normal-state-side-text-primary-light-mode-color);--row-normal-variant-pressed-state-side-text-secondary-color:var(--row-normal-variant-pressed-state-side-text-secondary-light-mode-color);--row-normal-variant-pressed-state-side-text-secondary-dark-mode-color:var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color);--row-normal-variant-pressed-state-side-text-secondary-light-mode-color:var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color);--row-normal-variant-pressed-state-subtext-color:var(--row-normal-variant-pressed-state-subtext-light-mode-color);--row-normal-variant-pressed-state-subtext-dark-mode-color:var(--row-normal-variant-normal-state-subtext-dark-mode-color);--row-normal-variant-pressed-state-subtext-light-mode-color:var(--row-normal-variant-normal-state-subtext-light-mode-color);--row-normal-variant-pressed-state-tertiary-text-color:var(--row-normal-variant-pressed-state-tertiary-text-light-mode-color);--row-normal-variant-pressed-state-tertiary-text-dark-mode-color:var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color);--row-normal-variant-pressed-state-tertiary-text-light-mode-color:var(--row-normal-variant-normal-state-tertiary-text-light-mode-color);--row-normal-variant-pressed-state-text-color:var(--row-normal-variant-pressed-state-text-light-mode-color);--row-normal-variant-pressed-state-text-dark-mode-color:var(--row-normal-variant-normal-state-text-dark-mode-color);--row-normal-variant-pressed-state-text-light-mode-color:var(--row-normal-variant-normal-state-text-light-mode-color);--row-normal-variant-selected-disabled-state-background-color:var(--row-normal-variant-selected-disabled-state-background-light-mode-color);--row-normal-variant-selected-disabled-state-background-dark-mode-color:var(--core-fill-50-dark-mode-color);--row-normal-variant-selected-disabled-state-background-light-mode-color:var(--core-fill-50-light-mode-color);--row-normal-variant-selected-state-background-color:var(--row-normal-variant-selected-state-background-light-mode-color);--row-normal-variant-selected-state-background-dark-mode-color:var(--row-normal-variant-hover-state-background-dark-mode-color);--row-normal-variant-selected-state-background-light-mode-color:var(--row-normal-variant-hover-state-background-light-mode-color);--row-normal-variant-selected-state-drill-color:var(--row-normal-variant-selected-state-drill-light-mode-color);--row-normal-variant-selected-state-drill-dark-mode-color:var(--row-normal-variant-hover-state-drill-dark-mode-color);--row-normal-variant-selected-state-drill-light-mode-color:var(--row-normal-variant-hover-state-drill-light-mode-color);--row-normal-variant-selected-state-icon-color:var(--row-normal-variant-selected-state-icon-light-mode-color);--row-normal-variant-selected-state-icon-dark-mode-color:var(--row-normal-variant-hover-state-icon-dark-mode-color);--row-normal-variant-selected-state-icon-light-mode-color:var(--row-normal-variant-hover-state-icon-light-mode-color);--row-normal-variant-selected-state-separator-color:var(--row-normal-variant-selected-state-separator-light-mode-color);--row-normal-variant-selected-state-separator-dark-mode-color:transparent;--row-normal-variant-selected-state-separator-light-mode-color:transparent;--row-normal-variant-selected-state-side-text-primary-color:var(--row-normal-variant-selected-state-side-text-primary-light-mode-color);--row-normal-variant-selected-state-side-text-primary-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--row-normal-variant-selected-state-side-text-primary-light-mode-color:var(--core-emphasis-text-light-mode-color);--row-normal-variant-selected-state-side-text-secondary-color:var(--row-normal-variant-selected-state-side-text-secondary-light-mode-color);--row-normal-variant-selected-state-side-text-secondary-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--row-normal-variant-selected-state-side-text-secondary-light-mode-color:var(--core-emphasis-text-light-mode-color);--row-normal-variant-selected-state-subtext-color:var(--row-normal-variant-selected-state-subtext-light-mode-color);--row-normal-variant-selected-state-subtext-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--row-normal-variant-selected-state-subtext-light-mode-color:var(--core-emphasis-text-light-mode-color);--row-normal-variant-selected-state-tertiary-text-color:var(--row-normal-variant-selected-state-tertiary-text-light-mode-color);--row-normal-variant-selected-state-tertiary-text-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--row-normal-variant-selected-state-tertiary-text-light-mode-color:var(--core-emphasis-text-light-mode-color);--row-normal-variant-selected-state-text-color:var(--row-normal-variant-selected-state-text-light-mode-color);--row-normal-variant-selected-state-text-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--row-normal-variant-selected-state-text-light-mode-color:var(--core-emphasis-text-light-mode-color);--row-normal-variant-separator-height:1px;--row-pressed-state-background-color:var(--row-pressed-state-background-light-mode-color);--row-pressed-state-background-dark-mode-color:var(--row-normal-variant-pressed-state-background-dark-mode-color);--row-pressed-state-background-light-mode-color:var(--row-normal-variant-pressed-state-background-light-mode-color);--row-pressed-state-drill-color:var(--row-pressed-state-drill-light-mode-color);--row-pressed-state-drill-dark-mode-color:var(--row-normal-variant-pressed-state-drill-dark-mode-color);--row-pressed-state-drill-light-mode-color:var(--row-normal-variant-pressed-state-drill-light-mode-color);--row-pressed-state-icon-color:var(--row-pressed-state-icon-light-mode-color);--row-pressed-state-icon-dark-mode-color:var(--row-normal-variant-pressed-state-icon-dark-mode-color);--row-pressed-state-icon-light-mode-color:var(--row-normal-variant-pressed-state-icon-light-mode-color);--row-pressed-state-separator-color:var(--row-pressed-state-separator-light-mode-color);--row-pressed-state-separator-dark-mode-color:var(--row-normal-variant-pressed-state-separator-dark-mode-color);--row-pressed-state-separator-light-mode-color:var(--row-normal-variant-pressed-state-separator-light-mode-color);--row-pressed-state-side-text-primary-color:var(--row-pressed-state-side-text-primary-light-mode-color);--row-pressed-state-side-text-primary-dark-mode-color:var(--row-normal-variant-pressed-state-side-text-primary-dark-mode-color);--row-pressed-state-side-text-primary-light-mode-color:var(--row-normal-variant-pressed-state-side-text-primary-light-mode-color);--row-pressed-state-side-text-secondary-color:var(--row-pressed-state-side-text-secondary-light-mode-color);--row-pressed-state-side-text-secondary-dark-mode-color:var(--row-normal-variant-pressed-state-side-text-secondary-dark-mode-color);--row-pressed-state-side-text-secondary-light-mode-color:var(--row-normal-variant-pressed-state-side-text-secondary-light-mode-color);--row-pressed-state-subtext-color:var(--row-pressed-state-subtext-light-mode-color);--row-pressed-state-subtext-dark-mode-color:var(--row-normal-variant-pressed-state-subtext-dark-mode-color);--row-pressed-state-subtext-light-mode-color:var(--row-normal-variant-pressed-state-subtext-light-mode-color);--row-pressed-state-tertiary-text-color:var(--row-pressed-state-tertiary-text-light-mode-color);--row-pressed-state-tertiary-text-dark-mode-color:var(--row-normal-variant-pressed-state-tertiary-text-dark-mode-color);--row-pressed-state-tertiary-text-light-mode-color:var(--row-normal-variant-pressed-state-tertiary-text-light-mode-color);--row-pressed-state-text-color:var(--row-pressed-state-text-light-mode-color);--row-pressed-state-text-dark-mode-color:var(--row-normal-variant-pressed-state-text-dark-mode-color);--row-pressed-state-text-light-mode-color:var(--row-normal-variant-pressed-state-text-light-mode-color);--row-selected-disabled-state-background-color:var(--row-selected-disabled-state-background-light-mode-color);--row-selected-disabled-state-background-dark-mode-color:var(--row-normal-variant-selected-disabled-state-background-dark-mode-color);--row-selected-disabled-state-background-light-mode-color:var(--row-normal-variant-selected-disabled-state-background-light-mode-color);--row-selected-state-background-color:var(--row-selected-state-background-light-mode-color);--row-selected-state-background-dark-mode-color:var(--row-normal-variant-selected-state-background-dark-mode-color);--row-selected-state-background-light-mode-color:var(--row-normal-variant-selected-state-background-light-mode-color);--row-selected-state-drill-color:var(--row-selected-state-drill-light-mode-color);--row-selected-state-drill-dark-mode-color:var(--row-normal-variant-selected-state-drill-dark-mode-color);--row-selected-state-drill-light-mode-color:var(--row-normal-variant-selected-state-drill-light-mode-color);--row-selected-state-icon-color:var(--row-selected-state-icon-light-mode-color);--row-selected-state-icon-dark-mode-color:var(--row-normal-variant-selected-state-icon-dark-mode-color);--row-selected-state-icon-light-mode-color:var(--row-normal-variant-selected-state-icon-light-mode-color);--row-selected-state-separator-color:var(--row-selected-state-separator-light-mode-color);--row-selected-state-separator-dark-mode-color:var(--row-normal-variant-selected-state-separator-dark-mode-color);--row-selected-state-separator-light-mode-color:var(--row-normal-variant-selected-state-separator-light-mode-color);--row-selected-state-side-text-primary-color:var(--row-selected-state-side-text-primary-light-mode-color);--row-selected-state-side-text-primary-dark-mode-color:var(--row-normal-variant-selected-state-side-text-primary-dark-mode-color);--row-selected-state-side-text-primary-light-mode-color:var(--row-normal-variant-selected-state-side-text-primary-light-mode-color);--row-selected-state-side-text-secondary-color:var(--row-selected-state-side-text-secondary-light-mode-color);--row-selected-state-side-text-secondary-dark-mode-color:var(--row-normal-variant-selected-state-side-text-secondary-dark-mode-color);--row-selected-state-side-text-secondary-light-mode-color:var(--row-normal-variant-selected-state-side-text-secondary-light-mode-color);--row-selected-state-subtext-color:var(--row-selected-state-subtext-light-mode-color);--row-selected-state-subtext-dark-mode-color:var(--row-normal-variant-selected-state-subtext-dark-mode-color);--row-selected-state-subtext-light-mode-color:var(--row-normal-variant-selected-state-subtext-light-mode-color);--row-selected-state-tertiary-text-color:var(--row-selected-state-tertiary-text-light-mode-color);--row-selected-state-tertiary-text-dark-mode-color:var(--row-normal-variant-selected-state-tertiary-text-dark-mode-color);--row-selected-state-tertiary-text-light-mode-color:var(--row-normal-variant-selected-state-tertiary-text-light-mode-color);--row-selected-state-text-color:var(--row-selected-state-text-light-mode-color);--row-selected-state-text-dark-mode-color:var(--row-normal-variant-selected-state-text-dark-mode-color);--row-selected-state-text-light-mode-color:var(--row-normal-variant-selected-state-text-light-mode-color);--row-separator-height:var(--row-normal-variant-separator-height);--row-small-size-side-text-primary-case:var(--core-type-paragraph-20-case);--row-small-size-side-text-primary-font-family:var(--core-type-paragraph-20-font-family);--row-small-size-side-text-primary-leading:var(--core-type-paragraph-20-leading);--row-small-size-side-text-primary-number-spacing:var(--core-type-paragraph-20-number-spacing);--row-small-size-side-text-primary-scale:var(--core-type-paragraph-20-scale);--row-small-size-side-text-primary-size:var(--core-type-paragraph-20-size);--row-small-size-side-text-primary-tracking:var(--core-type-paragraph-20-tracking);--row-small-size-side-text-primary-weight:var(--core-type-paragraph-20-weight);--row-small-size-side-text-secondary-case:var(--core-type-paragraph-10-case);--row-small-size-side-text-secondary-font-family:var(--core-type-paragraph-10-font-family);--row-small-size-side-text-secondary-leading:var(--core-type-paragraph-10-leading);--row-small-size-side-text-secondary-number-spacing:var(--core-type-paragraph-10-number-spacing);--row-small-size-side-text-secondary-scale:var(--core-type-paragraph-10-scale);--row-small-size-side-text-secondary-size:var(--core-type-paragraph-10-size);--row-small-size-side-text-secondary-tracking:var(--core-type-paragraph-10-tracking);--row-small-size-side-text-secondary-weight:var(--core-type-paragraph-10-weight);--row-small-size-subtext-case:var(--core-type-paragraph-10-case);--row-small-size-subtext-font-family:var(--core-type-paragraph-10-font-family);--row-small-size-subtext-leading:var(--core-type-paragraph-10-leading);--row-small-size-subtext-number-spacing:var(--core-type-paragraph-10-number-spacing);--row-small-size-subtext-scale:var(--core-type-paragraph-10-scale);--row-small-size-subtext-size:var(--core-type-paragraph-10-size);--row-small-size-subtext-tracking:var(--core-type-paragraph-10-tracking);--row-small-size-subtext-weight:var(--core-type-paragraph-10-weight);--row-small-size-tertiary-text-case:var(--core-type-paragraph-10-case);--row-small-size-tertiary-text-font-family:var(--core-type-paragraph-10-font-family);--row-small-size-tertiary-text-leading:var(--core-type-paragraph-10-leading);--row-small-size-tertiary-text-number-spacing:var(--core-type-paragraph-10-number-spacing);--row-small-size-tertiary-text-scale:var(--core-type-paragraph-10-scale);--row-small-size-tertiary-text-size:var(--core-type-paragraph-10-size);--row-small-size-tertiary-text-tracking:var(--core-type-paragraph-10-tracking);--row-small-size-tertiary-text-weight:var(--core-type-paragraph-10-weight);--row-small-size-text-case:var(--core-type-semibold-20-case);--row-small-size-text-font-family:var(--core-type-semibold-20-font-family);--row-small-size-text-leading:var(--core-type-semibold-20-leading);--row-small-size-text-number-spacing:var(--core-type-semibold-20-number-spacing);--row-small-size-text-scale:var(--core-type-semibold-20-scale);--row-small-size-text-size:var(--core-type-semibold-20-size);--row-small-size-text-tracking:var(--core-type-semibold-20-tracking);--row-small-size-text-vertical-gap:var(--row-medium-size-text-vertical-gap);--row-small-size-text-vertical-spacing:var(--row-medium-size-text-vertical-spacing);--row-small-size-text-weight:var(--core-type-semibold-20-weight);--row-small-size-vertical-bottom-accessory-gap:var(--row-medium-size-vertical-bottom-accessory-gap);--row-small-size-vertical-padding:var(--core-metrics-spacing-100);--row-text-accessory-spacing:8px;--search-border-radius:var(--field-border-radius);--search-border-size:var(--field-border-size);--search-disabled-state-border-color:var(--search-disabled-state-border-light-mode-color);--search-disabled-state-border-dark-mode-color:var(--core-fill-40-dark-mode-color);--search-disabled-state-border-light-mode-color:var(--core-fill-40-light-mode-color);--search-disabled-state-input-color:var(--search-disabled-state-input-light-mode-color);--search-disabled-state-input-dark-mode-color:var(--core-text-30-dark-mode-color);--search-disabled-state-input-light-mode-color:var(--core-text-30-light-mode-color);--search-disabled-state-leading-icon-color:var(--search-disabled-state-leading-icon-light-mode-color);--search-disabled-state-leading-icon-dark-mode-color:var(--core-text-30-dark-mode-color);--search-disabled-state-leading-icon-light-mode-color:var(--core-text-30-light-mode-color);--search-disabled-state-trailing-icon-color:var(--search-disabled-state-trailing-icon-light-mode-color);--search-disabled-state-trailing-icon-dark-mode-color:var(--core-fill-30-dark-mode-color);--search-disabled-state-trailing-icon-light-mode-color:var(--core-fill-30-light-mode-color);--search-focused-state-border-color:var(--search-focused-state-border-light-mode-color);--search-focused-state-border-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--search-focused-state-border-light-mode-color:var(--core-emphasis-fill-light-mode-color);--search-focused-state-border-size:2px;--search-hint-text-color:var(--search-hint-text-light-mode-color);--search-hint-text-dark-mode-color:var(--core-text-20-dark-mode-color);--search-hint-text-light-mode-color:var(--core-text-20-light-mode-color);--search-input-case:var(--field-input-case);--search-input-font-family:var(--field-input-font-family);--search-input-leading:var(--field-input-leading);--search-input-number-spacing:var(--field-input-number-spacing);--search-input-scale:var(--field-input-scale);--search-input-size:var(--field-input-size);--search-input-tracking:var(--field-input-tracking);--search-input-weight:var(--field-input-weight);--search-large-size-minimum-height:56px;--search-large-size-padding-horizontal:var(--core-metrics-spacing-200);--search-large-size-padding-vertical:var(--core-metrics-spacing-150);--search-large-size-spacing-horizontal:var(--search-normal-size-spacing-horizontal);--search-large-size-tags-spacing-right:var(--search-normal-size-tags-spacing-right);--search-normal-size-minimum-height:40px;--search-normal-size-padding-horizontal:var(--core-metrics-spacing-150);--search-normal-size-padding-vertical:var(--core-metrics-spacing-100);--search-normal-size-spacing-horizontal:var(--core-metrics-spacing-150);--search-normal-size-tags-spacing-right:var(--core-metrics-spacing-100);--search-normal-state-border-color:var(--search-normal-state-border-light-mode-color);--search-normal-state-border-dark-mode-color:var(--core-fill-30-dark-mode-color);--search-normal-state-border-light-mode-color:var(--core-fill-30-light-mode-color);--search-normal-state-input-color:var(--search-normal-state-input-light-mode-color);--search-normal-state-input-dark-mode-color:var(--core-text-10-dark-mode-color);--search-normal-state-input-light-mode-color:var(--core-text-10-light-mode-color);--search-normal-state-leading-icon-color:var(--search-normal-state-leading-icon-light-mode-color);--search-normal-state-leading-icon-dark-mode-color:var(--core-text-10-dark-mode-color);--search-normal-state-leading-icon-light-mode-color:var(--core-text-10-light-mode-color);--search-normal-state-trailing-icon-color:var(--search-normal-state-trailing-icon-light-mode-color);--search-normal-state-trailing-icon-dark-mode-color:var(--core-fill-20-dark-mode-color);--search-normal-state-trailing-icon-light-mode-color:var(--core-fill-20-light-mode-color);--segmented-control-animation-duration:var(--core-animation-exit-transition-slow-speed-duration);--segmented-control-animation-easing:var(--core-animation-exit-transition-easing);--segmented-control-background-disabled-state-color:var(--segmented-control-background-disabled-state-light-mode-color);--segmented-control-background-disabled-state-dark-mode-color:var(--segmented-control-disabled-state-background-dark-mode-color);--segmented-control-background-disabled-state-light-mode-color:var(--segmented-control-disabled-state-background-light-mode-color);--segmented-control-background-normal-state-color:var(--segmented-control-background-normal-state-light-mode-color);--segmented-control-background-normal-state-dark-mode-color:var(--segmented-control-normal-state-background-dark-mode-color);--segmented-control-background-normal-state-light-mode-color:var(--segmented-control-normal-state-background-light-mode-color);--segmented-control-background-radius:var(--segmented-control-radius);--segmented-control-disabled-state-background-color:var(--segmented-control-disabled-state-background-light-mode-color);--segmented-control-disabled-state-background-dark-mode-color:var(--core-fill-40-dark-mode-color);--segmented-control-disabled-state-background-light-mode-color:var(--core-fill-40-light-mode-color);--segmented-control-horizontal-padding:var(--core-metrics-spacing-50);--segmented-control-minimum-height:var(--core-medium-size-minimum-height);--segmented-control-normal-state-background-color:var(--segmented-control-normal-state-background-light-mode-color);--segmented-control-normal-state-background-dark-mode-color:var(--core-fill-40-dark-mode-color);--segmented-control-normal-state-background-light-mode-color:var(--core-fill-40-light-mode-color);--segmented-control-option-background-disabled-state-color:var(--segmented-control-option-background-disabled-state-light-mode-color);--segmented-control-option-background-disabled-state-dark-mode-color:transparent;--segmented-control-option-background-disabled-state-light-mode-color:transparent;--segmented-control-option-background-hover-state-color:var(--segmented-control-option-background-hover-state-light-mode-color);--segmented-control-option-background-hover-state-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--segmented-control-option-background-hover-state-light-mode-color:var(--core-emphasis-40-light-mode-color);--segmented-control-option-background-normal-state-color:var(--segmented-control-option-background-normal-state-light-mode-color);--segmented-control-option-background-normal-state-dark-mode-color:transparent;--segmented-control-option-background-normal-state-light-mode-color:transparent;--segmented-control-option-background-pressed-state-color:var(--segmented-control-option-background-pressed-state-light-mode-color);--segmented-control-option-background-pressed-state-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--segmented-control-option-background-pressed-state-light-mode-color:var(--core-emphasis-30-light-mode-color);--segmented-control-option-background-radius:var(--segmented-control-option-radius);--segmented-control-option-background-selected-state-color:var(--segmented-control-option-background-selected-state-light-mode-color);--segmented-control-option-background-selected-state-dark-mode-color:var(--core-fill-30-dark-mode-color);--segmented-control-option-background-selected-state-light-mode-color:var(--core-fill-white-light-mode-color);--segmented-control-option-background-selected-value-disabled-state-color:var(--segmented-control-option-background-selected-value-disabled-state-light-mode-color);--segmented-control-option-background-selected-value-disabled-state-dark-mode-color:var(--segmented-control-option-selected-value-disabled-state-background-dark-mode-color);--segmented-control-option-background-selected-value-disabled-state-light-mode-color:var(--segmented-control-option-selected-value-disabled-state-background-light-mode-color);--segmented-control-option-background-selected-value-hover-state-color:var(--segmented-control-option-background-selected-value-hover-state-light-mode-color);--segmented-control-option-background-selected-value-hover-state-dark-mode-color:var(--segmented-control-option-selected-value-hover-state-background-dark-mode-color);--segmented-control-option-background-selected-value-hover-state-light-mode-color:var(--segmented-control-option-selected-value-hover-state-background-light-mode-color);--segmented-control-option-background-selected-value-normal-state-color:var(--segmented-control-option-background-selected-value-normal-state-light-mode-color);--segmented-control-option-background-selected-value-normal-state-dark-mode-color:var(--segmented-control-option-selected-value-normal-state-background-dark-mode-color);--segmented-control-option-background-selected-value-normal-state-light-mode-color:var(--segmented-control-option-selected-value-normal-state-background-light-mode-color);--segmented-control-option-background-selected-value-pressed-state-color:var(--segmented-control-option-background-selected-value-pressed-state-light-mode-color);--segmented-control-option-background-selected-value-pressed-state-dark-mode-color:var(--segmented-control-option-selected-value-pressed-state-background-dark-mode-color);--segmented-control-option-background-selected-value-pressed-state-light-mode-color:var(--segmented-control-option-selected-value-pressed-state-background-light-mode-color);--segmented-control-option-background-unselected-value-disabled-state-color:var(--segmented-control-option-background-unselected-value-disabled-state-light-mode-color);--segmented-control-option-background-unselected-value-disabled-state-dark-mode-color:var(--segmented-control-option-unselected-value-disabled-state-dark-mode-background-color);--segmented-control-option-background-unselected-value-disabled-state-light-mode-color:var(--segmented-control-option-unselected-value-disabled-state-light-mode-background-color);--segmented-control-option-background-unselected-value-hover-state-color:var(--segmented-control-option-background-unselected-value-hover-state-light-mode-color);--segmented-control-option-background-unselected-value-hover-state-dark-mode-color:var(--segmented-control-option-unselected-value-hover-state-dark-mode-background-color);--segmented-control-option-background-unselected-value-hover-state-light-mode-color:var(--segmented-control-option-unselected-value-hover-state-light-mode-background-color);--segmented-control-option-background-unselected-value-normal-state-color:var(--segmented-control-option-background-unselected-value-normal-state-light-mode-color);--segmented-control-option-background-unselected-value-normal-state-dark-mode-color:var(--segmented-control-option-unselected-value-normal-state-dark-mode-background-color);--segmented-control-option-background-unselected-value-normal-state-light-mode-color:var(--segmented-control-option-unselected-value-normal-state-light-mode-background-color);--segmented-control-option-background-unselected-value-pressed-state-color:var(--segmented-control-option-background-unselected-value-pressed-state-light-mode-color);--segmented-control-option-background-unselected-value-pressed-state-dark-mode-color:var(--segmented-control-option-unselected-value-pressed-state-dark-mode-background-color);--segmented-control-option-background-unselected-value-pressed-state-light-mode-color:var(--segmented-control-option-unselected-value-pressed-state-light-mode-background-color);--segmented-control-option-badge-disabled-state-opacity:var(--segmented-control-option-unselected-value-disabled-state-badge-opacity);--segmented-control-option-badge-hover-state-opacity:var(--segmented-control-option-unselected-value-hover-state-badge-opacity);--segmented-control-option-badge-normal-state-opacity:var(--segmented-control-option-unselected-value-normal-state-badge-opacity);--segmented-control-option-badge-pressed-state-opacity:var(--segmented-control-option-unselected-value-pressed-state-badge-opacity);--segmented-control-option-badge-selected-state-opacity:var(--segmented-control-option-selected-value-normal-state-badge-opacity);--segmented-control-option-horizontal-gap:var(--core-metrics-spacing-100);--segmented-control-option-horizontal-padding:var(--core-metrics-spacing-100);--segmented-control-option-label-case:var(--core-type-semibold-30-case);--segmented-control-option-label-disabled-state-color:var(--segmented-control-option-label-disabled-state-light-mode-color);--segmented-control-option-label-disabled-state-dark-mode-color:var(--core-text-30-dark-mode-color);--segmented-control-option-label-disabled-state-light-mode-color:var(--core-text-30-light-mode-color);--segmented-control-option-label-font-family:var(--core-type-semibold-30-font-family);--segmented-control-option-label-hover-state-color:var(--segmented-control-option-label-hover-state-light-mode-color);--segmented-control-option-label-hover-state-dark-mode-color:var(--segmented-control-option-label-normal-state-dark-mode-color);--segmented-control-option-label-hover-state-light-mode-color:var(--segmented-control-option-label-normal-state-light-mode-color);--segmented-control-option-label-leading:var(--core-type-semibold-30-leading);--segmented-control-option-label-normal-state-color:var(--segmented-control-option-label-normal-state-light-mode-color);--segmented-control-option-label-normal-state-dark-mode-color:var(--core-text-10-dark-mode-color);--segmented-control-option-label-normal-state-light-mode-color:var(--core-text-10-light-mode-color);--segmented-control-option-label-number-spacing:var(--core-type-semibold-30-number-spacing);--segmented-control-option-label-pressed-state-color:var(--segmented-control-option-label-pressed-state-light-mode-color);--segmented-control-option-label-pressed-state-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--segmented-control-option-label-pressed-state-light-mode-color:var(--core-emphasis-text-light-mode-color);--segmented-control-option-label-scale:var(--core-type-semibold-30-scale);--segmented-control-option-label-selected-state-color:var(--segmented-control-option-label-selected-state-light-mode-color);--segmented-control-option-label-selected-state-dark-mode-color:var(--segmented-control-option-label-normal-state-dark-mode-color);--segmented-control-option-label-selected-state-light-mode-color:var(--segmented-control-option-label-normal-state-light-mode-color);--segmented-control-option-label-selected-value-disabled-state-color:var(--segmented-control-option-label-selected-value-disabled-state-light-mode-color);--segmented-control-option-label-selected-value-disabled-state-dark-mode-color:var(--segmented-control-option-selected-value-disabled-state-label-dark-mode-color);--segmented-control-option-label-selected-value-disabled-state-light-mode-color:var(--segmented-control-option-selected-value-disabled-state-label-light-mode-color);--segmented-control-option-label-selected-value-hover-state-color:var(--segmented-control-option-label-selected-value-hover-state-light-mode-color);--segmented-control-option-label-selected-value-hover-state-dark-mode-color:var(--segmented-control-option-selected-value-hover-state-label-dark-mode-color);--segmented-control-option-label-selected-value-hover-state-light-mode-color:var(--segmented-control-option-selected-value-hover-state-label-light-mode-color);--segmented-control-option-label-selected-value-normal-state-color:var(--segmented-control-option-label-selected-value-normal-state-light-mode-color);--segmented-control-option-label-selected-value-normal-state-dark-mode-color:var(--segmented-control-option-selected-value-normal-state-label-dark-mode-color);--segmented-control-option-label-selected-value-normal-state-light-mode-color:var(--segmented-control-option-selected-value-normal-state-label-light-mode-color);--segmented-control-option-label-selected-value-pressed-state-color:var(--segmented-control-option-label-selected-value-pressed-state-light-mode-color);--segmented-control-option-label-selected-value-pressed-state-dark-mode-color:var(--segmented-control-option-selected-value-pressed-state-label-dark-mode-color);--segmented-control-option-label-selected-value-pressed-state-light-mode-color:var(--segmented-control-option-selected-value-pressed-state-label-light-mode-color);--segmented-control-option-label-size:var(--core-type-semibold-30-size);--segmented-control-option-label-tracking:var(--core-type-semibold-30-tracking);--segmented-control-option-label-unselected-value-disabled-state-color:var(--segmented-control-option-label-unselected-value-disabled-state-light-mode-color);--segmented-control-option-label-unselected-value-disabled-state-dark-mode-color:var(--segmented-control-option-unselected-value-disabled-state-label-dark-mode-color);--segmented-control-option-label-unselected-value-disabled-state-light-mode-color:var(--segmented-control-option-unselected-value-disabled-state-label-light-mode-color);--segmented-control-option-label-unselected-value-hover-state-color:var(--segmented-control-option-label-unselected-value-hover-state-light-mode-color);--segmented-control-option-label-unselected-value-hover-state-dark-mode-color:var(--segmented-control-option-unselected-value-hover-state-label-dark-mode-color);--segmented-control-option-label-unselected-value-hover-state-light-mode-color:var(--segmented-control-option-unselected-value-hover-state-label-light-mode-color);--segmented-control-option-label-unselected-value-normal-state-color:var(--segmented-control-option-label-unselected-value-normal-state-light-mode-color);--segmented-control-option-label-unselected-value-normal-state-dark-mode-color:var(--segmented-control-option-unselected-value-normal-state-label-dark-mode-color);--segmented-control-option-label-unselected-value-normal-state-light-mode-color:var(--segmented-control-option-unselected-value-normal-state-label-light-mode-color);--segmented-control-option-label-unselected-value-pressed-state-color:var(--segmented-control-option-label-unselected-value-pressed-state-light-mode-color);--segmented-control-option-label-unselected-value-pressed-state-dark-mode-color:var(--segmented-control-option-unselected-value-pressed-state-label-dark-mode-color);--segmented-control-option-label-unselected-value-pressed-state-light-mode-color:var(--segmented-control-option-unselected-value-pressed-state-label-light-mode-color);--segmented-control-option-label-weight:var(--core-type-semibold-30-weight);--segmented-control-option-minimum-height:var(--core-small-size-minimum-height);--segmented-control-option-padding-horizontal:var(--segmented-control-option-horizontal-padding);--segmented-control-option-padding-vertical:var(--segmented-control-option-vertical-padding);--segmented-control-option-radius:var(--core-radius-66);--segmented-control-option-selected-value-disabled-state-background-color:var(--segmented-control-option-selected-value-disabled-state-background-light-mode-color);--segmented-control-option-selected-value-disabled-state-background-dark-mode-color:var(--core-fill-30-dark-mode-color);--segmented-control-option-selected-value-disabled-state-background-light-mode-color:var(--core-surface-30-light-mode-color);--segmented-control-option-selected-value-disabled-state-badge-opacity:var(--core-opacity-disabled-state);--segmented-control-option-selected-value-disabled-state-label-color:var(--segmented-control-option-selected-value-disabled-state-label-light-mode-color);--segmented-control-option-selected-value-disabled-state-label-dark-mode-color:var(--core-text-30-dark-mode-color);--segmented-control-option-selected-value-disabled-state-label-light-mode-color:var(--core-text-30-light-mode-color);--segmented-control-option-selected-value-hover-state-background-color:var(--segmented-control-option-selected-value-hover-state-background-light-mode-color);--segmented-control-option-selected-value-hover-state-background-dark-mode-color:var(--core-fill-30-dark-mode-color);--segmented-control-option-selected-value-hover-state-background-light-mode-color:var(--core-surface-30-light-mode-color);--segmented-control-option-selected-value-hover-state-badge-opacity:var(--core-opacity-hover-state);--segmented-control-option-selected-value-hover-state-label-color:var(--segmented-control-option-selected-value-hover-state-label-light-mode-color);--segmented-control-option-selected-value-hover-state-label-dark-mode-color:var(--core-text-10-dark-mode-color);--segmented-control-option-selected-value-hover-state-label-light-mode-color:var(--core-text-10-light-mode-color);--segmented-control-option-selected-value-normal-state-background-color:var(--segmented-control-option-selected-value-normal-state-background-light-mode-color);--segmented-control-option-selected-value-normal-state-background-dark-mode-color:var(--core-fill-30-dark-mode-color);--segmented-control-option-selected-value-normal-state-background-light-mode-color:var(--core-surface-30-light-mode-color);--segmented-control-option-selected-value-normal-state-badge-opacity:1;--segmented-control-option-selected-value-normal-state-label-color:var(--segmented-control-option-selected-value-normal-state-label-light-mode-color);--segmented-control-option-selected-value-normal-state-label-dark-mode-color:var(--core-text-10-dark-mode-color);--segmented-control-option-selected-value-normal-state-label-light-mode-color:var(--core-text-10-light-mode-color);--segmented-control-option-selected-value-pressed-state-background-color:var(--segmented-control-option-selected-value-pressed-state-background-light-mode-color);--segmented-control-option-selected-value-pressed-state-background-dark-mode-color:var(--core-fill-30-dark-mode-color);--segmented-control-option-selected-value-pressed-state-background-light-mode-color:var(--core-surface-30-light-mode-color);--segmented-control-option-selected-value-pressed-state-badge-opacity:var(--core-opacity-pressed-state);--segmented-control-option-selected-value-pressed-state-label-color:var(--segmented-control-option-selected-value-pressed-state-label-light-mode-color);--segmented-control-option-selected-value-pressed-state-label-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--segmented-control-option-selected-value-pressed-state-label-light-mode-color:var(--core-emphasis-text-light-mode-color);--segmented-control-option-spacing-horizontal:var(--segmented-control-option-horizontal-gap);--segmented-control-option-unselected-value-disabled-state-background-color:var(--segmented-control-option-unselected-value-disabled-state-light-mode-background-color);--segmented-control-option-unselected-value-disabled-state-badge-opacity:var(--core-opacity-disabled-state);--segmented-control-option-unselected-value-disabled-state-dark-mode-background-color:transparent;--segmented-control-option-unselected-value-disabled-state-label-color:var(--segmented-control-option-unselected-value-disabled-state-label-light-mode-color);--segmented-control-option-unselected-value-disabled-state-label-dark-mode-color:var(--core-text-30-dark-mode-color);--segmented-control-option-unselected-value-disabled-state-label-light-mode-color:var(--core-text-30-light-mode-color);--segmented-control-option-unselected-value-disabled-state-light-mode-background-color:transparent;--segmented-control-option-unselected-value-hover-state-background-color:var(--segmented-control-option-unselected-value-hover-state-light-mode-background-color);--segmented-control-option-unselected-value-hover-state-badge-opacity:var(--core-opacity-hover-state);--segmented-control-option-unselected-value-hover-state-dark-mode-background-color:transparent;--segmented-control-option-unselected-value-hover-state-label-color:var(--segmented-control-option-unselected-value-hover-state-label-light-mode-color);--segmented-control-option-unselected-value-hover-state-label-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--segmented-control-option-unselected-value-hover-state-label-light-mode-color:var(--core-emphasis-text-light-mode-color);--segmented-control-option-unselected-value-hover-state-light-mode-background-color:transparent;--segmented-control-option-unselected-value-normal-state-background-color:var(--segmented-control-option-unselected-value-normal-state-light-mode-background-color);--segmented-control-option-unselected-value-normal-state-badge-opacity:var(--core-opacity-normal-state);--segmented-control-option-unselected-value-normal-state-dark-mode-background-color:transparent;--segmented-control-option-unselected-value-normal-state-label-color:var(--segmented-control-option-unselected-value-normal-state-label-light-mode-color);--segmented-control-option-unselected-value-normal-state-label-dark-mode-color:var(--core-text-10-dark-mode-color);--segmented-control-option-unselected-value-normal-state-label-light-mode-color:var(--core-text-10-light-mode-color);--segmented-control-option-unselected-value-normal-state-light-mode-background-color:transparent;--segmented-control-option-unselected-value-pressed-state-background-color:var(--segmented-control-option-unselected-value-pressed-state-light-mode-background-color);--segmented-control-option-unselected-value-pressed-state-badge-opacity:var(--core-opacity-pressed-state);--segmented-control-option-unselected-value-pressed-state-dark-mode-background-color:transparent;--segmented-control-option-unselected-value-pressed-state-label-color:var(--segmented-control-option-unselected-value-pressed-state-label-light-mode-color);--segmented-control-option-unselected-value-pressed-state-label-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--segmented-control-option-unselected-value-pressed-state-label-light-mode-color:var(--core-emphasis-text-light-mode-color);--segmented-control-option-unselected-value-pressed-state-light-mode-background-color:transparent;--segmented-control-option-vertical-padding:var(--core-metrics-spacing-100);--segmented-control-padding-horizontal:var(--segmented-control-horizontal-padding);--segmented-control-padding-vertical:var(--segmented-control-vertical-padding);--segmented-control-radius:var(--core-radius-100);--segmented-control-vertical-padding:var(--core-metrics-spacing-50);--select-caret-color:var(--select-caret-light-mode-color);--select-caret-dark-mode-color:var(--select-disclosure-indicator-dark-mode-color);--select-caret-icon-height:var(--select-disclosure-indicator-icon-height);--select-caret-light-mode-color:var(--select-disclosure-indicator-light-mode-color);--select-disclosure-indicator-color:var(--select-disclosure-indicator-light-mode-color);--select-disclosure-indicator-dark-mode-color:var(--core-fill-20-dark-mode-color);--select-disclosure-indicator-icon-height:8px;--select-disclosure-indicator-light-mode-color:var(--core-fill-20-light-mode-color);--skeleton-loader-animation-duration:3.00s;--skeleton-loader-animation-easing:cubic-bezier(0.0, 0.0, 1.0, 1.0);--skeleton-loader-border-radius:var(--core-radius-10);--skeleton-loader-fill-color:var(--skeleton-loader-fill-light-mode-color);--skeleton-loader-fill-dark-mode-color:var(--core-fill-40-dark-mode-color);--skeleton-loader-fill-light-mode-color:var(--core-fill-40-light-mode-color);--skeleton-loader-gradient-1-color:var(--skeleton-loader-gradient-light-mode-1-color);--skeleton-loader-gradient-2-color:var(--skeleton-loader-gradient-light-mode-2-color);--skeleton-loader-gradient-3-color:var(--skeleton-loader-gradient-light-mode-3-color);--skeleton-loader-gradient-dark-mode-1-color:rgba(255,255,255,0.0);--skeleton-loader-gradient-dark-mode-2-color:rgba(255,255,255,0.1);--skeleton-loader-gradient-dark-mode-3-color:rgba(255,255,255,0.15);--skeleton-loader-gradient-light-mode-1-color:rgba(0, 0, 0, 0.0);--skeleton-loader-gradient-light-mode-2-color:rgba(0, 0, 0, 0.05);--skeleton-loader-gradient-light-mode-3-color:rgba(0, 0, 0, 0.08);--skeleton-loader-gradient-width-ratio:0.5;--stepper-border-radius:var(--field-border-radius);--stepper-button-border-radius:4px;--stepper-button-decrement-height:var(--stepper-button-increment-height);--stepper-button-decrement-scale:var(--stepper-button-increment-scale);--stepper-button-decrement-width:var(--stepper-button-increment-width);--stepper-button-disabled-state-background-color:var(--stepper-button-disabled-state-light-mode-background-color);--stepper-button-disabled-state-dark-mode-background-color:var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);--stepper-button-disabled-state-dark-mode-icon-color:var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);--stepper-button-disabled-state-icon-color:var(--stepper-button-disabled-state-light-mode-icon-color);--stepper-button-disabled-state-light-mode-background-color:var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);--stepper-button-disabled-state-light-mode-icon-color:var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);--stepper-button-focus-state-background-color:var(--stepper-button-focus-state-light-mode-background-color);--stepper-button-focus-state-dark-mode-background-color:var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);--stepper-button-focus-state-dark-mode-icon-color:var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);--stepper-button-focus-state-icon-color:var(--stepper-button-focus-state-light-mode-icon-color);--stepper-button-focus-state-light-mode-background-color:var(--icon-button-secondary-rank-focus-state-light-mode-background-color);--stepper-button-focus-state-light-mode-icon-color:var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);--stepper-button-hover-state-background-color:var(--stepper-button-hover-state-light-mode-background-color);--stepper-button-hover-state-dark-mode-background-color:var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);--stepper-button-hover-state-dark-mode-icon-color:var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);--stepper-button-hover-state-icon-color:var(--stepper-button-hover-state-light-mode-icon-color);--stepper-button-hover-state-light-mode-background-color:var(--icon-button-secondary-rank-hover-state-light-mode-background-color);--stepper-button-hover-state-light-mode-icon-color:var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);--stepper-button-increment-height:16px;--stepper-button-increment-scale:var(--core-type-semibold-20-scale);--stepper-button-increment-width:16px;--stepper-button-minimum-height:24px;--stepper-button-normal-state-background-color:var(--stepper-button-normal-state-light-mode-background-color);--stepper-button-normal-state-dark-mode-background-color:var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);--stepper-button-normal-state-dark-mode-icon-color:var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);--stepper-button-normal-state-icon-color:var(--stepper-button-normal-state-light-mode-icon-color);--stepper-button-normal-state-light-mode-background-color:var(--icon-button-secondary-rank-normal-state-light-mode-background-color);--stepper-button-normal-state-light-mode-icon-color:var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);--stepper-button-padding-size:4px;--stepper-button-pressed-state-background-color:var(--stepper-button-pressed-state-light-mode-background-color);--stepper-button-pressed-state-dark-mode-background-color:var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);--stepper-button-pressed-state-dark-mode-icon-color:var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);--stepper-button-pressed-state-icon-color:var(--stepper-button-pressed-state-light-mode-icon-color);--stepper-button-pressed-state-light-mode-background-color:var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);--stepper-button-pressed-state-light-mode-icon-color:var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);--stepper-button-width-multiplier:1;--stepper-disabled-state-background-color:var(--stepper-disabled-state-background-light-mode-color);--stepper-disabled-state-background-dark-mode-color:var(--field-disabled-state-dark-mode-background-color);--stepper-disabled-state-background-light-mode-color:var(--field-disabled-state-light-mode-background-color);--stepper-disabled-state-border-color:var(--stepper-disabled-state-border-light-mode-color);--stepper-disabled-state-border-dark-mode-color:var(--field-disabled-state-dark-mode-border-color);--stepper-disabled-state-border-light-mode-color:var(--field-disabled-state-light-mode-border-color);--stepper-disabled-state-border-size:var(--field-border-size);--stepper-focus-state-background-color:var(--stepper-focus-state-background-light-mode-color);--stepper-focus-state-background-dark-mode-color:var(--field-focus-state-dark-mode-background-color);--stepper-focus-state-background-light-mode-color:var(--field-focus-state-light-mode-background-color);--stepper-focus-state-border-size:var(--field-focus-state-border-size);--stepper-focus-state-invalid-validity-color:var(--stepper-focus-state-invalid-validity-light-mode-color);--stepper-focus-state-invalid-validity-dark-mode-color:var(--field-focus-state-invalid-validity-dark-mode-border-color);--stepper-focus-state-invalid-validity-light-mode-color:var(--field-focus-state-invalid-validity-light-mode-border-color);--stepper-focus-state-normal-validity-color:var(--stepper-focus-state-normal-validity-light-mode-color);--stepper-focus-state-normal-validity-dark-mode-color:var(--field-focus-state-normal-validity-dark-mode-border-color);--stepper-focus-state-normal-validity-light-mode-color:var(--field-focus-state-normal-validity-light-mode-border-color);--stepper-horizontal-spacing:12px;--stepper-hover-state-background-color:var(--stepper-hover-state-background-light-mode-color);--stepper-hover-state-background-dark-mode-color:var(--field-hover-state-dark-mode-background-color);--stepper-hover-state-background-light-mode-color:var(--field-hover-state-light-mode-background-color);--stepper-hover-state-border-size:var(--field-border-size);--stepper-hover-state-invalid-validity-color:var(--stepper-hover-state-invalid-validity-light-mode-color);--stepper-hover-state-invalid-validity-dark-mode-color:var(--field-hover-state-invalid-validity-dark-mode-border-color);--stepper-hover-state-invalid-validity-light-mode-color:var(--field-hover-state-invalid-validity-light-mode-border-color);--stepper-hover-state-normal-validity-color:var(--stepper-hover-state-normal-validity-light-mode-color);--stepper-hover-state-normal-validity-dark-mode-color:var(--field-hover-state-normal-validity-dark-mode-border-color);--stepper-hover-state-normal-validity-light-mode-color:var(--field-hover-state-normal-validity-light-mode-border-color);--stepper-normal-state-background-color:var(--stepper-normal-state-background-light-mode-color);--stepper-normal-state-background-dark-mode-color:var(--field-normal-state-dark-mode-background-color);--stepper-normal-state-background-light-mode-color:var(--field-normal-state-light-mode-background-color);--stepper-normal-state-border-size:var(--field-border-size);--stepper-normal-state-invalid-validity-color:var(--stepper-normal-state-invalid-validity-light-mode-color);--stepper-normal-state-invalid-validity-dark-mode-color:var(--field-normal-state-invalid-validity-dark-mode-border-color);--stepper-normal-state-invalid-validity-light-mode-color:var(--field-normal-state-invalid-validity-light-mode-border-color);--stepper-normal-state-normal-validity-color:var(--stepper-normal-state-normal-validity-light-mode-color);--stepper-normal-state-normal-validity-dark-mode-color:var(--field-normal-state-normal-validity-dark-mode-border-color);--stepper-normal-state-normal-validity-light-mode-color:var(--field-normal-state-normal-validity-light-mode-border-color);--stepper-padding-size:12px;--stepper-quantity-input-field-minimum-width-multiplier:1.66;--stepper-quantity-input-field-value-text-case:var(--core-type-paragraph-30-case);--stepper-quantity-input-field-value-text-disabled-state-color:var(--stepper-quantity-input-field-value-text-disabled-state-light-mode-color);--stepper-quantity-input-field-value-text-disabled-state-dark-mode-color:var(--core-text-20-dark-mode-color);--stepper-quantity-input-field-value-text-disabled-state-light-mode-color:var(--core-text-20-light-mode-color);--stepper-quantity-input-field-value-text-font-family:var(--core-type-paragraph-30-font-family);--stepper-quantity-input-field-value-text-leading:var(--core-type-paragraph-30-leading);--stepper-quantity-input-field-value-text-normal-state-color:var(--stepper-quantity-input-field-value-text-normal-state-light-mode-color);--stepper-quantity-input-field-value-text-normal-state-dark-mode-color:var(--core-text-10-dark-mode-color);--stepper-quantity-input-field-value-text-normal-state-light-mode-color:var(--core-text-10-light-mode-color);--stepper-quantity-input-field-value-text-number-spacing:'monospaced';--stepper-quantity-input-field-value-text-placeholder-color:var(--stepper-quantity-input-field-value-text-placeholder-light-mode-color);--stepper-quantity-input-field-value-text-placeholder-dark-mode-color:var(--core-text-20-dark-mode-color);--stepper-quantity-input-field-value-text-placeholder-light-mode-color:var(--core-text-20-light-mode-color);--stepper-quantity-input-field-value-text-scale:var(--core-type-paragraph-30-scale);--stepper-quantity-input-field-value-text-size:var(--core-type-paragraph-30-size);--stepper-quantity-input-field-value-text-tracking:var(--core-type-paragraph-30-tracking);--stepper-quantity-input-field-value-text-weight:var(--core-type-paragraph-30-weight);--sticky-section-header-background-color:var(--sticky-section-header-background-light-mode-color);--sticky-section-header-background-dark-mode-color:var(--core-surface-5-dark-mode-color);--sticky-section-header-background-light-mode-color:var(--core-surface-5-light-mode-color);--sticky-section-header-horizontal-spacing:var(--core-metrics-spacing-100);--sticky-section-header-separator-color:var(--sticky-section-header-separator-light-mode-color);--sticky-section-header-separator-dark-mode-color:var(--core-divider-10-dark-mode-color);--sticky-section-header-separator-height:1px;--sticky-section-header-separator-light-mode-color:var(--core-divider-10-light-mode-color);--sticky-section-header-text-case:var(--core-type-heading-10-case);--sticky-section-header-text-color:var(--sticky-section-header-text-light-mode-color);--sticky-section-header-text-dark-mode-color:var(--core-text-10-dark-mode-color);--sticky-section-header-text-font-family:var(--core-type-heading-10-font-family);--sticky-section-header-text-leading:var(--core-type-heading-10-leading);--sticky-section-header-text-light-mode-color:var(--core-text-10-light-mode-color);--sticky-section-header-text-link-color:var(--sticky-section-header-text-link-light-mode-color);--sticky-section-header-text-link-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--sticky-section-header-text-link-disabled-state-opacity:var(--text-link-disabled-state-opacity);--sticky-section-header-text-link-hover-state-opacity:var(--text-link-hover-state-opacity);--sticky-section-header-text-link-light-mode-color:var(--core-emphasis-text-light-mode-color);--sticky-section-header-text-link-normal-state-opacity:var(--text-link-normal-state-opacity);--sticky-section-header-text-link-pressed-state-opacity:var(--text-link-pressed-state-opacity);--sticky-section-header-text-link-text-case:var(--text-link-small-size-text-case);--sticky-section-header-text-link-text-font-family:var(--text-link-small-size-text-font-family);--sticky-section-header-text-link-text-leading:var(--text-link-small-size-text-leading);--sticky-section-header-text-link-text-number-spacing:var(--text-link-small-size-text-number-spacing);--sticky-section-header-text-link-text-scale:var(--text-link-small-size-text-scale);--sticky-section-header-text-link-text-size:var(--text-link-small-size-text-size);--sticky-section-header-text-link-text-tracking:var(--text-link-small-size-text-tracking);--sticky-section-header-text-link-text-weight:var(--text-link-small-size-text-weight);--sticky-section-header-text-link-vertical-padding:0px;--sticky-section-header-text-number-spacing:var(--core-type-heading-10-number-spacing);--sticky-section-header-text-scale:var(--core-type-heading-10-scale);--sticky-section-header-text-size:var(--core-type-heading-10-size);--sticky-section-header-text-tracking:var(--core-type-heading-10-tracking);--sticky-section-header-text-weight:var(--core-type-heading-10-weight);--sticky-section-header-vertical-padding:9px;--subtle-button-destructive-variant-primary-rank-disabled-state-icon-color:var(--subtle-button-destructive-variant-primary-rank-disabled-state-icon-light-mode-color);--subtle-button-destructive-variant-primary-rank-disabled-state-icon-dark-mode-color:var(--core-fill-30-dark-mode-color);--subtle-button-destructive-variant-primary-rank-disabled-state-icon-light-mode-color:var(--core-fill-30-light-mode-color);--subtle-button-destructive-variant-primary-rank-hover-state-icon-color:var(--subtle-button-destructive-variant-primary-rank-hover-state-icon-light-mode-color);--subtle-button-destructive-variant-primary-rank-hover-state-icon-dark-mode-color:var(--core-critical-fill-dark-mode-color);--subtle-button-destructive-variant-primary-rank-hover-state-icon-light-mode-color:var(--core-critical-fill-light-mode-color);--subtle-button-destructive-variant-primary-rank-normal-state-icon-color:var(--subtle-button-destructive-variant-primary-rank-normal-state-icon-light-mode-color);--subtle-button-destructive-variant-primary-rank-normal-state-icon-dark-mode-color:var(--core-fill-20-dark-mode-color);--subtle-button-destructive-variant-primary-rank-normal-state-icon-light-mode-color:var(--core-fill-20-light-mode-color);--subtle-button-destructive-variant-primary-rank-pressed-state-icon-color:var(--subtle-button-destructive-variant-primary-rank-pressed-state-icon-light-mode-color);--subtle-button-destructive-variant-primary-rank-pressed-state-icon-dark-mode-color:var(--core-critical-10-dark-mode-color);--subtle-button-destructive-variant-primary-rank-pressed-state-icon-light-mode-color:var(--core-critical-10-light-mode-color);--subtle-button-horizontal-spacing-size:var(--core-metrics-spacing-100);--subtle-button-minimum-height:24px;--subtle-button-normal-variant-primary-rank-disabled-state-icon-color:var(--subtle-button-normal-variant-primary-rank-disabled-state-icon-light-mode-color);--subtle-button-normal-variant-primary-rank-disabled-state-icon-dark-mode-color:var(--core-fill-30-dark-mode-color);--subtle-button-normal-variant-primary-rank-disabled-state-icon-light-mode-color:var(--core-fill-30-light-mode-color);--subtle-button-normal-variant-primary-rank-hover-state-icon-color:var(--subtle-button-normal-variant-primary-rank-hover-state-icon-light-mode-color);--subtle-button-normal-variant-primary-rank-hover-state-icon-dark-mode-color:var(--core-fill-10-dark-mode-color);--subtle-button-normal-variant-primary-rank-hover-state-icon-light-mode-color:var(--core-fill-10-light-mode-color);--subtle-button-normal-variant-primary-rank-normal-state-icon-color:var(--subtle-button-normal-variant-primary-rank-normal-state-icon-light-mode-color);--subtle-button-normal-variant-primary-rank-normal-state-icon-dark-mode-color:var(--core-fill-20-dark-mode-color);--subtle-button-normal-variant-primary-rank-normal-state-icon-light-mode-color:var(--core-fill-20-light-mode-color);--subtle-button-normal-variant-primary-rank-pressed-state-icon-color:var(--subtle-button-normal-variant-primary-rank-pressed-state-icon-light-mode-color);--subtle-button-normal-variant-primary-rank-pressed-state-icon-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--subtle-button-normal-variant-primary-rank-pressed-state-icon-light-mode-color:var(--core-emphasis-fill-light-mode-color);--subtle-button-padding-size:0px;--subtle-button-width-multiplier:1;--swipe-action-corner-radius:var(--core-radius-100);--swipe-action-destructive-variant-background-color:var(--swipe-action-destructive-variant-background-light-mode-color);--swipe-action-destructive-variant-background-dark-mode-color:var(--core-critical-fill-dark-mode-color);--swipe-action-destructive-variant-background-light-mode-color:var(--core-critical-fill-light-mode-color);--swipe-action-destructive-variant-foreground-color:var(--swipe-action-destructive-variant-foreground-light-mode-color);--swipe-action-destructive-variant-foreground-dark-mode-color:var(--core-text-white-dark-mode-color);--swipe-action-destructive-variant-foreground-light-mode-color:var(--core-text-white-light-mode-color);--swipe-action-primary-variant-background-color:var(--swipe-action-primary-variant-background-light-mode-color);--swipe-action-primary-variant-background-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--swipe-action-primary-variant-background-light-mode-color:var(--core-emphasis-fill-light-mode-color);--swipe-action-primary-variant-foreground-color:var(--swipe-action-primary-variant-foreground-light-mode-color);--swipe-action-primary-variant-foreground-dark-mode-color:var(--core-text-white-dark-mode-color);--swipe-action-primary-variant-foreground-light-mode-color:var(--core-text-white-light-mode-color);--swipe-action-secondary-variant-background-color:var(--swipe-action-secondary-variant-background-light-mode-color);--swipe-action-secondary-variant-background-dark-mode-color:var(--core-fill-40-dark-mode-color);--swipe-action-secondary-variant-background-light-mode-color:var(--core-fill-40-light-mode-color);--swipe-action-secondary-variant-foreground-color:var(--swipe-action-secondary-variant-foreground-light-mode-color);--swipe-action-secondary-variant-foreground-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--swipe-action-secondary-variant-foreground-light-mode-color:var(--core-emphasis-text-light-mode-color);--tabbar-accessory-disabled-state-content-color:var(--tabbar-accessory-disabled-state-content-light-mode-color);--tabbar-accessory-disabled-state-content-dark-mode-color:var(--core-text-30-dark-mode-color);--tabbar-accessory-disabled-state-content-light-mode-color:var(--core-text-30-light-mode-color);--tabbar-accessory-hover-state-content-color:var(--tabbar-accessory-hover-state-content-light-mode-color);--tabbar-accessory-hover-state-content-dark-mode-color:var(--core-text-10-dark-mode-color);--tabbar-accessory-hover-state-content-light-mode-color:var(--core-text-10-light-mode-color);--tabbar-accessory-normal-state-content-color:var(--tabbar-accessory-normal-state-content-light-mode-color);--tabbar-accessory-normal-state-content-dark-mode-color:var(--core-text-10-dark-mode-color);--tabbar-accessory-normal-state-content-light-mode-color:var(--core-text-10-light-mode-color);--tabbar-accessory-pressed-state-content-color:var(--tabbar-accessory-pressed-state-content-light-mode-color);--tabbar-accessory-pressed-state-content-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--tabbar-accessory-pressed-state-content-light-mode-color:var(--core-emphasis-text-light-mode-color);--tabbar-background-color:var(--tabbar-background-light-mode-color);--tabbar-background-dark-mode-color:var(--core-surface-5-dark-mode-color);--tabbar-background-light-mode-color:var(--core-surface-5-light-mode-color);--tabbar-bottom-label-style-item-spacing:var(--tabbar-icon-only-style-item-spacing);--tabbar-bottom-label-style-padding-bottom:var(--tabbar-icon-only-style-padding-bottom);--tabbar-bottom-label-style-padding-left:var(--tabbar-icon-only-style-padding-left);--tabbar-bottom-label-style-padding-right:var(--tabbar-icon-only-style-padding-right);--tabbar-bottom-label-style-padding-top:var(--tabbar-icon-only-style-padding-top);--tabbar-divider-color:var(--tabbar-divider-light-mode-color);--tabbar-divider-dark-mode-color:var(--core-divider-20-dark-mode-color);--tabbar-divider-light-mode-color:var(--core-divider-20-light-mode-color);--tabbar-divider-size:var(--core-border-10);--tabbar-icon-only-style-item-spacing:var(--core-metrics-spacing-50);--tabbar-icon-only-style-padding-bottom:var(--core-metrics-spacing-50);--tabbar-icon-only-style-padding-left:var(--core-metrics-spacing-50);--tabbar-icon-only-style-padding-right:var(--core-metrics-spacing-50);--tabbar-icon-only-style-padding-top:var(--core-metrics-spacing-50);--tabbar-item-bottom-label-style-icon-size-height:var(--core-icon-medium-size-height);--tabbar-item-bottom-label-style-icon-size-width:var(--core-icon-medium-size-width);--tabbar-item-bottom-label-style-icon-text-gap:var(--core-metrics-spacing-25);--tabbar-item-bottom-label-style-padding-bottom:var(--core-metrics-spacing-100);--tabbar-item-bottom-label-style-padding-left:var(--core-metrics-spacing-50);--tabbar-item-bottom-label-style-padding-right:var(--core-metrics-spacing-50);--tabbar-item-bottom-label-style-padding-top:var(--core-metrics-spacing-100);--tabbar-item-bottom-label-style-text-case:var(--core-type-semibold-10-case);--tabbar-item-bottom-label-style-text-font-family:var(--core-type-semibold-10-font-family);--tabbar-item-bottom-label-style-text-leading:var(--core-type-semibold-10-leading);--tabbar-item-bottom-label-style-text-number-spacing:var(--core-type-semibold-10-number-spacing);--tabbar-item-bottom-label-style-text-scale:var(--core-type-semibold-10-scale);--tabbar-item-bottom-label-style-text-size:10px;--tabbar-item-bottom-label-style-text-tracking:var(--core-type-semibold-10-tracking);--tabbar-item-bottom-label-style-text-weight:var(--core-type-semibold-10-weight);--tabbar-item-corner-radius:var(--core-radius-100);--tabbar-item-icon-only-style-icon-size-height:var(--core-icon-medium-size-height);--tabbar-item-icon-only-style-icon-size-width:var(--core-icon-medium-size-width);--tabbar-item-icon-only-style-icon-text-gap:0px;--tabbar-item-icon-only-style-padding-bottom:var(--core-metrics-spacing-150);--tabbar-item-icon-only-style-padding-left:var(--core-metrics-spacing-150);--tabbar-item-icon-only-style-padding-right:var(--core-metrics-spacing-150);--tabbar-item-icon-only-style-padding-top:var(--core-metrics-spacing-150);--tabbar-item-icon-only-style-text-case:var(--core-type-semibold-10-case);--tabbar-item-icon-only-style-text-font-family:var(--core-type-semibold-10-font-family);--tabbar-item-icon-only-style-text-leading:var(--core-type-semibold-10-leading);--tabbar-item-icon-only-style-text-number-spacing:var(--core-type-semibold-10-number-spacing);--tabbar-item-icon-only-style-text-scale:var(--core-type-semibold-10-scale);--tabbar-item-icon-only-style-text-size:10px;--tabbar-item-icon-only-style-text-tracking:var(--core-type-semibold-10-tracking);--tabbar-item-icon-only-style-text-weight:var(--core-type-semibold-10-weight);--tabbar-item-selected-value-disabled-state-background-color:var(--tabbar-item-selected-value-disabled-state-background-light-mode-color);--tabbar-item-selected-value-disabled-state-background-dark-mode-color:var(--core-transparent-dark-mode-color);--tabbar-item-selected-value-disabled-state-background-light-mode-color:var(--core-transparent-light-mode-color);--tabbar-item-selected-value-disabled-state-content-color:var(--tabbar-item-selected-value-disabled-state-content-light-mode-color);--tabbar-item-selected-value-disabled-state-content-dark-mode-color:var(--core-text-30-dark-mode-color);--tabbar-item-selected-value-disabled-state-content-light-mode-color:var(--core-text-30-light-mode-color);--tabbar-item-selected-value-hover-state-background-color:var(--tabbar-item-selected-value-hover-state-background-light-mode-color);--tabbar-item-selected-value-hover-state-background-dark-mode-color:var(--core-fill-30-dark-mode-color);--tabbar-item-selected-value-hover-state-background-light-mode-color:var(--core-fill-30-light-mode-color);--tabbar-item-selected-value-hover-state-content-color:var(--tabbar-item-selected-value-hover-state-content-light-mode-color);--tabbar-item-selected-value-hover-state-content-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--tabbar-item-selected-value-hover-state-content-light-mode-color:var(--core-emphasis-text-light-mode-color);--tabbar-item-selected-value-normal-state-background-color:var(--tabbar-item-selected-value-normal-state-background-light-mode-color);--tabbar-item-selected-value-normal-state-background-dark-mode-color:var(--core-fill-40-dark-mode-color);--tabbar-item-selected-value-normal-state-background-light-mode-color:var(--core-fill-40-light-mode-color);--tabbar-item-selected-value-normal-state-content-color:var(--tabbar-item-selected-value-normal-state-content-light-mode-color);--tabbar-item-selected-value-normal-state-content-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--tabbar-item-selected-value-normal-state-content-light-mode-color:var(--core-emphasis-text-light-mode-color);--tabbar-item-selected-value-pressed-state-background-color:var(--tabbar-item-selected-value-pressed-state-background-light-mode-color);--tabbar-item-selected-value-pressed-state-background-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--tabbar-item-selected-value-pressed-state-background-light-mode-color:var(--core-emphasis-30-light-mode-color);--tabbar-item-selected-value-pressed-state-content-color:var(--tabbar-item-selected-value-pressed-state-content-light-mode-color);--tabbar-item-selected-value-pressed-state-content-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--tabbar-item-selected-value-pressed-state-content-light-mode-color:var(--core-emphasis-text-light-mode-color);--tabbar-item-side-label-style-icon-size-height:var(--core-icon-medium-size-height);--tabbar-item-side-label-style-icon-size-width:var(--core-icon-medium-size-width);--tabbar-item-side-label-style-icon-text-gap:var(--core-metrics-spacing-100);--tabbar-item-side-label-style-padding-bottom:var(--core-metrics-spacing-100);--tabbar-item-side-label-style-padding-left:var(--core-metrics-spacing-150);--tabbar-item-side-label-style-padding-right:var(--core-metrics-spacing-150);--tabbar-item-side-label-style-padding-top:var(--core-metrics-spacing-100);--tabbar-item-side-label-style-text-case:var(--core-type-semibold-20-case);--tabbar-item-side-label-style-text-font-family:var(--core-type-semibold-20-font-family);--tabbar-item-side-label-style-text-leading:var(--core-type-semibold-20-leading);--tabbar-item-side-label-style-text-number-spacing:var(--core-type-semibold-20-number-spacing);--tabbar-item-side-label-style-text-scale:var(--core-type-semibold-20-scale);--tabbar-item-side-label-style-text-size:var(--core-type-semibold-20-size);--tabbar-item-side-label-style-text-tracking:var(--core-type-semibold-20-tracking);--tabbar-item-side-label-style-text-weight:var(--core-type-semibold-20-weight);--tabbar-item-side-label-wide-style-icon-size-height:var(--tabbar-item-side-label-style-icon-size-height);--tabbar-item-side-label-wide-style-icon-size-width:var(--tabbar-item-side-label-style-icon-size-width);--tabbar-item-side-label-wide-style-icon-text-gap:var(--tabbar-item-side-label-style-icon-text-gap);--tabbar-item-side-label-wide-style-padding-bottom:var(--core-metrics-spacing-150);--tabbar-item-side-label-wide-style-padding-left:var(--tabbar-item-side-label-style-padding-left);--tabbar-item-side-label-wide-style-padding-right:var(--tabbar-item-side-label-style-padding-right);--tabbar-item-side-label-wide-style-padding-top:var(--core-metrics-spacing-150);--tabbar-item-side-label-wide-style-text-case:var(--tabbar-item-side-label-style-text-case);--tabbar-item-side-label-wide-style-text-font-family:var(--tabbar-item-side-label-style-text-font-family);--tabbar-item-side-label-wide-style-text-leading:var(--tabbar-item-side-label-style-text-leading);--tabbar-item-side-label-wide-style-text-number-spacing:var(--tabbar-item-side-label-style-text-number-spacing);--tabbar-item-side-label-wide-style-text-scale:var(--tabbar-item-side-label-style-text-scale);--tabbar-item-side-label-wide-style-text-size:var(--tabbar-item-side-label-style-text-size);--tabbar-item-side-label-wide-style-text-tracking:var(--tabbar-item-side-label-style-text-tracking);--tabbar-item-side-label-wide-style-text-weight:var(--tabbar-item-side-label-style-text-weight);--tabbar-item-unselected-value-disabled-state-background-color:var(--tabbar-item-unselected-value-disabled-state-background-light-mode-color);--tabbar-item-unselected-value-disabled-state-background-dark-mode-color:var(--core-transparent-dark-mode-color);--tabbar-item-unselected-value-disabled-state-background-light-mode-color:var(--core-transparent-light-mode-color);--tabbar-item-unselected-value-disabled-state-content-color:var(--tabbar-item-unselected-value-disabled-state-content-light-mode-color);--tabbar-item-unselected-value-disabled-state-content-dark-mode-color:var(--core-text-30-dark-mode-color);--tabbar-item-unselected-value-disabled-state-content-light-mode-color:var(--core-text-30-light-mode-color);--tabbar-item-unselected-value-hover-state-background-color:var(--tabbar-item-unselected-value-hover-state-background-light-mode-color);--tabbar-item-unselected-value-hover-state-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--tabbar-item-unselected-value-hover-state-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--tabbar-item-unselected-value-hover-state-content-color:var(--tabbar-item-unselected-value-hover-state-content-light-mode-color);--tabbar-item-unselected-value-hover-state-content-dark-mode-color:var(--core-text-10-dark-mode-color);--tabbar-item-unselected-value-hover-state-content-light-mode-color:var(--core-text-10-light-mode-color);--tabbar-item-unselected-value-normal-state-background-color:var(--tabbar-item-unselected-value-normal-state-background-light-mode-color);--tabbar-item-unselected-value-normal-state-background-dark-mode-color:var(--core-transparent-dark-mode-color);--tabbar-item-unselected-value-normal-state-background-light-mode-color:var(--core-transparent-light-mode-color);--tabbar-item-unselected-value-normal-state-content-color:var(--tabbar-item-unselected-value-normal-state-content-light-mode-color);--tabbar-item-unselected-value-normal-state-content-dark-mode-color:var(--core-text-10-dark-mode-color);--tabbar-item-unselected-value-normal-state-content-light-mode-color:var(--core-text-10-light-mode-color);--tabbar-item-unselected-value-pressed-state-background-color:var(--tabbar-item-unselected-value-pressed-state-background-light-mode-color);--tabbar-item-unselected-value-pressed-state-background-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--tabbar-item-unselected-value-pressed-state-background-light-mode-color:var(--core-emphasis-30-light-mode-color);--tabbar-item-unselected-value-pressed-state-content-color:var(--tabbar-item-unselected-value-pressed-state-content-light-mode-color);--tabbar-item-unselected-value-pressed-state-content-dark-mode-color:var(--core-text-10-dark-mode-color);--tabbar-item-unselected-value-pressed-state-content-light-mode-color:var(--core-text-10-light-mode-color);--tabbar-side-label-style-item-spacing:var(--core-metrics-spacing-150);--tabbar-side-label-style-padding-bottom:var(--core-metrics-spacing-100);--tabbar-side-label-style-padding-left:var(--core-metrics-spacing-100);--tabbar-side-label-style-padding-right:var(--core-metrics-spacing-100);--tabbar-side-label-style-padding-top:var(--core-metrics-spacing-100);--tabbar-side-label-wide-style-item-spacing:var(--tabbar-side-label-style-item-spacing);--tabbar-side-label-wide-style-padding-bottom:var(--core-metrics-spacing-150);--tabbar-side-label-wide-style-padding-left:var(--tabbar-side-label-style-padding-left);--tabbar-side-label-wide-style-padding-right:var(--tabbar-side-label-style-padding-right);--tabbar-side-label-wide-style-padding-top:var(--core-metrics-spacing-150);--table-cell-disabled-state-text-color:var(--table-cell-disabled-state-text-light-mode-color);--table-cell-disabled-state-text-dark-mode-color:var(--core-text-30-dark-mode-color);--table-cell-disabled-state-text-light-mode-color:var(--core-text-30-light-mode-color);--table-cell-focus-state-background-color:var(--table-cell-focus-state-background-light-mode-color);--table-cell-focus-state-background-dark-mode-color:var(--table-cell-hover-state-background-dark-mode-color);--table-cell-focus-state-background-light-mode-color:var(--table-cell-hover-state-background-light-mode-color);--table-cell-hover-state-background-color:var(--table-cell-hover-state-background-light-mode-color);--table-cell-hover-state-background-dark-mode-color:var(--core-fill-50-dark-mode-color);--table-cell-hover-state-background-light-mode-color:var(--core-fill-50-light-mode-color);--table-cell-pressed-state-background-color:var(--table-cell-pressed-state-background-light-mode-color);--table-cell-pressed-state-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--table-cell-pressed-state-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--table-cell-selected-state-background-color:var(--table-cell-selected-state-background-light-mode-color);--table-cell-selected-state-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--table-cell-selected-state-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--tag-basic-format-bottom-padding:7px;--tag-basic-format-left-padding:12px;--tag-basic-format-right-padding:8px;--tag-basic-format-top-padding:7px;--tag-disabled-state-background-color:var(--tag-disabled-state-light-mode-background-color);--tag-disabled-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--tag-disabled-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--tag-disabled-state-dark-mode-label-color:var(--core-text-30-dark-mode-color);--tag-disabled-state-dark-mode-remove-indicator-color:var(--core-fill-30-dark-mode-color);--tag-disabled-state-icon-color:var(--tag-disabled-state-light-mode-icon-color);--tag-disabled-state-label-color:var(--tag-disabled-state-light-mode-label-color);--tag-disabled-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--tag-disabled-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--tag-disabled-state-light-mode-label-color:var(--core-text-30-light-mode-color);--tag-disabled-state-light-mode-remove-indicator-color:var(--core-fill-30-light-mode-color);--tag-disabled-state-remove-indicator-color:var(--tag-disabled-state-light-mode-remove-indicator-color);--tag-focus-state-background-color:var(--tag-focus-state-light-mode-background-color);--tag-focus-state-dark-mode-background-color:var(--core-emphasis-40-dark-mode-color);--tag-focus-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--tag-focus-state-dark-mode-label-color:var(--core-text-10-dark-mode-color);--tag-focus-state-dark-mode-remove-indicator-color:var(--core-fill-20-dark-mode-color);--tag-focus-state-icon-color:var(--tag-focus-state-light-mode-icon-color);--tag-focus-state-label-color:var(--tag-focus-state-light-mode-label-color);--tag-focus-state-light-mode-background-color:var(--core-emphasis-40-light-mode-color);--tag-focus-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--tag-focus-state-light-mode-label-color:var(--core-text-10-light-mode-color);--tag-focus-state-light-mode-remove-indicator-color:var(--core-fill-20-light-mode-color);--tag-focus-state-remove-indicator-color:var(--tag-focus-state-light-mode-remove-indicator-color);--tag-horizontal-spacing:4px;--tag-hover-state-background-color:var(--tag-hover-state-light-mode-background-color);--tag-hover-state-dark-mode-background-color:var(--core-emphasis-40-dark-mode-color);--tag-hover-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--tag-hover-state-dark-mode-label-color:var(--core-text-10-dark-mode-color);--tag-hover-state-dark-mode-remove-indicator-color:var(--core-fill-20-dark-mode-color);--tag-hover-state-icon-color:var(--tag-hover-state-light-mode-icon-color);--tag-hover-state-label-color:var(--tag-hover-state-light-mode-label-color);--tag-hover-state-light-mode-background-color:var(--core-emphasis-40-light-mode-color);--tag-hover-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--tag-hover-state-light-mode-label-color:var(--core-text-10-light-mode-color);--tag-hover-state-light-mode-remove-indicator-color:var(--core-fill-20-light-mode-color);--tag-hover-state-remove-indicator-color:var(--tag-hover-state-light-mode-remove-indicator-color);--tag-minimum-width-multiplier:1.5;--tag-normal-state-background-color:var(--tag-normal-state-light-mode-background-color);--tag-normal-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--tag-normal-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--tag-normal-state-dark-mode-label-color:var(--core-text-10-dark-mode-color);--tag-normal-state-dark-mode-remove-indicator-color:var(--core-fill-20-dark-mode-color);--tag-normal-state-icon-color:var(--tag-normal-state-light-mode-icon-color);--tag-normal-state-label-color:var(--tag-normal-state-light-mode-label-color);--tag-normal-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--tag-normal-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--tag-normal-state-light-mode-label-color:var(--core-text-10-light-mode-color);--tag-normal-state-light-mode-remove-indicator-color:var(--core-fill-20-light-mode-color);--tag-normal-state-remove-indicator-color:var(--tag-normal-state-light-mode-remove-indicator-color);--tag-pressed-state-background-color:var(--tag-pressed-state-light-mode-background-color);--tag-pressed-state-dark-mode-background-color:var(--core-emphasis-30-dark-mode-color);--tag-pressed-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--tag-pressed-state-dark-mode-label-color:var(--core-text-10-dark-mode-color);--tag-pressed-state-dark-mode-remove-indicator-color:var(--core-fill-20-dark-mode-color);--tag-pressed-state-icon-color:var(--tag-pressed-state-light-mode-icon-color);--tag-pressed-state-label-color:var(--tag-pressed-state-light-mode-label-color);--tag-pressed-state-light-mode-background-color:var(--core-emphasis-30-light-mode-color);--tag-pressed-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--tag-pressed-state-light-mode-label-color:var(--core-text-10-light-mode-color);--tag-pressed-state-light-mode-remove-indicator-color:var(--core-fill-20-light-mode-color);--tag-pressed-state-remove-indicator-color:var(--tag-pressed-state-light-mode-remove-indicator-color);--tag-remove-indicator-height:16px;--tag-remove-indicator-icon-height:16px;--tag-remove-indicator-icon-scale:var(--core-type-paragraph-10-scale);--tag-remove-indicator-icon-width:16px;--tag-remove-indicator-scale:var(--core-type-paragraph-10-scale);--tag-remove-indicator-width:16px;--tag-text-case:var(--core-type-paragraph-10-case);--tag-text-font-family:var(--core-type-paragraph-10-font-family);--tag-text-leading:var(--core-type-paragraph-10-leading);--tag-text-number-spacing:var(--core-type-paragraph-10-number-spacing);--tag-text-scale:var(--core-type-paragraph-10-scale);--tag-text-size:var(--core-type-paragraph-10-size);--tag-text-tracking:var(--core-type-paragraph-10-tracking);--tag-text-weight:var(--core-type-paragraph-10-weight);--tag-with-icon-format-bottom-padding:8px;--tag-with-icon-format-left-padding:8px;--tag-with-icon-format-right-padding:8px;--tag-with-icon-format-top-padding:8px;--text-link-group-horizontal-spacing:var(--core-metrics-spacing-150);--text-link-group-separator-color:var(--text-link-group-separator-light-mode-color);--text-link-group-separator-dark-mode-color:var(--core-fill-10-dark-mode-color);--text-link-group-separator-height:8px;--text-link-group-separator-light-mode-color:var(--core-fill-10-light-mode-color);--text-link-group-separator-opacity:0.3;--text-link-group-separator-width:1px;--text-link-group-vertical-spacing:var(--core-metrics-spacing-200);--text-link-destructive-variant-color:var(--text-link-destructive-variant-light-mode-color);--text-link-destructive-variant-dark-mode-color:var(--core-critical-text-dark-mode-color);--text-link-destructive-variant-disabled-state-color:var(--text-link-destructive-variant-disabled-state-light-mode-color);--text-link-destructive-variant-disabled-state-dark-mode-color:var(--core-text-30-dark-mode-color);--text-link-destructive-variant-disabled-state-light-mode-color:var(--core-text-30-light-mode-color);--text-link-destructive-variant-hover-state-color:var(--text-link-destructive-variant-hover-state-light-mode-color);--text-link-destructive-variant-hover-state-dark-mode-color:var(--core-critical-20-dark-mode-color);--text-link-destructive-variant-hover-state-light-mode-color:var(--core-critical-20-light-mode-color);--text-link-destructive-variant-light-mode-color:var(--core-critical-text-light-mode-color);--text-link-destructive-variant-normal-state-color:var(--text-link-destructive-variant-normal-state-light-mode-color);--text-link-destructive-variant-normal-state-dark-mode-color:var(--core-critical-text-dark-mode-color);--text-link-destructive-variant-normal-state-light-mode-color:var(--core-critical-text-light-mode-color);--text-link-destructive-variant-pressed-state-color:var(--text-link-destructive-variant-pressed-state-light-mode-color);--text-link-destructive-variant-pressed-state-dark-mode-color:var(--core-critical-10-dark-mode-color);--text-link-destructive-variant-pressed-state-light-mode-color:var(--core-critical-10-light-mode-color);--text-link-disabled-state-opacity:0.3;--text-link-hover-state-opacity:0.6;--text-link-inline-style-disabled-state-underline-size:1px;--text-link-inline-style-hover-state-underline-size:0px;--text-link-inline-style-normal-state-underline-size:1px;--text-link-inline-style-pressed-state-underline-size:0px;--text-link-inverted-variant-disabled-state-color:var(--text-link-inverted-variant-disabled-state-light-mode-color);--text-link-inverted-variant-disabled-state-dark-mode-color:var(--core-text-inverse-dark-mode-color);--text-link-inverted-variant-disabled-state-light-mode-color:var(--core-text-inverse-light-mode-color);--text-link-inverted-variant-disabled-state-opacity:0.3;--text-link-inverted-variant-hover-state-color:var(--text-link-inverted-variant-hover-state-light-mode-color);--text-link-inverted-variant-hover-state-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--text-link-inverted-variant-hover-state-light-mode-color:var(--core-emphasis-40-light-mode-color);--text-link-inverted-variant-normal-state-color:var(--text-link-inverted-variant-normal-state-light-mode-color);--text-link-inverted-variant-normal-state-dark-mode-color:var(--core-text-inverse-dark-mode-color);--text-link-inverted-variant-normal-state-light-mode-color:var(--core-text-inverse-light-mode-color);--text-link-inverted-variant-pressed-state-color:var(--text-link-inverted-variant-pressed-state-light-mode-color);--text-link-inverted-variant-pressed-state-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--text-link-inverted-variant-pressed-state-light-mode-color:var(--core-emphasis-30-light-mode-color);--text-link-medium-size-text-case:var(--core-type-semibold-30-case);--text-link-medium-size-text-font-family:var(--core-type-semibold-30-font-family);--text-link-medium-size-text-leading:var(--core-type-semibold-30-leading);--text-link-medium-size-text-number-spacing:var(--core-type-semibold-30-number-spacing);--text-link-medium-size-text-scale:var(--core-type-semibold-30-scale);--text-link-medium-size-text-size:var(--core-type-semibold-30-size);--text-link-medium-size-text-tracking:var(--core-type-semibold-30-tracking);--text-link-medium-size-text-weight:var(--core-type-semibold-30-weight);--text-link-medium-size-vertical-padding:0px;--text-link-normal-state-opacity:1;--text-link-normal-variant-color:var(--text-link-normal-variant-light-mode-color);--text-link-normal-variant-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--text-link-normal-variant-disabled-state-color:var(--text-link-normal-variant-disabled-state-light-mode-color);--text-link-normal-variant-disabled-state-dark-mode-color:var(--core-text-30-dark-mode-color);--text-link-normal-variant-disabled-state-light-mode-color:var(--core-text-30-light-mode-color);--text-link-normal-variant-hover-state-color:var(--text-link-normal-variant-hover-state-light-mode-color);--text-link-normal-variant-hover-state-dark-mode-color:var(--core-emphasis-20-dark-mode-color);--text-link-normal-variant-hover-state-light-mode-color:var(--core-emphasis-20-light-mode-color);--text-link-normal-variant-light-mode-color:var(--core-emphasis-text-light-mode-color);--text-link-normal-variant-normal-state-color:var(--text-link-normal-variant-normal-state-light-mode-color);--text-link-normal-variant-normal-state-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--text-link-normal-variant-normal-state-light-mode-color:var(--core-emphasis-text-light-mode-color);--text-link-normal-variant-pressed-state-color:var(--text-link-normal-variant-pressed-state-light-mode-color);--text-link-normal-variant-pressed-state-dark-mode-color:var(--core-emphasis-10-dark-mode-color);--text-link-normal-variant-pressed-state-light-mode-color:var(--core-emphasis-10-light-mode-color);--text-link-pressed-state-opacity:0.6;--text-link-small-size-text-case:var(--core-type-semibold-20-case);--text-link-small-size-text-font-family:var(--core-type-semibold-20-font-family);--text-link-small-size-text-leading:var(--core-type-semibold-20-leading);--text-link-small-size-text-number-spacing:var(--core-type-semibold-20-number-spacing);--text-link-small-size-text-scale:var(--core-type-semibold-20-scale);--text-link-small-size-text-size:var(--core-type-semibold-20-size);--text-link-small-size-text-tracking:var(--core-type-semibold-20-tracking);--text-link-small-size-text-weight:var(--core-type-semibold-20-weight);--text-link-small-size-vertical-padding:0px;--text-link-standalone-style-disabled-state-underline-size:0px;--text-link-standalone-style-hover-state-underline-size:1px;--text-link-standalone-style-normal-state-underline-size:0px;--text-link-standalone-style-pressed-state-underline-size:1px;--textarea-font-case:var(--core-type-paragraph-30-case);--textarea-font-font-family:var(--core-type-paragraph-30-font-family);--textarea-font-leading:var(--core-type-paragraph-30-leading);--textarea-font-number-spacing:var(--core-type-paragraph-30-number-spacing);--textarea-font-scale:var(--core-type-paragraph-30-scale);--textarea-font-size:var(--core-type-paragraph-30-size);--textarea-font-tracking:var(--core-type-paragraph-30-tracking);--textarea-font-weight:var(--core-type-paragraph-30-weight);--textarea-height:112px;--textarea-maximum-height:320px;--textarea-min-height:var(--textarea-minimum-height);--textarea-minimum-height:var(--textarea-height);--textarea-placeholder-color:var(--textarea-placeholder-light-mode-color);--textarea-placeholder-dark-mode-color:var(--core-fill-30-dark-mode-color);--textarea-placeholder-light-mode-color:var(--core-fill-30-light-mode-color);--textarea-selection-caret-color:var(--textarea-selection-caret-light-mode-color);--textarea-selection-caret-dark-mode-color:var(--textarea-selection-text-cursor-dark-mode-color);--textarea-selection-caret-light-mode-color:var(--textarea-selection-text-cursor-light-mode-color);--textarea-selection-highlight-color:var(--textarea-selection-highlight-light-mode-color);--textarea-selection-highlight-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--textarea-selection-highlight-light-mode-color:var(--core-emphasis-30-light-mode-color);--textarea-selection-text-cursor-color:var(--textarea-selection-text-cursor-light-mode-color);--textarea-selection-text-cursor-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--textarea-selection-text-cursor-light-mode-color:var(--core-emphasis-fill-light-mode-color);--toast-accent-color:var(--toast-accent-light-mode-color);--toast-accent-dark-mode-color:var(--core-fill-10-dark-mode-color);--toast-accent-light-mode-color:var(--core-fill-10-light-mode-color);--toast-background-color:var(--toast-background-light-mode-color);--toast-background-dark-mode-color:var(--core-surface-inverse-dark-mode-color);--toast-background-light-mode-color:var(--core-surface-inverse-light-mode-color);--toast-button-gap:var(--core-metrics-spacing-150);--toast-button-spacing:var(--toast-button-gap);--toast-button-text-case:var(--core-type-semibold-30-case);--toast-button-text-font-family:var(--core-type-semibold-30-font-family);--toast-button-text-leading:var(--core-type-semibold-30-leading);--toast-button-text-number-spacing:var(--core-type-semibold-30-number-spacing);--toast-button-text-scale:var(--core-type-semibold-30-scale);--toast-button-text-size:var(--core-type-semibold-30-size);--toast-button-text-tracking:var(--core-type-semibold-30-tracking);--toast-button-text-weight:var(--core-type-semibold-30-weight);--toast-content-gap:var(--core-metrics-spacing-150);--toast-content-spacing:var(--toast-content-gap);--toast-critical-variant-accent-color:var(--toast-critical-variant-accent-light-mode-color);--toast-critical-variant-accent-dark-mode-color:var(--core-fill-white-dark-mode-color);--toast-critical-variant-accent-light-mode-color:var(--core-fill-white-light-mode-color);--toast-critical-variant-background-color:var(--toast-critical-variant-background-light-mode-color);--toast-critical-variant-background-dark-mode-color:var(--core-critical-fill-dark-mode-color);--toast-critical-variant-background-light-mode-color:var(--core-critical-fill-light-mode-color);--toast-critical-variant-button-text-color:var(--toast-critical-variant-button-text-light-mode-color);--toast-critical-variant-button-text-dark-mode-color:var(--toast-critical-variant-link-dark-mode-color);--toast-critical-variant-button-text-light-mode-color:var(--toast-critical-variant-link-light-mode-color);--toast-critical-variant-dismiss-button-color:var(--toast-critical-variant-dismiss-button-light-mode-color);--toast-critical-variant-dismiss-button-dark-mode-color:var(--core-fill-white-dark-mode-color);--toast-critical-variant-dismiss-button-light-mode-color:var(--core-fill-white-light-mode-color);--toast-critical-variant-icon-color:var(--toast-critical-variant-icon-light-mode-color);--toast-critical-variant-icon-dark-mode-color:var(--toast-critical-variant-accent-dark-mode-color);--toast-critical-variant-icon-light-mode-color:var(--toast-critical-variant-accent-light-mode-color);--toast-critical-variant-link-color:var(--toast-critical-variant-link-light-mode-color);--toast-critical-variant-link-dark-mode-color:var(--toast-critical-variant-text-dark-mode-color);--toast-critical-variant-link-light-mode-color:var(--toast-critical-variant-text-light-mode-color);--toast-critical-variant-progress-bar-color:var(--toast-critical-variant-progress-bar-light-mode-color);--toast-critical-variant-progress-bar-dark-mode-color:var(--toast-critical-variant-accent-dark-mode-color);--toast-critical-variant-progress-bar-light-mode-color:var(--toast-critical-variant-accent-light-mode-color);--toast-critical-variant-separator-color:var(--toast-critical-variant-separator-light-mode-color);--toast-critical-variant-separator-dark-mode-color:var(--toast-critical-variant-link-dark-mode-color);--toast-critical-variant-separator-light-mode-color:var(--toast-critical-variant-link-light-mode-color);--toast-critical-variant-text-color:var(--toast-critical-variant-text-light-mode-color);--toast-critical-variant-text-dark-mode-color:var(--core-text-white-dark-mode-color);--toast-critical-variant-text-light-mode-color:var(--core-text-white-light-mode-color);--toast-dismiss-button-color:var(--toast-dismiss-button-light-mode-color);--toast-dismiss-button-dark-mode-color:var(--core-text-inverse-dark-mode-color);--toast-dismiss-button-light-mode-color:var(--core-text-inverse-light-mode-color);--toast-dismissal-delay-long-duration:10.00s;--toast-dismissal-delay-medium-duration:5.00s;--toast-dismissal-delay-short-duration:2.00s;--toast-horizontal-padding:var(--core-metrics-spacing-200);--toast-horizontal-padding-size:var(--toast-horizontal-padding);--toast-icon-color:var(--toast-icon-light-mode-color);--toast-icon-dark-mode-color:var(--toast-accent-dark-mode-color);--toast-icon-gap:var(--core-metrics-spacing-150);--toast-icon-light-mode-color:var(--toast-accent-light-mode-color);--toast-icon-spacing:var(--toast-icon-gap);--toast-info-variant-accent-color:var(--toast-info-variant-accent-light-mode-color);--toast-info-variant-accent-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--toast-info-variant-accent-light-mode-color:var(--core-emphasis-fill-light-mode-color);--toast-info-variant-background-color:var(--toast-info-variant-background-light-mode-color);--toast-info-variant-background-dark-mode-color:var(--toast-background-dark-mode-color);--toast-info-variant-background-light-mode-color:var(--toast-background-light-mode-color);--toast-info-variant-button-text-case:var(--toast-info-variant-link-case);--toast-info-variant-button-text-color:var(--toast-info-variant-button-text-light-mode-color);--toast-info-variant-button-text-dark-mode-color:var(--toast-info-variant-link-dark-mode-color);--toast-info-variant-button-text-font-family:var(--toast-info-variant-link-font-family);--toast-info-variant-button-text-leading:var(--toast-info-variant-link-leading);--toast-info-variant-button-text-light-mode-color:var(--toast-info-variant-link-light-mode-color);--toast-info-variant-button-text-multiline-gap:var(--toast-info-variant-link-multiline-gap);--toast-info-variant-button-text-multiline-spacing:var(--toast-info-variant-link-multiline-spacing);--toast-info-variant-button-text-number-spacing:var(--toast-info-variant-link-number-spacing);--toast-info-variant-button-text-scale:var(--toast-info-variant-link-scale);--toast-info-variant-button-text-size:var(--toast-info-variant-link-size);--toast-info-variant-button-text-tracking:var(--toast-info-variant-link-tracking);--toast-info-variant-button-text-weight:var(--toast-info-variant-link-weight);--toast-info-variant-dismiss-button-color:var(--toast-info-variant-dismiss-button-light-mode-color);--toast-info-variant-dismiss-button-dark-mode-color:var(--toast-dismiss-button-dark-mode-color);--toast-info-variant-dismiss-button-light-mode-color:var(--toast-dismiss-button-light-mode-color);--toast-info-variant-icon-color:var(--toast-info-variant-icon-light-mode-color);--toast-info-variant-icon-dark-mode-color:var(--toast-info-variant-accent-dark-mode-color);--toast-info-variant-icon-light-mode-color:var(--toast-info-variant-accent-light-mode-color);--toast-info-variant-link-case:var(--toast-info-variant-text-case);--toast-info-variant-link-color:var(--toast-info-variant-link-light-mode-color);--toast-info-variant-link-dark-mode-color:var(--toast-info-variant-text-dark-mode-color);--toast-info-variant-link-font-family:var(--toast-info-variant-text-font-family);--toast-info-variant-link-leading:var(--toast-info-variant-text-leading);--toast-info-variant-link-light-mode-color:var(--toast-info-variant-text-light-mode-color);--toast-info-variant-link-multiline-gap:var(--toast-info-variant-text-multiline-gap);--toast-info-variant-link-multiline-spacing:var(--toast-info-variant-text-multiline-spacing);--toast-info-variant-link-number-spacing:var(--toast-info-variant-text-number-spacing);--toast-info-variant-link-scale:var(--toast-info-variant-text-scale);--toast-info-variant-link-size:var(--toast-info-variant-text-size);--toast-info-variant-link-tracking:var(--toast-info-variant-text-tracking);--toast-info-variant-link-weight:var(--toast-info-variant-text-weight);--toast-info-variant-progress-bar-color:var(--toast-info-variant-progress-bar-light-mode-color);--toast-info-variant-progress-bar-dark-mode-color:var(--toast-info-variant-accent-dark-mode-color);--toast-info-variant-progress-bar-light-mode-color:var(--toast-info-variant-accent-light-mode-color);--toast-info-variant-separator-case:var(--toast-info-variant-link-case);--toast-info-variant-separator-color:var(--toast-info-variant-separator-light-mode-color);--toast-info-variant-separator-dark-mode-color:var(--toast-info-variant-link-dark-mode-color);--toast-info-variant-separator-font-family:var(--toast-info-variant-link-font-family);--toast-info-variant-separator-leading:var(--toast-info-variant-link-leading);--toast-info-variant-separator-light-mode-color:var(--toast-info-variant-link-light-mode-color);--toast-info-variant-separator-multiline-gap:var(--toast-info-variant-link-multiline-gap);--toast-info-variant-separator-multiline-spacing:var(--toast-info-variant-link-multiline-spacing);--toast-info-variant-separator-number-spacing:var(--toast-info-variant-link-number-spacing);--toast-info-variant-separator-scale:var(--toast-info-variant-link-scale);--toast-info-variant-separator-size:var(--toast-info-variant-link-size);--toast-info-variant-separator-tracking:var(--toast-info-variant-link-tracking);--toast-info-variant-separator-weight:var(--toast-info-variant-link-weight);--toast-info-variant-text-case:var(--toast-text-case);--toast-info-variant-text-color:var(--toast-info-variant-text-light-mode-color);--toast-info-variant-text-dark-mode-color:var(--toast-text-dark-mode-color);--toast-info-variant-text-font-family:var(--toast-text-font-family);--toast-info-variant-text-leading:var(--toast-text-leading);--toast-info-variant-text-light-mode-color:var(--toast-text-light-mode-color);--toast-info-variant-text-multiline-gap:var(--toast-text-multiline-gap);--toast-info-variant-text-multiline-spacing:var(--toast-text-multiline-spacing);--toast-info-variant-text-number-spacing:var(--toast-text-number-spacing);--toast-info-variant-text-scale:var(--toast-text-scale);--toast-info-variant-text-size:var(--toast-text-size);--toast-info-variant-text-tracking:var(--toast-text-tracking);--toast-info-variant-text-weight:var(--toast-text-weight);--toast-insight-variant-accent-color:var(--toast-insight-variant-accent-light-mode-color);--toast-insight-variant-accent-dark-mode-color:var(--core-purple-fill-dark-mode-color);--toast-insight-variant-accent-light-mode-color:var(--core-purple-fill-light-mode-color);--toast-insight-variant-background-color:var(--toast-insight-variant-background-light-mode-color);--toast-insight-variant-background-dark-mode-color:var(--core-surface-10-dark-mode-color);--toast-insight-variant-background-light-mode-color:var(--core-surface-10-light-mode-color);--toast-insight-variant-button-text-color:var(--toast-insight-variant-button-text-light-mode-color);--toast-insight-variant-button-text-dark-mode-color:var(--toast-insight-variant-link-dark-mode-color);--toast-insight-variant-button-text-light-mode-color:var(--toast-insight-variant-link-light-mode-color);--toast-insight-variant-dismiss-button-color:var(--toast-insight-variant-dismiss-button-light-mode-color);--toast-insight-variant-dismiss-button-dark-mode-color:var(--core-fill-10-dark-mode-color);--toast-insight-variant-dismiss-button-light-mode-color:var(--core-fill-10-light-mode-color);--toast-insight-variant-icon-color:var(--toast-insight-variant-icon-light-mode-color);--toast-insight-variant-icon-dark-mode-color:var(--toast-insight-variant-accent-dark-mode-color);--toast-insight-variant-icon-light-mode-color:var(--toast-insight-variant-accent-light-mode-color);--toast-insight-variant-link-color:var(--toast-insight-variant-link-light-mode-color);--toast-insight-variant-link-dark-mode-color:var(--toast-insight-variant-text-dark-mode-color);--toast-insight-variant-link-light-mode-color:var(--toast-insight-variant-text-light-mode-color);--toast-insight-variant-progress-bar-color:var(--toast-insight-variant-progress-bar-light-mode-color);--toast-insight-variant-progress-bar-dark-mode-color:var(--toast-insight-variant-accent-dark-mode-color);--toast-insight-variant-progress-bar-light-mode-color:var(--toast-insight-variant-accent-light-mode-color);--toast-insight-variant-separator-color:var(--toast-insight-variant-separator-light-mode-color);--toast-insight-variant-separator-dark-mode-color:var(--toast-insight-variant-link-dark-mode-color);--toast-insight-variant-separator-light-mode-color:var(--toast-insight-variant-link-light-mode-color);--toast-insight-variant-text-color:var(--toast-insight-variant-text-light-mode-color);--toast-insight-variant-text-dark-mode-color:var(--core-text-10-dark-mode-color);--toast-insight-variant-text-light-mode-color:var(--core-text-10-light-mode-color);--toast-link-destructive-variant-color:var(--toast-link-destructive-variant-light-mode-color);--toast-link-destructive-variant-dark-mode-color:var(--text-link-destructive-variant-dark-mode-color);--toast-link-destructive-variant-disabled-state-color:var(--toast-link-destructive-variant-disabled-state-light-mode-color);--toast-link-destructive-variant-disabled-state-dark-mode-color:var(--text-link-destructive-variant-disabled-state-dark-mode-color);--toast-link-destructive-variant-disabled-state-light-mode-color:var(--text-link-destructive-variant-disabled-state-light-mode-color);--toast-link-destructive-variant-hover-state-color:var(--toast-link-destructive-variant-hover-state-light-mode-color);--toast-link-destructive-variant-hover-state-dark-mode-color:var(--text-link-destructive-variant-hover-state-dark-mode-color);--toast-link-destructive-variant-hover-state-light-mode-color:var(--text-link-destructive-variant-hover-state-light-mode-color);--toast-link-destructive-variant-light-mode-color:var(--text-link-destructive-variant-light-mode-color);--toast-link-destructive-variant-normal-state-color:var(--toast-link-destructive-variant-normal-state-light-mode-color);--toast-link-destructive-variant-normal-state-dark-mode-color:var(--text-link-destructive-variant-normal-state-dark-mode-color);--toast-link-destructive-variant-normal-state-light-mode-color:var(--text-link-destructive-variant-normal-state-light-mode-color);--toast-link-destructive-variant-pressed-state-color:var(--toast-link-destructive-variant-pressed-state-light-mode-color);--toast-link-destructive-variant-pressed-state-dark-mode-color:var(--text-link-destructive-variant-pressed-state-dark-mode-color);--toast-link-destructive-variant-pressed-state-light-mode-color:var(--text-link-destructive-variant-pressed-state-light-mode-color);--toast-link-disabled-state-opacity:var(--text-link-disabled-state-opacity);--toast-link-hover-state-opacity:var(--text-link-hover-state-opacity);--toast-link-inline-style-disabled-state-underline-size:var(--text-link-inline-style-disabled-state-underline-size);--toast-link-inline-style-hover-state-underline-size:var(--text-link-inline-style-hover-state-underline-size);--toast-link-inline-style-normal-state-underline-size:var(--text-link-inline-style-normal-state-underline-size);--toast-link-inline-style-pressed-state-underline-size:var(--text-link-inline-style-pressed-state-underline-size);--toast-link-inverted-variant-disabled-state-color:var(--toast-link-inverted-variant-disabled-state-light-mode-color);--toast-link-inverted-variant-disabled-state-dark-mode-color:var(--text-link-inverted-variant-disabled-state-dark-mode-color);--toast-link-inverted-variant-disabled-state-light-mode-color:var(--text-link-inverted-variant-disabled-state-light-mode-color);--toast-link-inverted-variant-disabled-state-opacity:var(--text-link-inverted-variant-disabled-state-opacity);--toast-link-inverted-variant-hover-state-color:var(--toast-link-inverted-variant-hover-state-light-mode-color);--toast-link-inverted-variant-hover-state-dark-mode-color:var(--text-link-inverted-variant-hover-state-dark-mode-color);--toast-link-inverted-variant-hover-state-light-mode-color:var(--text-link-inverted-variant-hover-state-light-mode-color);--toast-link-inverted-variant-normal-state-color:var(--toast-link-inverted-variant-normal-state-light-mode-color);--toast-link-inverted-variant-normal-state-dark-mode-color:var(--text-link-inverted-variant-normal-state-dark-mode-color);--toast-link-inverted-variant-normal-state-light-mode-color:var(--text-link-inverted-variant-normal-state-light-mode-color);--toast-link-inverted-variant-pressed-state-color:var(--toast-link-inverted-variant-pressed-state-light-mode-color);--toast-link-inverted-variant-pressed-state-dark-mode-color:var(--text-link-inverted-variant-pressed-state-dark-mode-color);--toast-link-inverted-variant-pressed-state-light-mode-color:var(--text-link-inverted-variant-pressed-state-light-mode-color);--toast-link-medium-size-text-case:var(--text-link-medium-size-text-case);--toast-link-medium-size-text-font-family:var(--text-link-medium-size-text-font-family);--toast-link-medium-size-text-leading:var(--text-link-medium-size-text-leading);--toast-link-medium-size-text-number-spacing:var(--text-link-medium-size-text-number-spacing);--toast-link-medium-size-text-scale:var(--text-link-medium-size-text-scale);--toast-link-medium-size-text-size:var(--text-link-medium-size-text-size);--toast-link-medium-size-text-tracking:var(--text-link-medium-size-text-tracking);--toast-link-medium-size-text-weight:var(--text-link-medium-size-text-weight);--toast-link-medium-size-vertical-padding:var(--text-link-medium-size-vertical-padding);--toast-link-normal-state-opacity:var(--text-link-normal-state-opacity);--toast-link-normal-variant-color:var(--toast-link-normal-variant-light-mode-color);--toast-link-normal-variant-dark-mode-color:var(--text-link-normal-variant-dark-mode-color);--toast-link-normal-variant-disabled-state-color:var(--toast-link-normal-variant-disabled-state-light-mode-color);--toast-link-normal-variant-disabled-state-dark-mode-color:var(--text-link-normal-variant-disabled-state-dark-mode-color);--toast-link-normal-variant-disabled-state-light-mode-color:var(--text-link-normal-variant-disabled-state-light-mode-color);--toast-link-normal-variant-hover-state-color:var(--toast-link-normal-variant-hover-state-light-mode-color);--toast-link-normal-variant-hover-state-dark-mode-color:var(--text-link-normal-variant-hover-state-dark-mode-color);--toast-link-normal-variant-hover-state-light-mode-color:var(--text-link-normal-variant-hover-state-light-mode-color);--toast-link-normal-variant-light-mode-color:var(--text-link-normal-variant-light-mode-color);--toast-link-normal-variant-normal-state-color:var(--toast-link-normal-variant-normal-state-light-mode-color);--toast-link-normal-variant-normal-state-dark-mode-color:var(--text-link-normal-variant-normal-state-dark-mode-color);--toast-link-normal-variant-normal-state-light-mode-color:var(--text-link-normal-variant-normal-state-light-mode-color);--toast-link-normal-variant-pressed-state-color:var(--toast-link-normal-variant-pressed-state-light-mode-color);--toast-link-normal-variant-pressed-state-dark-mode-color:var(--text-link-normal-variant-pressed-state-dark-mode-color);--toast-link-normal-variant-pressed-state-light-mode-color:var(--text-link-normal-variant-pressed-state-light-mode-color);--toast-link-pressed-state-opacity:var(--text-link-pressed-state-opacity);--toast-link-small-size-text-case:var(--text-link-small-size-text-case);--toast-link-small-size-text-font-family:var(--text-link-small-size-text-font-family);--toast-link-small-size-text-leading:var(--text-link-small-size-text-leading);--toast-link-small-size-text-number-spacing:var(--text-link-small-size-text-number-spacing);--toast-link-small-size-text-scale:var(--text-link-small-size-text-scale);--toast-link-small-size-text-size:var(--text-link-small-size-text-size);--toast-link-small-size-text-tracking:var(--text-link-small-size-text-tracking);--toast-link-small-size-text-weight:var(--text-link-small-size-text-weight);--toast-link-small-size-vertical-padding:var(--text-link-small-size-vertical-padding);--toast-link-standalone-style-disabled-state-underline-size:var(--text-link-standalone-style-disabled-state-underline-size);--toast-link-standalone-style-hover-state-underline-size:var(--text-link-standalone-style-hover-state-underline-size);--toast-link-standalone-style-normal-state-underline-size:var(--text-link-standalone-style-normal-state-underline-size);--toast-link-standalone-style-pressed-state-underline-size:var(--text-link-standalone-style-pressed-state-underline-size);--toast-maximum-width:600px;--toast-progress-bar-color:var(--toast-progress-bar-light-mode-color);--toast-progress-bar-dark-mode-color:var(--core-fill-inverse-dark-mode-color);--toast-progress-bar-height:var(--core-metrics-spacing-50);--toast-progress-bar-light-mode-color:var(--core-fill-inverse-light-mode-color);--toast-radius:var(--core-radius-100);--toast-separator-height:var(--core-metrics-spacing-100);--toast-separator-opacity:0.3;--toast-separator-width:1px;--toast-success-variant-accent-color:var(--toast-success-variant-accent-light-mode-color);--toast-success-variant-accent-dark-mode-color:var(--core-success-fill-dark-mode-color);--toast-success-variant-accent-light-mode-color:var(--core-success-fill-light-mode-color);--toast-success-variant-background-color:var(--toast-success-variant-background-light-mode-color);--toast-success-variant-background-dark-mode-color:var(--toast-background-dark-mode-color);--toast-success-variant-background-light-mode-color:var(--toast-background-light-mode-color);--toast-success-variant-button-text-case:var(--toast-success-variant-link-case);--toast-success-variant-button-text-color:var(--toast-success-variant-button-text-light-mode-color);--toast-success-variant-button-text-dark-mode-color:var(--toast-success-variant-link-dark-mode-color);--toast-success-variant-button-text-font-family:var(--toast-success-variant-link-font-family);--toast-success-variant-button-text-leading:var(--toast-success-variant-link-leading);--toast-success-variant-button-text-light-mode-color:var(--toast-success-variant-link-light-mode-color);--toast-success-variant-button-text-multiline-gap:var(--toast-success-variant-link-multiline-gap);--toast-success-variant-button-text-multiline-spacing:var(--toast-success-variant-link-multiline-spacing);--toast-success-variant-button-text-number-spacing:var(--toast-success-variant-link-number-spacing);--toast-success-variant-button-text-scale:var(--toast-success-variant-link-scale);--toast-success-variant-button-text-size:var(--toast-success-variant-link-size);--toast-success-variant-button-text-tracking:var(--toast-success-variant-link-tracking);--toast-success-variant-button-text-weight:var(--toast-success-variant-link-weight);--toast-success-variant-dismiss-button-color:var(--toast-success-variant-dismiss-button-light-mode-color);--toast-success-variant-dismiss-button-dark-mode-color:var(--toast-dismiss-button-dark-mode-color);--toast-success-variant-dismiss-button-light-mode-color:var(--toast-dismiss-button-light-mode-color);--toast-success-variant-icon-color:var(--toast-success-variant-icon-light-mode-color);--toast-success-variant-icon-dark-mode-color:var(--toast-success-variant-accent-dark-mode-color);--toast-success-variant-icon-light-mode-color:var(--toast-success-variant-accent-light-mode-color);--toast-success-variant-link-case:var(--toast-success-variant-text-case);--toast-success-variant-link-color:var(--toast-success-variant-link-light-mode-color);--toast-success-variant-link-dark-mode-color:var(--toast-success-variant-text-dark-mode-color);--toast-success-variant-link-font-family:var(--toast-success-variant-text-font-family);--toast-success-variant-link-leading:var(--toast-success-variant-text-leading);--toast-success-variant-link-light-mode-color:var(--toast-success-variant-text-light-mode-color);--toast-success-variant-link-multiline-gap:var(--toast-success-variant-text-multiline-gap);--toast-success-variant-link-multiline-spacing:var(--toast-success-variant-text-multiline-spacing);--toast-success-variant-link-number-spacing:var(--toast-success-variant-text-number-spacing);--toast-success-variant-link-scale:var(--toast-success-variant-text-scale);--toast-success-variant-link-size:var(--toast-success-variant-text-size);--toast-success-variant-link-tracking:var(--toast-success-variant-text-tracking);--toast-success-variant-link-weight:var(--toast-success-variant-text-weight);--toast-success-variant-progress-bar-color:var(--toast-success-variant-progress-bar-light-mode-color);--toast-success-variant-progress-bar-dark-mode-color:var(--toast-success-variant-accent-dark-mode-color);--toast-success-variant-progress-bar-light-mode-color:var(--toast-success-variant-accent-light-mode-color);--toast-success-variant-separator-case:var(--toast-success-variant-link-case);--toast-success-variant-separator-color:var(--toast-success-variant-separator-light-mode-color);--toast-success-variant-separator-dark-mode-color:var(--toast-success-variant-link-dark-mode-color);--toast-success-variant-separator-font-family:var(--toast-success-variant-link-font-family);--toast-success-variant-separator-leading:var(--toast-success-variant-link-leading);--toast-success-variant-separator-light-mode-color:var(--toast-success-variant-link-light-mode-color);--toast-success-variant-separator-multiline-gap:var(--toast-success-variant-link-multiline-gap);--toast-success-variant-separator-multiline-spacing:var(--toast-success-variant-link-multiline-spacing);--toast-success-variant-separator-number-spacing:var(--toast-success-variant-link-number-spacing);--toast-success-variant-separator-scale:var(--toast-success-variant-link-scale);--toast-success-variant-separator-size:var(--toast-success-variant-link-size);--toast-success-variant-separator-tracking:var(--toast-success-variant-link-tracking);--toast-success-variant-separator-weight:var(--toast-success-variant-link-weight);--toast-success-variant-text-case:var(--toast-text-case);--toast-success-variant-text-color:var(--toast-success-variant-text-light-mode-color);--toast-success-variant-text-dark-mode-color:var(--toast-text-dark-mode-color);--toast-success-variant-text-font-family:var(--toast-text-font-family);--toast-success-variant-text-leading:var(--toast-text-leading);--toast-success-variant-text-light-mode-color:var(--toast-text-light-mode-color);--toast-success-variant-text-multiline-gap:var(--toast-text-multiline-gap);--toast-success-variant-text-multiline-spacing:var(--toast-text-multiline-spacing);--toast-success-variant-text-number-spacing:var(--toast-text-number-spacing);--toast-success-variant-text-scale:var(--toast-text-scale);--toast-success-variant-text-size:var(--toast-text-size);--toast-success-variant-text-tracking:var(--toast-text-tracking);--toast-success-variant-text-weight:var(--toast-text-weight);--toast-text-case:var(--core-type-paragraph-30-case);--toast-text-color:var(--toast-text-light-mode-color);--toast-text-dark-mode-color:var(--core-text-inverse-dark-mode-color);--toast-text-font-family:var(--core-type-paragraph-30-font-family);--toast-text-leading:var(--core-type-paragraph-30-leading);--toast-text-light-mode-color:var(--core-text-inverse-light-mode-color);--toast-text-multiline-gap:var(--core-metrics-spacing-150);--toast-text-multiline-spacing:var(--toast-text-multiline-gap);--toast-text-number-spacing:var(--core-type-paragraph-30-number-spacing);--toast-text-scale:var(--core-type-paragraph-30-scale);--toast-text-size:var(--core-type-paragraph-30-size);--toast-text-tracking:var(--core-type-paragraph-30-tracking);--toast-text-weight:var(--core-type-paragraph-30-weight);--toast-vertical-padding:var(--core-metrics-spacing-200);--toast-vertical-padding-size:var(--toast-vertical-padding);--toast-warning-variant-accent-color:var(--toast-warning-variant-accent-light-mode-color);--toast-warning-variant-accent-dark-mode-color:var(--core-warning-fill-dark-mode-color);--toast-warning-variant-accent-light-mode-color:var(--core-warning-fill-light-mode-color);--toast-warning-variant-background-color:var(--toast-warning-variant-background-light-mode-color);--toast-warning-variant-background-dark-mode-color:var(--toast-background-dark-mode-color);--toast-warning-variant-background-light-mode-color:var(--toast-background-light-mode-color);--toast-warning-variant-button-text-case:var(--toast-warning-variant-link-case);--toast-warning-variant-button-text-color:var(--toast-warning-variant-button-text-light-mode-color);--toast-warning-variant-button-text-dark-mode-color:var(--toast-warning-variant-link-dark-mode-color);--toast-warning-variant-button-text-font-family:var(--toast-warning-variant-link-font-family);--toast-warning-variant-button-text-leading:var(--toast-warning-variant-link-leading);--toast-warning-variant-button-text-light-mode-color:var(--toast-warning-variant-link-light-mode-color);--toast-warning-variant-button-text-multiline-gap:var(--toast-warning-variant-link-multiline-gap);--toast-warning-variant-button-text-multiline-spacing:var(--toast-warning-variant-link-multiline-spacing);--toast-warning-variant-button-text-number-spacing:var(--toast-warning-variant-link-number-spacing);--toast-warning-variant-button-text-scale:var(--toast-warning-variant-link-scale);--toast-warning-variant-button-text-size:var(--toast-warning-variant-link-size);--toast-warning-variant-button-text-tracking:var(--toast-warning-variant-link-tracking);--toast-warning-variant-button-text-weight:var(--toast-warning-variant-link-weight);--toast-warning-variant-dismiss-button-color:var(--toast-warning-variant-dismiss-button-light-mode-color);--toast-warning-variant-dismiss-button-dark-mode-color:var(--toast-dismiss-button-dark-mode-color);--toast-warning-variant-dismiss-button-light-mode-color:var(--toast-dismiss-button-light-mode-color);--toast-warning-variant-icon-color:var(--toast-warning-variant-icon-light-mode-color);--toast-warning-variant-icon-dark-mode-color:var(--toast-warning-variant-accent-dark-mode-color);--toast-warning-variant-icon-light-mode-color:var(--toast-warning-variant-accent-light-mode-color);--toast-warning-variant-link-case:var(--toast-warning-variant-text-case);--toast-warning-variant-link-color:var(--toast-warning-variant-link-light-mode-color);--toast-warning-variant-link-dark-mode-color:var(--toast-warning-variant-text-dark-mode-color);--toast-warning-variant-link-font-family:var(--toast-warning-variant-text-font-family);--toast-warning-variant-link-leading:var(--toast-warning-variant-text-leading);--toast-warning-variant-link-light-mode-color:var(--toast-warning-variant-text-light-mode-color);--toast-warning-variant-link-multiline-gap:var(--toast-warning-variant-text-multiline-gap);--toast-warning-variant-link-multiline-spacing:var(--toast-warning-variant-text-multiline-spacing);--toast-warning-variant-link-number-spacing:var(--toast-warning-variant-text-number-spacing);--toast-warning-variant-link-scale:var(--toast-warning-variant-text-scale);--toast-warning-variant-link-size:var(--toast-warning-variant-text-size);--toast-warning-variant-link-tracking:var(--toast-warning-variant-text-tracking);--toast-warning-variant-link-weight:var(--toast-warning-variant-text-weight);--toast-warning-variant-progress-bar-color:var(--toast-warning-variant-progress-bar-light-mode-color);--toast-warning-variant-progress-bar-dark-mode-color:var(--toast-warning-variant-accent-dark-mode-color);--toast-warning-variant-progress-bar-light-mode-color:var(--toast-warning-variant-accent-light-mode-color);--toast-warning-variant-separator-case:var(--toast-warning-variant-link-case);--toast-warning-variant-separator-color:var(--toast-warning-variant-separator-light-mode-color);--toast-warning-variant-separator-dark-mode-color:var(--toast-warning-variant-link-dark-mode-color);--toast-warning-variant-separator-font-family:var(--toast-warning-variant-link-font-family);--toast-warning-variant-separator-leading:var(--toast-warning-variant-link-leading);--toast-warning-variant-separator-light-mode-color:var(--toast-warning-variant-link-light-mode-color);--toast-warning-variant-separator-multiline-gap:var(--toast-warning-variant-link-multiline-gap);--toast-warning-variant-separator-multiline-spacing:var(--toast-warning-variant-link-multiline-spacing);--toast-warning-variant-separator-number-spacing:var(--toast-warning-variant-link-number-spacing);--toast-warning-variant-separator-scale:var(--toast-warning-variant-link-scale);--toast-warning-variant-separator-size:var(--toast-warning-variant-link-size);--toast-warning-variant-separator-tracking:var(--toast-warning-variant-link-tracking);--toast-warning-variant-separator-weight:var(--toast-warning-variant-link-weight);--toast-warning-variant-text-case:var(--toast-text-case);--toast-warning-variant-text-color:var(--toast-warning-variant-text-light-mode-color);--toast-warning-variant-text-dark-mode-color:var(--toast-text-dark-mode-color);--toast-warning-variant-text-font-family:var(--toast-text-font-family);--toast-warning-variant-text-leading:var(--toast-text-leading);--toast-warning-variant-text-light-mode-color:var(--toast-text-light-mode-color);--toast-warning-variant-text-multiline-gap:var(--toast-text-multiline-gap);--toast-warning-variant-text-multiline-spacing:var(--toast-text-multiline-spacing);--toast-warning-variant-text-number-spacing:var(--toast-text-number-spacing);--toast-warning-variant-text-scale:var(--toast-text-scale);--toast-warning-variant-text-size:var(--toast-text-size);--toast-warning-variant-text-tracking:var(--toast-text-tracking);--toast-warning-variant-text-weight:var(--toast-text-weight);--toggle-border-radius:var(--core-radius-circle);--toggle-border-size:var(--core-border-20);--toggle-disabled-state-selected-value-border-color:var(--toggle-disabled-state-selected-value-light-mode-border-color);--toggle-disabled-state-selected-value-dark-mode-border-color:transparent;--toggle-disabled-state-selected-value-dark-mode-thumb-color:var(--core-fill-white-dark-mode-color);--toggle-disabled-state-selected-value-dark-mode-track-color:var(--core-fill-20-dark-mode-color);--toggle-disabled-state-selected-value-light-mode-border-color:transparent;--toggle-disabled-state-selected-value-light-mode-thumb-color:var(--core-fill-white-light-mode-color);--toggle-disabled-state-selected-value-light-mode-track-color:var(--core-fill-20-light-mode-color);--toggle-disabled-state-selected-value-thumb-color:var(--toggle-disabled-state-selected-value-light-mode-thumb-color);--toggle-disabled-state-selected-value-track-color:var(--toggle-disabled-state-selected-value-light-mode-track-color);--toggle-disabled-state-unselected-value-border-color:var(--toggle-disabled-state-unselected-value-light-mode-border-color);--toggle-disabled-state-unselected-value-dark-mode-border-color:var(--core-fill-50-dark-mode-color);--toggle-disabled-state-unselected-value-dark-mode-thumb-color:var(--core-fill-30-dark-mode-color);--toggle-disabled-state-unselected-value-dark-mode-track-color:var(--core-fill-50-dark-mode-color);--toggle-disabled-state-unselected-value-light-mode-border-color:var(--core-fill-50-light-mode-color);--toggle-disabled-state-unselected-value-light-mode-thumb-color:var(--core-fill-30-light-mode-color);--toggle-disabled-state-unselected-value-light-mode-track-color:var(--core-fill-50-light-mode-color);--toggle-disabled-state-unselected-value-thumb-color:var(--toggle-disabled-state-unselected-value-light-mode-thumb-color);--toggle-disabled-state-unselected-value-track-color:var(--toggle-disabled-state-unselected-value-light-mode-track-color);--toggle-focus-ring-border-size:var(--core-focus-ring-border-size);--toggle-focus-ring-buffer-size:0px;--toggle-focus-ring-color:var(--toggle-focus-ring-light-mode-color);--toggle-focus-ring-dark-mode-color:var(--core-focus-ring-dark-mode-color);--toggle-focus-ring-light-mode-color:var(--core-focus-ring-light-mode-color);--toggle-focus-state-selected-value-border-color:var(--toggle-focus-state-selected-value-light-mode-border-color);--toggle-focus-state-selected-value-dark-mode-border-color:var(--toggle-hover-state-selected-value-dark-mode-border-color);--toggle-focus-state-selected-value-dark-mode-thumb-color:var(--toggle-hover-state-selected-value-dark-mode-thumb-color);--toggle-focus-state-selected-value-dark-mode-track-color:var(--toggle-hover-state-selected-value-dark-mode-track-color);--toggle-focus-state-selected-value-light-mode-border-color:var(--toggle-hover-state-selected-value-light-mode-border-color);--toggle-focus-state-selected-value-light-mode-thumb-color:var(--toggle-hover-state-selected-value-light-mode-thumb-color);--toggle-focus-state-selected-value-light-mode-track-color:var(--toggle-hover-state-selected-value-light-mode-track-color);--toggle-focus-state-selected-value-thumb-color:var(--toggle-focus-state-selected-value-light-mode-thumb-color);--toggle-focus-state-selected-value-track-color:var(--toggle-focus-state-selected-value-light-mode-track-color);--toggle-focus-state-unselected-value-border-color:var(--toggle-focus-state-unselected-value-light-mode-border-color);--toggle-focus-state-unselected-value-dark-mode-border-color:var(--toggle-hover-state-unselected-value-dark-mode-border-color);--toggle-focus-state-unselected-value-dark-mode-thumb-color:var(--toggle-hover-state-unselected-value-dark-mode-thumb-color);--toggle-focus-state-unselected-value-dark-mode-track-color:var(--toggle-hover-state-unselected-value-dark-mode-track-color);--toggle-focus-state-unselected-value-light-mode-border-color:var(--toggle-hover-state-unselected-value-light-mode-border-color);--toggle-focus-state-unselected-value-light-mode-thumb-color:var(--toggle-hover-state-unselected-value-light-mode-thumb-color);--toggle-focus-state-unselected-value-light-mode-track-color:var(--toggle-hover-state-unselected-value-light-mode-track-color);--toggle-focus-state-unselected-value-thumb-color:var(--toggle-focus-state-unselected-value-light-mode-thumb-color);--toggle-focus-state-unselected-value-track-color:var(--toggle-focus-state-unselected-value-light-mode-track-color);--toggle-height:24px;--toggle-horizontal-padding:var(--core-metrics-spacing-50);--toggle-hover-state-selected-value-border-color:var(--toggle-hover-state-selected-value-light-mode-border-color);--toggle-hover-state-selected-value-dark-mode-border-color:var(--core-emphasis-20-dark-mode-color);--toggle-hover-state-selected-value-dark-mode-thumb-color:var(--core-fill-white-dark-mode-color);--toggle-hover-state-selected-value-dark-mode-track-color:var(--core-emphasis-20-dark-mode-color);--toggle-hover-state-selected-value-light-mode-border-color:var(--core-emphasis-20-light-mode-color);--toggle-hover-state-selected-value-light-mode-thumb-color:var(--core-fill-white-light-mode-color);--toggle-hover-state-selected-value-light-mode-track-color:var(--core-emphasis-20-light-mode-color);--toggle-hover-state-selected-value-thumb-color:var(--toggle-hover-state-selected-value-light-mode-thumb-color);--toggle-hover-state-selected-value-track-color:var(--toggle-hover-state-selected-value-light-mode-track-color);--toggle-hover-state-unselected-value-border-color:var(--toggle-hover-state-unselected-value-light-mode-border-color);--toggle-hover-state-unselected-value-dark-mode-border-color:var(--core-emphasis-fill-dark-mode-color);--toggle-hover-state-unselected-value-dark-mode-thumb-color:var(--core-emphasis-fill-dark-mode-color);--toggle-hover-state-unselected-value-dark-mode-track-color:transparent;--toggle-hover-state-unselected-value-light-mode-border-color:var(--core-emphasis-fill-light-mode-color);--toggle-hover-state-unselected-value-light-mode-thumb-color:var(--core-emphasis-fill-light-mode-color);--toggle-hover-state-unselected-value-light-mode-track-color:transparent;--toggle-hover-state-unselected-value-thumb-color:var(--toggle-hover-state-unselected-value-light-mode-thumb-color);--toggle-hover-state-unselected-value-track-color:var(--toggle-hover-state-unselected-value-light-mode-track-color);--toggle-normal-state-selected-value-border-color:var(--toggle-normal-state-selected-value-light-mode-border-color);--toggle-normal-state-selected-value-dark-mode-border-color:var(--core-emphasis-fill-dark-mode-color);--toggle-normal-state-selected-value-dark-mode-thumb-color:var(--core-fill-white-dark-mode-color);--toggle-normal-state-selected-value-dark-mode-track-color:var(--core-emphasis-fill-dark-mode-color);--toggle-normal-state-selected-value-light-mode-border-color:var(--core-emphasis-fill-light-mode-color);--toggle-normal-state-selected-value-light-mode-thumb-color:var(--core-fill-white-light-mode-color);--toggle-normal-state-selected-value-light-mode-track-color:var(--core-emphasis-fill-light-mode-color);--toggle-normal-state-selected-value-thumb-color:var(--toggle-normal-state-selected-value-light-mode-thumb-color);--toggle-normal-state-selected-value-track-color:var(--toggle-normal-state-selected-value-light-mode-track-color);--toggle-normal-state-unselected-value-border-color:var(--toggle-normal-state-unselected-value-light-mode-border-color);--toggle-normal-state-unselected-value-dark-mode-border-color:var(--core-fill-20-dark-mode-color);--toggle-normal-state-unselected-value-dark-mode-thumb-color:var(--core-fill-20-dark-mode-color);--toggle-normal-state-unselected-value-dark-mode-track-color:transparent;--toggle-normal-state-unselected-value-light-mode-border-color:var(--core-fill-20-light-mode-color);--toggle-normal-state-unselected-value-light-mode-thumb-color:var(--core-fill-20-light-mode-color);--toggle-normal-state-unselected-value-light-mode-track-color:transparent;--toggle-normal-state-unselected-value-thumb-color:var(--toggle-normal-state-unselected-value-light-mode-thumb-color);--toggle-normal-state-unselected-value-track-color:var(--toggle-normal-state-unselected-value-light-mode-track-color);--toggle-padding-horizontal:5px;--toggle-padding-vertical:5px;--toggle-pressed-state-selected-value-border-color:var(--toggle-pressed-state-selected-value-light-mode-border-color);--toggle-pressed-state-selected-value-dark-mode-border-color:var(--core-emphasis-10-dark-mode-color);--toggle-pressed-state-selected-value-dark-mode-thumb-color:var(--core-fill-white-dark-mode-color);--toggle-pressed-state-selected-value-dark-mode-track-color:var(--core-emphasis-10-dark-mode-color);--toggle-pressed-state-selected-value-light-mode-border-color:var(--core-emphasis-10-light-mode-color);--toggle-pressed-state-selected-value-light-mode-thumb-color:var(--core-fill-white-light-mode-color);--toggle-pressed-state-selected-value-light-mode-track-color:var(--core-emphasis-10-light-mode-color);--toggle-pressed-state-selected-value-thumb-color:var(--toggle-pressed-state-selected-value-light-mode-thumb-color);--toggle-pressed-state-selected-value-track-color:var(--toggle-pressed-state-selected-value-light-mode-track-color);--toggle-pressed-state-unselected-value-border-color:var(--toggle-pressed-state-unselected-value-light-mode-border-color);--toggle-pressed-state-unselected-value-dark-mode-border-color:var(--core-emphasis-10-dark-mode-color);--toggle-pressed-state-unselected-value-dark-mode-thumb-color:var(--core-emphasis-10-dark-mode-color);--toggle-pressed-state-unselected-value-dark-mode-track-color:transparent;--toggle-pressed-state-unselected-value-light-mode-border-color:var(--core-emphasis-10-light-mode-color);--toggle-pressed-state-unselected-value-light-mode-thumb-color:var(--core-emphasis-10-light-mode-color);--toggle-pressed-state-unselected-value-light-mode-track-color:transparent;--toggle-pressed-state-unselected-value-thumb-color:var(--toggle-pressed-state-unselected-value-light-mode-thumb-color);--toggle-pressed-state-unselected-value-track-color:var(--toggle-pressed-state-unselected-value-light-mode-track-color);--toggle-vertical-padding:var(--core-metrics-spacing-50);--toggle-width:40px;--tooltip-animation-move-transition-duration:var(--tooltip-trigger-animation-fade-transition-duration);--tooltip-background-color:var(--tooltip-background-light-mode-color);--tooltip-background-dark-mode-color:var(--tooltip-popover-background-dark-mode-color);--tooltip-background-light-mode-color:var(--tooltip-popover-background-light-mode-color);--tooltip-link-case:var(--tooltip-popover-link-case);--tooltip-link-color:var(--tooltip-link-light-mode-color);--tooltip-link-dark-mode-color:var(--tooltip-popover-link-dark-mode-color);--tooltip-link-font-family:var(--tooltip-popover-link-font-family);--tooltip-link-leading:var(--tooltip-popover-link-leading);--tooltip-link-light-mode-color:var(--tooltip-popover-link-light-mode-color);--tooltip-link-number-spacing:var(--tooltip-popover-link-number-spacing);--tooltip-link-scale:var(--tooltip-popover-link-scale);--tooltip-link-size:var(--tooltip-popover-link-size);--tooltip-link-tracking:var(--tooltip-popover-link-tracking);--tooltip-link-weight:var(--tooltip-popover-link-weight);--tooltip-maximum-width:var(--tooltip-popover-maximum-width);--tooltip-minimum-height:var(--tooltip-trigger-minimum-height);--tooltip-minimum-width:var(--tooltip-trigger-minimum-width);--tooltip-padding-horizontal-size:var(--tooltip-popover-horizontal-padding);--tooltip-padding-vertical-size:var(--tooltip-popover-vertical-padding);--tooltip-popover-background-color:var(--tooltip-popover-background-light-mode-color);--tooltip-popover-background-dark-mode-color:var(--core-surface-inverse-dark-mode-color);--tooltip-popover-background-light-mode-color:var(--core-surface-inverse-light-mode-color);--tooltip-popover-horizontal-padding:var(--core-metrics-spacing-150);--tooltip-popover-link-case:var(--core-type-semibold-20-case);--tooltip-popover-link-color:var(--tooltip-popover-link-light-mode-color);--tooltip-popover-link-dark-mode-color:var(--core-text-inverse-dark-mode-color);--tooltip-popover-link-font-family:var(--core-type-semibold-20-font-family);--tooltip-popover-link-leading:var(--core-type-semibold-20-leading);--tooltip-popover-link-light-mode-color:var(--core-text-inverse-light-mode-color);--tooltip-popover-link-number-spacing:var(--core-type-semibold-20-number-spacing);--tooltip-popover-link-scale:var(--core-type-semibold-20-scale);--tooltip-popover-link-size:var(--core-type-semibold-20-size);--tooltip-popover-link-tracking:var(--core-type-semibold-20-tracking);--tooltip-popover-link-weight:var(--core-type-semibold-20-weight);--tooltip-popover-maximum-width:400px;--tooltip-popover-radius:var(--core-radius-100);--tooltip-popover-text-case:var(--core-type-paragraph-20-case);--tooltip-popover-text-color:var(--tooltip-popover-text-light-mode-color);--tooltip-popover-text-dark-mode-color:var(--core-text-inverse-dark-mode-color);--tooltip-popover-text-font-family:var(--core-type-paragraph-20-font-family);--tooltip-popover-text-leading:var(--core-type-paragraph-20-leading);--tooltip-popover-text-light-mode-color:var(--core-text-inverse-light-mode-color);--tooltip-popover-text-number-spacing:var(--core-type-paragraph-20-number-spacing);--tooltip-popover-text-scale:var(--core-type-paragraph-20-scale);--tooltip-popover-text-size:var(--core-type-paragraph-20-size);--tooltip-popover-text-tracking:var(--core-type-paragraph-20-tracking);--tooltip-popover-text-weight:var(--core-type-paragraph-20-weight);--tooltip-popover-vertical-padding:var(--core-metrics-spacing-100);--tooltip-radius:var(--tooltip-popover-radius);--tooltip-text-case:var(--tooltip-popover-text-case);--tooltip-text-color:var(--tooltip-text-light-mode-color);--tooltip-text-dark-mode-color:var(--tooltip-popover-text-dark-mode-color);--tooltip-text-font-family:var(--tooltip-popover-text-font-family);--tooltip-text-leading:var(--tooltip-popover-text-leading);--tooltip-text-light-mode-color:var(--tooltip-popover-text-light-mode-color);--tooltip-text-number-spacing:var(--tooltip-popover-text-number-spacing);--tooltip-text-scale:var(--tooltip-popover-text-scale);--tooltip-text-size:var(--tooltip-popover-text-size);--tooltip-text-tracking:var(--tooltip-popover-text-tracking);--tooltip-text-weight:var(--tooltip-popover-text-weight);--tooltip-trigger-animation-fade-transition-duration:var(--core-animation-move-transition-moderate-speed-duration);--tooltip-trigger-icon-active-state-color:var(--tooltip-trigger-icon-active-state-light-mode-color);--tooltip-trigger-icon-active-state-dark-mode-color:var(--core-fill-10-dark-mode-color);--tooltip-trigger-icon-active-state-light-mode-color:var(--core-fill-10-light-mode-color);--tooltip-trigger-icon-disabled-state-color:var(--tooltip-trigger-icon-disabled-state-light-mode-color);--tooltip-trigger-icon-disabled-state-dark-mode-color:var(--core-fill-30-dark-mode-color);--tooltip-trigger-icon-disabled-state-light-mode-color:var(--core-fill-30-light-mode-color);--tooltip-trigger-icon-normal-state-color:var(--tooltip-trigger-icon-normal-state-light-mode-color);--tooltip-trigger-icon-normal-state-dark-mode-color:var(--core-fill-20-dark-mode-color);--tooltip-trigger-icon-normal-state-light-mode-color:var(--core-fill-20-light-mode-color);--tooltip-trigger-minimum-height:var(--tooltip-trigger-minimum-width);--tooltip-trigger-minimum-width:var(--core-metrics-spacing-500);--tooltip-trigger-text-active-state-color:var(--tooltip-trigger-text-active-state-light-mode-color);--tooltip-trigger-text-active-state-dark-mode-color:var(--core-text-10-dark-mode-color);--tooltip-trigger-text-active-state-light-mode-color:var(--core-text-10-light-mode-color);--tooltip-trigger-text-disabled-state-color:var(--tooltip-trigger-text-disabled-state-light-mode-color);--tooltip-trigger-text-disabled-state-dark-mode-color:var(--core-text-30-dark-mode-color);--tooltip-trigger-text-disabled-state-light-mode-color:var(--core-text-30-light-mode-color);--tooltip-trigger-text-normal-state-color:var(--tooltip-trigger-text-normal-state-light-mode-color);--tooltip-trigger-text-normal-state-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--tooltip-trigger-text-normal-state-light-mode-color:var(--core-emphasis-text-light-mode-color);--tooltip-trigger-text-underline-size:1px;--tracker-horizontal-orientation-compact-density-large-size-completed-state-color:var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-light-mode-color);--tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height);--tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius);--tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding);--tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width);--tracker-horizontal-orientation-compact-density-large-size-completed-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size);--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size);--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-compact-density-large-size-completed-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-case);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-font-family);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-leading);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-scale);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-size);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-spacing);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-tracking);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-weight);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-maximum-width);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-minimum-width);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-spacing);--tracker-horizontal-orientation-compact-density-large-size-current-state-color:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-light-mode-color);--tracker-horizontal-orientation-compact-density-large-size-current-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);--tracker-horizontal-orientation-compact-density-large-size-current-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);--tracker-horizontal-orientation-compact-density-large-size-current-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);--tracker-horizontal-orientation-compact-density-large-size-current-state-connector-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);--tracker-horizontal-orientation-compact-density-large-size-current-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);--tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);--tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);--tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-compact-density-large-size-current-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);--tracker-horizontal-orientation-compact-density-large-size-current-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-compact-density-large-size-current-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-case:var(--core-type-heading-20-case);--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-font-family:var(--core-type-heading-20-font-family);--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-leading:var(--core-type-heading-20-leading);--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-number-spacing:var(--core-type-heading-20-number-spacing);--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-scale:var(--core-type-heading-20-scale);--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-size:var(--core-type-heading-20-size);--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-spacing:var(--core-metrics-spacing-100);--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-tracking:var(--core-type-heading-20-tracking);--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-weight:var(--core-type-heading-20-weight);--tracker-horizontal-orientation-compact-density-large-size-current-state-step-maximum-width:100px;--tracker-horizontal-orientation-compact-density-large-size-current-state-step-minimum-width:0px;--tracker-horizontal-orientation-compact-density-large-size-current-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-color:var(--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-connector-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-case);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-font-family);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-leading);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-scale);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-size);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-spacing);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-tracking);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-weight);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-maximum-width);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-minimum-width);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-spacing);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-color:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-light-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-spacing);--tracker-horizontal-orientation-compact-density-medium-size-current-state-color:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-light-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);--tracker-horizontal-orientation-compact-density-medium-size-current-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-compact-density-medium-size-current-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case:var(--core-type-semibold-30-case);--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family:var(--core-type-semibold-30-font-family);--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading:var(--core-type-semibold-30-leading);--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing:var(--core-type-semibold-30-number-spacing);--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale:var(--core-type-semibold-30-scale);--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size:var(--core-type-semibold-30-size);--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing:var(--core-metrics-spacing-100);--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking:var(--core-type-semibold-30-tracking);--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight:var(--core-type-semibold-30-weight);--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width:90px;--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width:0px;--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-color:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-spacing);--tracker-horizontal-orientation-compact-density-small-size-completed-state-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color:var(--core-fill-10-dark-mode-color);--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color:var(--core-text-inverse-dark-mode-color);--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color:var(--core-text-inverse-light-mode-color);--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding:2px;--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width:0px;--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding:1px;--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width:0px;--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding:0px;--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color:var(--core-fill-10-light-mode-color);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);--tracker-horizontal-orientation-compact-density-small-size-current-state-color:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height:var(--divider-thin-size-height);--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius:var(--divider-radius);--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding:var(--divider-extra-small-variant-vertical-padding);--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width:var(--core-metrics-spacing-150);--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color:var(--core-fill-10-dark-mode-color);--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding:0px;--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size:var(--core-metrics-spacing-200);--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width:2px;--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width:4px;--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color:var(--core-fill-10-light-mode-color);--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding:0px;--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding:9px;--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case:var(--core-type-semibold-10-case);--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family:var(--core-type-semibold-10-font-family);--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading:var(--core-type-semibold-10-leading);--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing:var(--core-type-semibold-10-number-spacing);--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale:var(--core-type-semibold-10-scale);--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size:var(--core-type-semibold-10-size);--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing:var(--core-metrics-spacing-100);--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking:var(--core-type-semibold-10-tracking);--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight:var(--core-type-semibold-10-weight);--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width:80px;--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width:0px;--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing:var(--core-metrics-spacing-100);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-color:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color:var(--core-text-20-dark-mode-color);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding:1px;--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width:2px;--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding:0px;--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color:var(--core-text-20-light-mode-color);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-color:var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-height:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-height);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-radius:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-radius);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-vertical-padding:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-vertical-padding);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-width:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-width);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-dark-mode-color:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-size);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-size);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-light-mode-color:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-case:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-case);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-font-family:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-font-family);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-leading:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-leading);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-number-spacing:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-scale:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-scale);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-size:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-size);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-spacing:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-spacing);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-tracking:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-tracking);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-weight:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-weight);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-maximum-width:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-maximum-width);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-minimum-width:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-minimum-width);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-spacing:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-spacing);--tracker-horizontal-orientation-connectors-density-large-size-current-state-color:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-height:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-height);--tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-radius:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-radius);--tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-vertical-padding:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-vertical-padding);--tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-width:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-width);--tracker-horizontal-orientation-connectors-density-large-size-current-state-dark-mode-color:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-size);--tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-size);--tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-large-size-current-state-light-mode-color:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-case:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-case);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-font-family:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-font-family);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-leading:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-leading);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-number-spacing:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-scale:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-scale);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-size:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-size);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-spacing:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-spacing);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-tracking:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-tracking);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-weight:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-weight);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-maximum-width:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-maximum-width);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-minimum-width:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-minimum-width);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-spacing:var(--core-metrics-spacing-200);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-color:var(--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-connector-height:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-height);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-connector-radius:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-radius);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-connector-vertical-padding:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-vertical-padding);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-connector-width:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-width);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-dark-mode-color:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-size);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-size);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-light-mode-color:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-case:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-case);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-font-family:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-font-family);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-leading:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-leading);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-number-spacing:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-scale:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-scale);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-size:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-size);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-spacing:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-spacing);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-tracking:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-tracking);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-weight:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-weight);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-maximum-width:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-maximum-width);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-minimum-width:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-minimum-width);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-spacing:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-spacing);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-color:var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-height:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-height);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-radius:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-radius);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-vertical-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-vertical-padding);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-width:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-width);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-dark-mode-color:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-size);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-size);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-light-mode-color:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-case:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-case);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-font-family:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-font-family);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-leading:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-leading);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-number-spacing:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-scale:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-scale);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-size:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-size);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-spacing:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-spacing);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-tracking:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-tracking);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-weight:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-weight);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-maximum-width:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-maximum-width);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-minimum-width:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-minimum-width);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-spacing:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-spacing);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-color:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-height:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-height);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-radius:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-radius);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-vertical-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-vertical-padding);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-width:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-width);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-dark-mode-color:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-size);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-size);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-light-mode-color:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-case:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-case);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-font-family:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-font-family);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-leading:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-leading);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-number-spacing:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-scale:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-scale);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-size:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-size);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-spacing:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-spacing);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-tracking:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-tracking);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-weight:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-weight);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-maximum-width:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-maximum-width);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-minimum-width:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-minimum-width);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-spacing:var(--core-metrics-spacing-150);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-color:var(--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-connector-height:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-height);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-connector-radius:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-radius);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-connector-vertical-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-vertical-padding);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-connector-width:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-width);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-dark-mode-color:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-size);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-size);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-light-mode-color:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-case:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-case);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-font-family:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-font-family);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-leading:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-leading);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-number-spacing:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-scale:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-scale);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-size:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-size);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-spacing:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-spacing);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-tracking:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-tracking);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-weight:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-weight);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-maximum-width:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-maximum-width);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-minimum-width:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-minimum-width);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-spacing:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-spacing);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-color:var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-height:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-height);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-radius:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-radius);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-vertical-padding:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-vertical-padding);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-width:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-width);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-dark-mode-color:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-size);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-size);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-light-mode-color:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-case:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-case);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-font-family:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-font-family);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-leading:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-leading);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-number-spacing:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-scale:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-scale);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-size:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-size);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-spacing:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-spacing);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-tracking:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-tracking);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-weight:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-weight);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-maximum-width:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-maximum-width);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-minimum-width:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-minimum-width);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-spacing:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-spacing);--tracker-horizontal-orientation-connectors-density-small-size-current-state-color:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-height:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-height);--tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-radius:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-radius);--tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-vertical-padding:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-vertical-padding);--tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-width:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width);--tracker-horizontal-orientation-connectors-density-small-size-current-state-dark-mode-color:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-size);--tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-size);--tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-small-size-current-state-light-mode-color:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-case:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-case);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-font-family:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-font-family);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-leading:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-leading);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-number-spacing:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-scale:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-scale);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-size:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-size);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-spacing:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-spacing);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-tracking:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-tracking);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-weight:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-weight);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-maximum-width:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-maximum-width);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-minimum-width:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-minimum-width);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-spacing:var(--core-metrics-spacing-100);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-color:var(--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-connector-height:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-height);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-connector-radius:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-radius);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-connector-vertical-padding:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-vertical-padding);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-connector-width:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-width);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-dark-mode-color:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-size);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-size);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-light-mode-color:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-case:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-case);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-font-family:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-font-family);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-leading:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-leading);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-number-spacing:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-scale:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-scale);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-size:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-size);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-spacing:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-spacing);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-tracking:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-tracking);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-weight:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-weight);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-maximum-width:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-maximum-width);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-minimum-width:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-minimum-width);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-spacing:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-spacing);--tracker-horizontal-orientation-regular-density-large-size-completed-state-color:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-light-mode-color);--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-height:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-height);--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-radius);--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-vertical-padding);--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-width:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-width);--tracker-horizontal-orientation-regular-density-large-size-completed-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-size);--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-size);--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-regular-density-large-size-completed-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-light-mode-color);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-content-horizontal-padding);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-content-vertical-padding);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-case);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-font-family);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-leading);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-number-spacing);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-scale);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-size);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-spacing);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-tracking);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-weight);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-maximum-width);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-minimum-width);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-spacing);--tracker-horizontal-orientation-regular-density-large-size-current-state-color:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-light-mode-color);--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-height:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-height);--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-radius);--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-vertical-padding);--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-width:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-width);--tracker-horizontal-orientation-regular-density-large-size-current-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-size);--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-size);--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-regular-density-large-size-current-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-light-mode-color);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-spacing);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-color:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-height:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-height);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-radius);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-vertical-padding);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-width:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-width);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-size);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-size);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-content-horizontal-padding);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-content-vertical-padding);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-case);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-font-family);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-leading);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-number-spacing);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-scale);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-size);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-spacing);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-tracking);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-weight);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-maximum-width);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-minimum-width);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-spacing);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-color:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-light-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-horizontal-padding);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-vertical-padding);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-case);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-font-family);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-leading);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-number-spacing);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-scale);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-size);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-spacing);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-tracking);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-weight);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-maximum-width);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-minimum-width);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-spacing);--tracker-horizontal-orientation-regular-density-medium-size-current-state-color:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-light-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);--tracker-horizontal-orientation-regular-density-medium-size-current-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-regular-density-medium-size-current-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-color:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-horizontal-padding);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-vertical-padding);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-case);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-font-family);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-leading);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-number-spacing);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-scale);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-size);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-spacing);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-tracking);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-weight);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-maximum-width);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-minimum-width);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-spacing);--tracker-horizontal-orientation-regular-density-small-size-completed-state-color:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-light-mode-color);--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-height:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-height);--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-radius:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-radius);--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-vertical-padding:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-vertical-padding);--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-width:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width);--tracker-horizontal-orientation-regular-density-small-size-completed-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size);--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size);--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-regular-density-small-size-completed-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-case:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-case);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-font-family:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-font-family);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-leading:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-leading);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-number-spacing:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-scale:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-scale);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-size:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-size);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-spacing:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-spacing);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-tracking:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-tracking);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-weight:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-weight);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-maximum-width:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-maximum-width);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-minimum-width:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-minimum-width);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-spacing:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-spacing);--tracker-horizontal-orientation-regular-density-small-size-current-state-color:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-light-mode-color);--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width:var(--core-metrics-spacing-400);--tracker-horizontal-orientation-regular-density-small-size-current-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-regular-density-small-size-current-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-spacing:var(--core-metrics-spacing-300);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-color:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-height:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-height);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-radius:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-radius);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-vertical-padding:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-vertical-padding);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-width:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-case:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-case);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-font-family:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-font-family);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-leading:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-leading);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-number-spacing:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-scale:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-scale);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-size:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-size);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-spacing:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-spacing);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-tracking:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-tracking);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-weight:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-weight);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-maximum-width:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-maximum-width);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-minimum-width:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-minimum-width);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-spacing:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-spacing);--animation-infinite-duration:1s;--animation-infinite-iteration-count:infinite;--animation-infinite-timing-function:linear;--elevation-10-shadow:0 0 4px 0 rgb(0 0 0 / 10%),0 1px 2px 0 rgb(0 0 0 / 20%);--elevation-20-shadow:0 2px 16px 0 rgb(0 0 0 / 10%),0 4px 8px 0 rgb(0 0 0 / 10%);--elevation-30-shadow:0 4px 32px 0 rgb(0 0 0 / 10%),0 8px 16px 0 rgb(0 0 0 / 10%)}[data-market-theme=monochrome]{--core-animation-enter-transition-easing:cubic-bezier(0.26, 0.10, 0.48, 1.0);--core-animation-enter-transition-fast-speed-duration:0.10s;--core-animation-enter-transition-moderate-speed-duration:0.24s;--core-animation-enter-transition-slow-speed-duration:0.40s;--core-animation-exit-transition-easing:cubic-bezier(0.52, 0.0, 0.74, 0.0);--core-animation-exit-transition-fast-speed-duration:0.10s;--core-animation-exit-transition-moderate-speed-duration:0.16s;--core-animation-exit-transition-slow-speed-duration:0.30s;--core-animation-move-transition-easing:cubic-bezier(0.76, 0.0, 0.24, 1.0);--core-animation-move-transition-fast-speed-duration:0.10s;--core-animation-move-transition-moderate-speed-duration:0.24s;--core-animation-move-transition-slow-speed-duration:0.40s;--core-base-size:8px;--core-blue-10-color:var(--core-blue-10-light-mode-color);--core-blue-10-dark-mode-color:#0055CC;--core-blue-10-light-mode-color:#0055CC;--core-blue-20-color:var(--core-blue-20-light-mode-color);--core-blue-20-dark-mode-color:#005FE5;--core-blue-20-light-mode-color:#005FE5;--core-blue-30-color:var(--core-blue-30-light-mode-color);--core-blue-30-dark-mode-color:#002559;--core-blue-30-light-mode-color:#CCE1FF;--core-blue-40-color:var(--core-blue-40-light-mode-color);--core-blue-40-dark-mode-color:#001533;--core-blue-40-light-mode-color:#E6F0FF;--core-blue-fill-color:var(--core-blue-fill-light-mode-color);--core-blue-fill-dark-mode-color:#006AFF;--core-blue-fill-light-mode-color:#006AFF;--core-blue-text-color:var(--core-blue-text-light-mode-color);--core-blue-text-dark-mode-color:#4A95FF;--core-blue-text-light-mode-color:#005AD9;--core-border-10:1px;--core-border-20:2px;--core-border-80:8px;--core-breakpoint-extra-wide-min-width:1024px;--core-breakpoint-medium-max-width:839px;--core-breakpoint-medium-min-width:600px;--core-breakpoint-narrow-max-width:599px;--core-breakpoint-narrow-min-width:0px;--core-breakpoint-wide-max-width:1023px;--core-breakpoint-wide-min-max-width:1023px;--core-breakpoint-wide-min-width:800px;--core-brown-10-color:var(--core-brown-10-light-mode-color);--core-brown-10-dark-mode-color:#33261A;--core-brown-10-light-mode-color:#332517;--core-brown-20-color:var(--core-brown-20-light-mode-color);--core-brown-20-dark-mode-color:#4D3926;--core-brown-20-light-mode-color:#4D3722;--core-brown-30-color:var(--core-brown-30-light-mode-color);--core-brown-30-dark-mode-color:#592D00;--core-brown-30-light-mode-color:#FFE6CC;--core-brown-40-color:var(--core-brown-40-light-mode-color);--core-brown-40-dark-mode-color:#331900;--core-brown-40-light-mode-color:#FFF2E6;--core-brown-fill-color:var(--core-brown-fill-light-mode-color);--core-brown-fill-dark-mode-color:#664D33;--core-brown-fill-light-mode-color:#664A2E;--core-brown-text-color:var(--core-brown-text-light-mode-color);--core-brown-text-dark-mode-color:#C99866;--core-brown-text-light-mode-color:#664A2E;--core-burgundy-10-color:var(--core-burgundy-10-light-mode-color);--core-burgundy-10-dark-mode-color:#660525;--core-burgundy-10-light-mode-color:#660525;--core-burgundy-20-color:var(--core-burgundy-20-light-mode-color);--core-burgundy-20-dark-mode-color:#80062F;--core-burgundy-20-light-mode-color:#80062F;--core-burgundy-30-color:var(--core-burgundy-30-light-mode-color);--core-burgundy-30-dark-mode-color:#59001E;--core-burgundy-30-light-mode-color:#FFCCDD;--core-burgundy-40-color:var(--core-burgundy-40-light-mode-color);--core-burgundy-40-dark-mode-color:#330011;--core-burgundy-40-light-mode-color:#FFE6EE;--core-burgundy-fill-color:var(--core-burgundy-fill-light-mode-color);--core-burgundy-fill-dark-mode-color:#990838;--core-burgundy-fill-light-mode-color:#990838;--core-burgundy-text-color:var(--core-burgundy-text-light-mode-color);--core-burgundy-text-dark-mode-color:#FF568E;--core-burgundy-text-light-mode-color:#990838;--core-constant-black-color:#000000;--core-constant-gray-10-color:#101010;--core-constant-gray-15-color:#1a1a1a;--core-constant-gray-20-color:#1e1e1e;--core-constant-gray-25-color:#232323;--core-constant-gray-30-color:#2a2a2a;--core-constant-gray-40-color:#333333;--core-constant-gray-45-color:#595959;--core-constant-gray-50-color:#666666;--core-constant-gray-60-color:#878787;--core-constant-gray-65-color:#959595;--core-constant-gray-80-color:#cccccc;--core-constant-gray-85-color:#dadada;--core-constant-gray-90-color:#e8e8e8;--core-constant-gray-95-color:#f0f0f0;--core-constant-gray-98-color:#F7F7F7;--core-constant-white-color:#ffffff;--core-control-size-height:20px;--core-control-size-width:20px;--core-critical-10-color:var(--core-critical-10-light-mode-color);--core-critical-10-dark-mode-color:var(--core-red-10-dark-mode-color);--core-critical-10-light-mode-color:var(--core-red-10-light-mode-color);--core-critical-20-color:var(--core-critical-20-light-mode-color);--core-critical-20-dark-mode-color:var(--core-red-20-dark-mode-color);--core-critical-20-light-mode-color:var(--core-red-20-light-mode-color);--core-critical-30-color:var(--core-critical-30-light-mode-color);--core-critical-30-dark-mode-color:var(--core-red-30-dark-mode-color);--core-critical-30-light-mode-color:var(--core-red-30-light-mode-color);--core-critical-40-color:var(--core-critical-40-light-mode-color);--core-critical-40-dark-mode-color:var(--core-red-40-dark-mode-color);--core-critical-40-light-mode-color:var(--core-red-40-light-mode-color);--core-critical-fill-color:var(--core-critical-fill-light-mode-color);--core-critical-fill-dark-mode-color:var(--core-red-fill-dark-mode-color);--core-critical-fill-light-mode-color:var(--core-red-fill-light-mode-color);--core-critical-text-color:var(--core-critical-text-light-mode-color);--core-critical-text-dark-mode-color:var(--core-red-text-dark-mode-color);--core-critical-text-light-mode-color:var(--core-red-text-light-mode-color);--core-divider-10-color:var(--core-divider-10-light-mode-color);--core-divider-10-dark-mode-color:#959595;--core-divider-10-light-mode-color:#959595;--core-divider-20-color:var(--core-divider-20-light-mode-color);--core-divider-20-dark-mode-color:#333333;--core-divider-20-light-mode-color:#f0f0f0;--core-emphasis-10-color:var(--core-emphasis-10-light-mode-color);--core-emphasis-10-dark-mode-color:#CCCCCC;--core-emphasis-10-light-mode-color:#666666;--core-emphasis-20-color:var(--core-emphasis-20-light-mode-color);--core-emphasis-20-dark-mode-color:#DADADA;--core-emphasis-20-light-mode-color:#333333;--core-emphasis-30-color:var(--core-emphasis-30-light-mode-color);--core-emphasis-30-dark-mode-color:#595959;--core-emphasis-30-light-mode-color:#CCCCCC;--core-emphasis-40-color:var(--core-emphasis-40-light-mode-color);--core-emphasis-40-dark-mode-color:#333333;--core-emphasis-40-light-mode-color:#E8E8E8;--core-emphasis-fill-color:var(--core-emphasis-fill-light-mode-color);--core-emphasis-fill-dark-mode-color:#FFFFFF;--core-emphasis-fill-light-mode-color:#101010;--core-emphasis-text-color:var(--core-emphasis-text-light-mode-color);--core-emphasis-text-dark-mode-color:#FFFFFF;--core-emphasis-text-light-mode-color:#101010;--core-extra-wide-viewport-grid-column-count:4;--core-extra-wide-viewport-grid-horizontal-spacing:var(--core-metrics-spacing-200);--core-extra-wide-viewport-grid-item-full-size-column-span:4;--core-extra-wide-viewport-grid-item-large-size-column-span:3;--core-extra-wide-viewport-grid-item-medium-size-column-span:2;--core-extra-wide-viewport-grid-item-small-size-column-span:1;--core-extra-wide-viewport-grid-vertical-spacing:var(--core-metrics-spacing-200);--core-fill-10-color:var(--core-fill-10-light-mode-color);--core-fill-10-dark-mode-color:#f0f0f0;--core-fill-10-light-mode-color:#101010;--core-fill-20-color:var(--core-fill-20-light-mode-color);--core-fill-20-dark-mode-color:#666666;--core-fill-20-light-mode-color:#959595;--core-fill-30-color:var(--core-fill-30-light-mode-color);--core-fill-30-dark-mode-color:#595959;--core-fill-30-light-mode-color:#dadada;--core-fill-40-color:var(--core-fill-40-light-mode-color);--core-fill-40-dark-mode-color:#333333;--core-fill-40-light-mode-color:#f0f0f0;--core-fill-50-color:var(--core-fill-50-light-mode-color);--core-fill-50-dark-mode-color:#2A2A2A;--core-fill-50-light-mode-color:#F7F7F7;--core-fill-black-color:var(--core-fill-black-light-mode-color);--core-fill-black-dark-mode-color:#000000;--core-fill-black-light-mode-color:#000000;--core-fill-inverse-color:var(--core-fill-inverse-light-mode-color);--core-fill-inverse-dark-mode-color:#000000;--core-fill-inverse-light-mode-color:#FFFFFF;--core-fill-white-color:var(--core-fill-white-light-mode-color);--core-fill-white-dark-mode-color:#FFFFFF;--core-fill-white-light-mode-color:#FFFFFF;--core-focus-color:var(--core-focus-light-mode-color);--core-focus-dark-mode-color:var(--core-constant-white-color);--core-focus-light-mode-color:var(--core-constant-black-color);--core-focus-ring-border-size:var(--core-border-20);--core-focus-ring-buffer-size:var(--core-metrics-spacing-25);--core-focus-ring-color:var(--core-focus-ring-light-mode-color);--core-focus-ring-dark-mode-color:var(--core-focus-dark-mode-color);--core-focus-ring-light-mode-color:var(--core-focus-light-mode-color);--core-forest-10-color:var(--core-forest-10-light-mode-color);--core-forest-10-dark-mode-color:#0F4D19;--core-forest-10-light-mode-color:#0F4D19;--core-forest-20-color:var(--core-forest-20-light-mode-color);--core-forest-20-dark-mode-color:#146622;--core-forest-20-light-mode-color:#146622;--core-forest-30-color:var(--core-forest-30-light-mode-color);--core-forest-30-dark-mode-color:#00590F;--core-forest-30-light-mode-color:#CCFFD5;--core-forest-40-color:var(--core-forest-40-light-mode-color);--core-forest-40-dark-mode-color:#003308;--core-forest-40-light-mode-color:#E6FFEA;--core-forest-fill-color:var(--core-forest-fill-light-mode-color);--core-forest-fill-dark-mode-color:#19802A;--core-forest-fill-light-mode-color:#19802A;--core-forest-text-color:var(--core-forest-text-light-mode-color);--core-forest-text-dark-mode-color:#16D956;--core-forest-text-light-mode-color:#007D2A;--core-gold-10-color:var(--core-gold-10-light-mode-color);--core-gold-10-dark-mode-color:#CC8033;--core-gold-10-light-mode-color:#CC8033;--core-gold-20-color:var(--core-gold-20-light-mode-color);--core-gold-20-dark-mode-color:#E68F39;--core-gold-20-light-mode-color:#E68F39;--core-gold-30-color:var(--core-gold-30-light-mode-color);--core-gold-30-dark-mode-color:#592D00;--core-gold-30-light-mode-color:#FFE6CC;--core-gold-40-color:var(--core-gold-40-light-mode-color);--core-gold-40-dark-mode-color:#331A00;--core-gold-40-light-mode-color:#FFF2E6;--core-gold-fill-color:var(--core-gold-fill-light-mode-color);--core-gold-fill-dark-mode-color:#FF9F40;--core-gold-fill-light-mode-color:#FF9F40;--core-gold-text-color:var(--core-gold-text-light-mode-color);--core-gold-text-dark-mode-color:#FF9F40;--core-gold-text-light-mode-color:#945C25;--core-green-10-color:var(--core-green-10-light-mode-color);--core-green-10-dark-mode-color:#00802A;--core-green-10-light-mode-color:#00802A;--core-green-20-color:var(--core-green-20-light-mode-color);--core-green-20-dark-mode-color:#009933;--core-green-20-light-mode-color:#009933;--core-green-30-color:var(--core-green-30-light-mode-color);--core-green-30-dark-mode-color:#00591E;--core-green-30-light-mode-color:#CCFFDD;--core-green-40-color:var(--core-green-40-light-mode-color);--core-green-40-dark-mode-color:#003311;--core-green-40-light-mode-color:#E5FFEE;--core-green-fill-color:var(--core-green-fill-light-mode-color);--core-green-fill-dark-mode-color:#00B33B;--core-green-fill-light-mode-color:#00B23B;--core-green-text-color:var(--core-green-text-light-mode-color);--core-green-text-dark-mode-color:#16D956;--core-green-text-light-mode-color:#007D2A;--core-grid-column-count:var(--core-narrow-viewport-grid-column-count);--core-grid-horizontal-spacing:var(--core-narrow-viewport-grid-horizontal-spacing);--core-grid-item-full-size-column-span:var(--core-narrow-viewport-grid-item-full-size-column-span);--core-grid-item-large-size-column-span:var(--core-narrow-viewport-grid-item-large-size-column-span);--core-grid-item-medium-size-column-span:var(--core-narrow-viewport-grid-item-medium-size-column-span);--core-grid-item-small-size-column-span:var(--core-narrow-viewport-grid-item-small-size-column-span);--core-grid-vertical-spacing:var(--core-narrow-viewport-grid-vertical-spacing);--core-horizontal-size-class-regular-threshold:600px;--core-horizontal-size-class-wide-threshold:1200px;--core-icon-large-size-height:40px;--core-icon-large-size-width:40px;--core-icon-medium-size-height:24px;--core-icon-medium-size-width:24px;--core-icon-small-size-height:16px;--core-icon-small-size-width:16px;--core-large-size-minimum-height:64px;--core-medium-size-minimum-height:48px;--core-medium-viewport-grid-column-count:2;--core-medium-viewport-grid-horizontal-spacing:var(--core-wide-viewport-grid-horizontal-spacing);--core-medium-viewport-grid-item-full-size-column-span:2;--core-medium-viewport-grid-item-large-size-column-span:1;--core-medium-viewport-grid-item-medium-size-column-span:1;--core-medium-viewport-grid-item-small-size-column-span:1;--core-medium-viewport-grid-vertical-spacing:var(--core-wide-viewport-grid-vertical-spacing);--core-metrics-spacing-100:8px;--core-metrics-spacing-1000:80px;--core-metrics-spacing-150:12px;--core-metrics-spacing-1500:120px;--core-metrics-spacing-200:16px;--core-metrics-spacing-2000:160px;--core-metrics-spacing-25:2px;--core-metrics-spacing-250:20px;--core-metrics-spacing-300:24px;--core-metrics-spacing-400:32px;--core-metrics-spacing-50:4px;--core-metrics-spacing-500:40px;--core-metrics-spacing-600:48px;--core-metrics-spacing-800:64px;--core-narrow-viewport-grid-column-count:1;--core-narrow-viewport-grid-horizontal-spacing:var(--core-medium-viewport-grid-horizontal-spacing);--core-narrow-viewport-grid-item-full-size-column-span:1;--core-narrow-viewport-grid-item-large-size-column-span:1;--core-narrow-viewport-grid-item-medium-size-column-span:1;--core-narrow-viewport-grid-item-small-size-column-span:1;--core-narrow-viewport-grid-vertical-spacing:var(--core-medium-viewport-grid-vertical-spacing);--core-opacity-disabled-state:0.4;--core-opacity-hover-state:1;--core-opacity-normal-state:1;--core-opacity-pressed-state:1;--core-orange-10-color:var(--core-orange-10-light-mode-color);--core-orange-10-dark-mode-color:#BF4830;--core-orange-10-light-mode-color:#BF4830;--core-orange-20-color:var(--core-orange-20-light-mode-color);--core-orange-20-dark-mode-color:#DB5237;--core-orange-20-light-mode-color:#DB5237;--core-orange-30-color:var(--core-orange-30-light-mode-color);--core-orange-30-dark-mode-color:#590F00;--core-orange-30-light-mode-color:#FFD5CC;--core-orange-40-color:var(--core-orange-40-light-mode-color);--core-orange-40-dark-mode-color:#330800;--core-orange-40-light-mode-color:#FFEAE6;--core-orange-fill-color:var(--core-orange-fill-light-mode-color);--core-orange-fill-dark-mode-color:#F25B3D;--core-orange-fill-light-mode-color:#F25B3D;--core-orange-text-color:var(--core-orange-text-light-mode-color);--core-orange-text-dark-mode-color:#FF5F3F;--core-orange-text-light-mode-color:#A83F2A;--core-pink-10-color:var(--core-pink-10-light-mode-color);--core-pink-10-dark-mode-color:#A62987;--core-pink-10-light-mode-color:#A62987;--core-pink-20-color:var(--core-pink-20-light-mode-color);--core-pink-20-dark-mode-color:#BF309B;--core-pink-20-light-mode-color:#BF309B;--core-pink-30-color:var(--core-pink-30-light-mode-color);--core-pink-30-dark-mode-color:#590043;--core-pink-30-light-mode-color:#FFCCF2;--core-pink-40-color:var(--core-pink-40-light-mode-color);--core-pink-40-dark-mode-color:#330026;--core-pink-40-light-mode-color:#FFE6F9;--core-pink-fill-color:var(--core-pink-fill-light-mode-color);--core-pink-fill-dark-mode-color:#D936B0;--core-pink-fill-light-mode-color:#D936B0;--core-pink-text-color:var(--core-pink-text-light-mode-color);--core-pink-text-dark-mode-color:#FF43D0;--core-pink-text-light-mode-color:#A82A88;--core-purple-10-color:var(--core-purple-10-light-mode-color);--core-purple-10-dark-mode-color:#6811A6;--core-purple-10-light-mode-color:#6811A6;--core-purple-20-color:var(--core-purple-20-light-mode-color);--core-purple-20-dark-mode-color:#7813BF;--core-purple-20-light-mode-color:#7813BF;--core-purple-30-color:var(--core-purple-30-light-mode-color);--core-purple-30-dark-mode-color:#340059;--core-purple-30-light-mode-color:#EACCFF;--core-purple-40-color:var(--core-purple-40-light-mode-color);--core-purple-40-dark-mode-color:#1E0033;--core-purple-40-light-mode-color:#F4E6FF;--core-purple-fill-color:var(--core-purple-fill-light-mode-color);--core-purple-fill-dark-mode-color:#8716D9;--core-purple-fill-light-mode-color:#8716D9;--core-purple-text-color:var(--core-purple-text-light-mode-color);--core-purple-text-dark-mode-color:#C26EFF;--core-purple-text-light-mode-color:#8716D9;--core-radius-10:6px;--core-radius-100:6px;--core-radius-20:12px;--core-radius-200:12px;--core-radius-266:16px;--core-radius-33:2px;--core-radius-400:24px;--core-radius-533:32px;--core-radius-6:4px;--core-radius-66:4px;--core-radius-circle:1000px;--core-radius-forms:8px;--core-radius-modals:20px;--core-radius-none:0px;--core-red-10-color:var(--core-red-10-light-mode-color);--core-red-10-dark-mode-color:#99001A;--core-red-10-light-mode-color:#99001A;--core-red-20-color:var(--core-red-20-light-mode-color);--core-red-20-dark-mode-color:#B2001E;--core-red-20-light-mode-color:#B2001E;--core-red-30-color:var(--core-red-30-light-mode-color);--core-red-30-dark-mode-color:#59000F;--core-red-30-light-mode-color:#FFCCD5;--core-red-40-color:var(--core-red-40-light-mode-color);--core-red-40-dark-mode-color:#330009;--core-red-40-light-mode-color:#FFE5EA;--core-red-fill-color:var(--core-red-fill-light-mode-color);--core-red-fill-dark-mode-color:#CC0023;--core-red-fill-light-mode-color:#CC0023;--core-red-text-color:var(--core-red-text-light-mode-color);--core-red-text-dark-mode-color:#FF5A76;--core-red-text-light-mode-color:#BF0020;--core-sky-10-color:var(--core-sky-10-light-mode-color);--core-sky-10-dark-mode-color:#1F75CC;--core-sky-10-light-mode-color:#1F75CC;--core-sky-20-color:var(--core-sky-20-light-mode-color);--core-sky-20-dark-mode-color:#2284E6;--core-sky-20-light-mode-color:#2284E6;--core-sky-30-color:var(--core-sky-30-light-mode-color);--core-sky-30-dark-mode-color:#002D59;--core-sky-30-light-mode-color:#CCE6FF;--core-sky-40-color:var(--core-sky-40-light-mode-color);--core-sky-40-dark-mode-color:#001A33;--core-sky-40-light-mode-color:#E6F2FF;--core-sky-fill-color:var(--core-sky-fill-light-mode-color);--core-sky-fill-dark-mode-color:#2693FF;--core-sky-fill-light-mode-color:#2693FF;--core-sky-text-color:var(--core-sky-text-light-mode-color);--core-sky-text-dark-mode-color:#2E97FF;--core-sky-text-light-mode-color:#0F65BA;--core-small-size-minimum-height:40px;--core-space-10-size:var(--core-base-size);--core-success-10-color:var(--core-success-10-light-mode-color);--core-success-10-dark-mode-color:var(--core-green-10-dark-mode-color);--core-success-10-light-mode-color:var(--core-green-10-light-mode-color);--core-success-20-color:var(--core-success-20-light-mode-color);--core-success-20-dark-mode-color:var(--core-green-20-dark-mode-color);--core-success-20-light-mode-color:var(--core-green-20-light-mode-color);--core-success-30-color:var(--core-success-30-light-mode-color);--core-success-30-dark-mode-color:var(--core-green-30-dark-mode-color);--core-success-30-light-mode-color:var(--core-green-30-light-mode-color);--core-success-40-color:var(--core-success-40-light-mode-color);--core-success-40-dark-mode-color:var(--core-green-40-dark-mode-color);--core-success-40-light-mode-color:var(--core-green-40-light-mode-color);--core-success-fill-color:var(--core-success-fill-light-mode-color);--core-success-fill-dark-mode-color:var(--core-green-fill-dark-mode-color);--core-success-fill-light-mode-color:var(--core-green-fill-light-mode-color);--core-success-text-color:var(--core-success-text-light-mode-color);--core-success-text-dark-mode-color:var(--core-green-text-dark-mode-color);--core-success-text-light-mode-color:var(--core-green-text-light-mode-color);--core-surface-10-color:var(--core-surface-10-light-mode-color);--core-surface-10-dark-mode-color:#101010;--core-surface-10-light-mode-color:#FFFFFF;--core-surface-20-color:var(--core-surface-20-light-mode-color);--core-surface-20-dark-mode-color:#1a1a1a;--core-surface-20-light-mode-color:#FFFFFF;--core-surface-30-color:var(--core-surface-30-light-mode-color);--core-surface-30-dark-mode-color:#232323;--core-surface-30-light-mode-color:#FFFFFF;--core-surface-5-color:var(--core-surface-5-light-mode-color);--core-surface-5-dark-mode-color:#000000;--core-surface-5-light-mode-color:#FFFFFF;--core-surface-inverse-color:var(--core-surface-inverse-light-mode-color);--core-surface-inverse-dark-mode-color:#FFFFFF;--core-surface-inverse-light-mode-color:#232323;--core-surface-overlay-color:var(--core-surface-overlay-light-mode-color);--core-surface-overlay-dark-mode-color:rgba(0,0,0,0.8);--core-surface-overlay-light-mode-color:rgba(0,0,0,0.8);--core-taupe-10-color:var(--core-taupe-10-light-mode-color);--core-taupe-10-dark-mode-color:#735639;--core-taupe-10-light-mode-color:#735639;--core-taupe-20-color:var(--core-taupe-20-light-mode-color);--core-taupe-20-dark-mode-color:#8C6946;--core-taupe-20-light-mode-color:#8C6946;--core-taupe-30-color:var(--core-taupe-30-light-mode-color);--core-taupe-30-dark-mode-color:#592D00;--core-taupe-30-light-mode-color:#FFE6CC;--core-taupe-40-color:var(--core-taupe-40-light-mode-color);--core-taupe-40-dark-mode-color:#331A00;--core-taupe-40-light-mode-color:#FFF2E6;--core-taupe-fill-color:var(--core-taupe-fill-light-mode-color);--core-taupe-fill-dark-mode-color:#A67C53;--core-taupe-fill-light-mode-color:#A67C53;--core-taupe-text-color:var(--core-taupe-text-light-mode-color);--core-taupe-text-dark-mode-color:#C99866;--core-taupe-text-light-mode-color:#826141;--core-teal-10-color:var(--core-teal-10-light-mode-color);--core-teal-10-dark-mode-color:#0D8C6D;--core-teal-10-light-mode-color:#0D8C6D;--core-teal-20-color:var(--core-teal-20-light-mode-color);--core-teal-20-dark-mode-color:#10A680;--core-teal-20-light-mode-color:#10A680;--core-teal-30-color:var(--core-teal-30-light-mode-color);--core-teal-30-dark-mode-color:#005943;--core-teal-30-light-mode-color:#CCFFF2;--core-teal-40-color:var(--core-teal-40-light-mode-color);--core-teal-40-dark-mode-color:#003326;--core-teal-40-light-mode-color:#E6FFF9;--core-teal-fill-color:var(--core-teal-fill-light-mode-color);--core-teal-fill-dark-mode-color:#12BF94;--core-teal-fill-light-mode-color:#12BF94;--core-teal-text-color:var(--core-teal-text-light-mode-color);--core-teal-text-dark-mode-color:#16D8A7;--core-teal-text-light-mode-color:#0C785D;--core-text-10-color:var(--core-text-10-light-mode-color);--core-text-10-dark-mode-color:#FFFFFF;--core-text-10-light-mode-color:#101010;--core-text-20-color:var(--core-text-20-light-mode-color);--core-text-20-dark-mode-color:#9B9B9B;--core-text-20-light-mode-color:#666666;--core-text-30-color:var(--core-text-30-light-mode-color);--core-text-30-dark-mode-color:#595959;--core-text-30-light-mode-color:#959595;--core-text-black-color:var(--core-text-black-light-mode-color);--core-text-black-dark-mode-color:#101010;--core-text-black-light-mode-color:#101010;--core-text-inverse-color:var(--core-text-inverse-light-mode-color);--core-text-inverse-dark-mode-color:#101010;--core-text-inverse-light-mode-color:#FFFFFF;--core-text-size:16px;--core-text-white-color:var(--core-text-white-light-mode-color);--core-text-white-dark-mode-color:#FFFFFF;--core-text-white-light-mode-color:#FFFFFF;--core-transparent-color:var(--core-transparent-light-mode-color);--core-transparent-dark-mode-color:transparent;--core-transparent-light-mode-color:transparent;--core-type-bold-weight:700;--core-type-display-10-case:none;--core-type-display-10-font-family:var(--core-type-display-font-family);--core-type-display-10-leading:40px;--core-type-display-10-number-spacing:'default';--core-type-display-10-scale:heading-30;--core-type-display-10-size:32px;--core-type-display-10-tracking:0;--core-type-display-10-weight:var(--core-type-bold-weight);--core-type-display-20-case:none;--core-type-display-20-font-family:var(--core-type-display-font-family);--core-type-display-20-leading:56px;--core-type-display-20-number-spacing:'default';--core-type-display-20-scale:heading-30;--core-type-display-20-size:48px;--core-type-display-20-tracking:0;--core-type-display-20-weight:var(--core-type-medium-weight);--core-type-display-font-family:'Square Sans Display VF','Square Sans Display',Helvetica,Arial,sans-serif;--core-type-font-family:'Square Sans Text VF','Square Sans Text',Helvetica,Arial,sans-serif;--core-type-heading-10-case:none;--core-type-heading-10-font-family:var(--core-type-font-family);--core-type-heading-10-leading:22px;--core-type-heading-10-number-spacing:'default';--core-type-heading-10-scale:heading-10;--core-type-heading-10-size:14px;--core-type-heading-10-tracking:0;--core-type-heading-10-weight:var(--core-type-bold-weight);--core-type-heading-20-case:none;--core-type-heading-20-font-family:var(--core-type-display-font-family);--core-type-heading-20-leading:26px;--core-type-heading-20-number-spacing:'default';--core-type-heading-20-scale:heading-20;--core-type-heading-20-size:19px;--core-type-heading-20-tracking:0;--core-type-heading-20-weight:var(--core-type-bold-weight);--core-type-heading-30-case:none;--core-type-heading-30-font-family:var(--core-type-display-font-family);--core-type-heading-30-leading:32px;--core-type-heading-30-number-spacing:'default';--core-type-heading-30-scale:heading-30;--core-type-heading-30-size:25px;--core-type-heading-30-tracking:0;--core-type-heading-30-weight:var(--core-type-bold-weight);--core-type-heading-5-case:uppercase;--core-type-heading-5-font-family:var(--core-type-font-family);--core-type-heading-5-leading:20px;--core-type-heading-5-number-spacing:'default';--core-type-heading-5-scale:heading-5;--core-type-heading-5-size:12px;--core-type-heading-5-tracking:0.050em;--core-type-heading-5-weight:var(--core-type-medium-weight);--core-type-medium-10-case:var(--core-type-paragraph-10-case);--core-type-medium-10-font-family:var(--core-type-paragraph-10-font-family);--core-type-medium-10-leading:var(--core-type-paragraph-10-leading);--core-type-medium-10-number-spacing:var(--core-type-paragraph-10-number-spacing);--core-type-medium-10-scale:var(--core-type-paragraph-10-scale);--core-type-medium-10-size:var(--core-type-paragraph-10-size);--core-type-medium-10-tracking:var(--core-type-paragraph-10-tracking);--core-type-medium-10-weight:var(--core-type-medium-weight);--core-type-medium-20-case:var(--core-type-paragraph-20-case);--core-type-medium-20-font-family:var(--core-type-paragraph-20-font-family);--core-type-medium-20-leading:var(--core-type-paragraph-20-leading);--core-type-medium-20-number-spacing:var(--core-type-paragraph-20-number-spacing);--core-type-medium-20-scale:var(--core-type-paragraph-20-scale);--core-type-medium-20-size:var(--core-type-paragraph-20-size);--core-type-medium-20-tracking:var(--core-type-paragraph-20-tracking);--core-type-medium-20-weight:var(--core-type-medium-weight);--core-type-medium-30-case:var(--core-type-paragraph-30-case);--core-type-medium-30-font-family:var(--core-type-paragraph-30-font-family);--core-type-medium-30-leading:var(--core-type-paragraph-30-leading);--core-type-medium-30-number-spacing:var(--core-type-paragraph-30-number-spacing);--core-type-medium-30-scale:var(--core-type-paragraph-30-scale);--core-type-medium-30-size:var(--core-type-paragraph-30-size);--core-type-medium-30-tracking:var(--core-type-paragraph-30-tracking);--core-type-medium-30-weight:var(--core-type-medium-weight);--core-type-medium-weight:500;--core-type-mono-display-10-case:var(--core-type-display-10-case);--core-type-mono-display-10-font-family:var(--core-type-mono-font-family);--core-type-mono-display-10-leading:var(--core-type-display-10-leading);--core-type-mono-display-10-number-spacing:var(--core-type-display-10-number-spacing);--core-type-mono-display-10-scale:var(--core-type-display-10-scale);--core-type-mono-display-10-size:var(--core-type-display-10-size);--core-type-mono-display-10-tracking:var(--core-type-display-10-tracking);--core-type-mono-display-10-weight:var(--core-type-display-10-weight);--core-type-mono-display-20-case:var(--core-type-display-20-case);--core-type-mono-display-20-font-family:var(--core-type-mono-font-family);--core-type-mono-display-20-leading:var(--core-type-display-20-leading);--core-type-mono-display-20-number-spacing:var(--core-type-display-20-number-spacing);--core-type-mono-display-20-scale:var(--core-type-display-20-scale);--core-type-mono-display-20-size:var(--core-type-display-20-size);--core-type-mono-display-20-tracking:var(--core-type-display-20-tracking);--core-type-mono-display-20-weight:var(--core-type-display-20-weight);--core-type-mono-font-family:'Square Sans Mono VF','Square Sans Mono','Roboto Mono',Roboto,monospace;--core-type-mono-heading-10-case:var(--core-type-heading-10-case);--core-type-mono-heading-10-font-family:var(--core-type-mono-font-family);--core-type-mono-heading-10-leading:var(--core-type-heading-10-leading);--core-type-mono-heading-10-number-spacing:var(--core-type-heading-10-number-spacing);--core-type-mono-heading-10-scale:var(--core-type-heading-10-scale);--core-type-mono-heading-10-size:var(--core-type-heading-10-size);--core-type-mono-heading-10-tracking:var(--core-type-heading-10-tracking);--core-type-mono-heading-10-weight:var(--core-type-heading-10-weight);--core-type-mono-heading-20-case:var(--core-type-heading-20-case);--core-type-mono-heading-20-font-family:var(--core-type-mono-font-family);--core-type-mono-heading-20-leading:var(--core-type-heading-20-leading);--core-type-mono-heading-20-number-spacing:var(--core-type-heading-20-number-spacing);--core-type-mono-heading-20-scale:var(--core-type-heading-20-scale);--core-type-mono-heading-20-size:var(--core-type-heading-20-size);--core-type-mono-heading-20-tracking:var(--core-type-heading-20-tracking);--core-type-mono-heading-20-weight:var(--core-type-heading-20-weight);--core-type-mono-heading-30-case:var(--core-type-heading-30-case);--core-type-mono-heading-30-font-family:var(--core-type-mono-font-family);--core-type-mono-heading-30-leading:var(--core-type-heading-30-leading);--core-type-mono-heading-30-number-spacing:var(--core-type-heading-30-number-spacing);--core-type-mono-heading-30-scale:var(--core-type-heading-30-scale);--core-type-mono-heading-30-size:var(--core-type-heading-30-size);--core-type-mono-heading-30-tracking:var(--core-type-heading-30-tracking);--core-type-mono-heading-30-weight:var(--core-type-heading-30-weight);--core-type-mono-medium-10-case:var(--core-type-medium-10-case);--core-type-mono-medium-10-font-family:var(--core-type-mono-font-family);--core-type-mono-medium-10-leading:var(--core-type-medium-10-leading);--core-type-mono-medium-10-number-spacing:var(--core-type-medium-10-number-spacing);--core-type-mono-medium-10-scale:var(--core-type-medium-10-scale);--core-type-mono-medium-10-size:var(--core-type-medium-10-size);--core-type-mono-medium-10-tracking:var(--core-type-medium-10-tracking);--core-type-mono-medium-10-weight:var(--core-type-medium-10-weight);--core-type-mono-medium-20-case:var(--core-type-medium-20-case);--core-type-mono-medium-20-font-family:var(--core-type-mono-font-family);--core-type-mono-medium-20-leading:var(--core-type-medium-20-leading);--core-type-mono-medium-20-number-spacing:var(--core-type-medium-20-number-spacing);--core-type-mono-medium-20-scale:var(--core-type-medium-20-scale);--core-type-mono-medium-20-size:var(--core-type-medium-20-size);--core-type-mono-medium-20-tracking:var(--core-type-medium-20-tracking);--core-type-mono-medium-20-weight:var(--core-type-medium-20-weight);--core-type-mono-medium-30-case:var(--core-type-medium-30-case);--core-type-mono-medium-30-font-family:var(--core-type-mono-font-family);--core-type-mono-medium-30-leading:var(--core-type-medium-30-leading);--core-type-mono-medium-30-number-spacing:var(--core-type-medium-30-number-spacing);--core-type-mono-medium-30-scale:var(--core-type-medium-30-scale);--core-type-mono-medium-30-size:var(--core-type-medium-30-size);--core-type-mono-medium-30-tracking:var(--core-type-medium-30-tracking);--core-type-mono-medium-30-weight:var(--core-type-medium-30-weight);--core-type-mono-paragraph-10-case:var(--core-type-paragraph-10-case);--core-type-mono-paragraph-10-font-family:var(--core-type-mono-font-family);--core-type-mono-paragraph-10-leading:var(--core-type-paragraph-10-leading);--core-type-mono-paragraph-10-number-spacing:var(--core-type-paragraph-10-number-spacing);--core-type-mono-paragraph-10-scale:var(--core-type-paragraph-10-scale);--core-type-mono-paragraph-10-size:var(--core-type-paragraph-10-size);--core-type-mono-paragraph-10-tracking:var(--core-type-paragraph-10-tracking);--core-type-mono-paragraph-10-weight:var(--core-type-paragraph-10-weight);--core-type-mono-paragraph-20-case:var(--core-type-paragraph-20-case);--core-type-mono-paragraph-20-font-family:var(--core-type-mono-font-family);--core-type-mono-paragraph-20-leading:var(--core-type-paragraph-20-leading);--core-type-mono-paragraph-20-number-spacing:var(--core-type-paragraph-20-number-spacing);--core-type-mono-paragraph-20-scale:var(--core-type-paragraph-20-scale);--core-type-mono-paragraph-20-size:var(--core-type-paragraph-20-size);--core-type-mono-paragraph-20-tracking:var(--core-type-paragraph-20-tracking);--core-type-mono-paragraph-20-weight:var(--core-type-paragraph-20-weight);--core-type-mono-paragraph-30-case:var(--core-type-paragraph-30-case);--core-type-mono-paragraph-30-font-family:var(--core-type-mono-font-family);--core-type-mono-paragraph-30-leading:var(--core-type-paragraph-30-leading);--core-type-mono-paragraph-30-number-spacing:var(--core-type-paragraph-30-number-spacing);--core-type-mono-paragraph-30-scale:var(--core-type-paragraph-30-scale);--core-type-mono-paragraph-30-size:var(--core-type-paragraph-30-size);--core-type-mono-paragraph-30-tracking:var(--core-type-paragraph-30-tracking);--core-type-mono-paragraph-30-weight:var(--core-type-paragraph-30-weight);--core-type-mono-semibold-10-case:var(--core-type-semibold-10-case);--core-type-mono-semibold-10-font-family:var(--core-type-mono-font-family);--core-type-mono-semibold-10-leading:var(--core-type-semibold-10-leading);--core-type-mono-semibold-10-number-spacing:var(--core-type-semibold-10-number-spacing);--core-type-mono-semibold-10-scale:var(--core-type-semibold-10-scale);--core-type-mono-semibold-10-size:var(--core-type-semibold-10-size);--core-type-mono-semibold-10-tracking:var(--core-type-semibold-10-tracking);--core-type-mono-semibold-10-weight:var(--core-type-semibold-10-weight);--core-type-mono-semibold-20-case:var(--core-type-semibold-20-case);--core-type-mono-semibold-20-font-family:var(--core-type-mono-font-family);--core-type-mono-semibold-20-leading:var(--core-type-semibold-20-leading);--core-type-mono-semibold-20-number-spacing:var(--core-type-semibold-20-number-spacing);--core-type-mono-semibold-20-scale:var(--core-type-semibold-20-scale);--core-type-mono-semibold-20-size:var(--core-type-semibold-20-size);--core-type-mono-semibold-20-tracking:var(--core-type-semibold-20-tracking);--core-type-mono-semibold-20-weight:var(--core-type-semibold-20-weight);--core-type-mono-semibold-30-case:var(--core-type-semibold-30-case);--core-type-mono-semibold-30-font-family:var(--core-type-mono-font-family);--core-type-mono-semibold-30-leading:var(--core-type-semibold-30-leading);--core-type-mono-semibold-30-number-spacing:var(--core-type-semibold-30-number-spacing);--core-type-mono-semibold-30-scale:var(--core-type-semibold-30-scale);--core-type-mono-semibold-30-size:var(--core-type-semibold-30-size);--core-type-mono-semibold-30-tracking:var(--core-type-semibold-30-tracking);--core-type-mono-semibold-30-weight:var(--core-type-semibold-30-weight);--core-type-paragraph-10-case:none;--core-type-paragraph-10-font-family:var(--core-type-font-family);--core-type-paragraph-10-leading:18px;--core-type-paragraph-10-number-spacing:'default';--core-type-paragraph-10-scale:paragraph-10;--core-type-paragraph-10-size:12px;--core-type-paragraph-10-tracking:0;--core-type-paragraph-10-weight:var(--core-type-regular-weight);--core-type-paragraph-20-case:none;--core-type-paragraph-20-font-family:var(--core-type-font-family);--core-type-paragraph-20-leading:22px;--core-type-paragraph-20-number-spacing:'default';--core-type-paragraph-20-scale:paragraph-20;--core-type-paragraph-20-size:14px;--core-type-paragraph-20-tracking:0;--core-type-paragraph-20-weight:var(--core-type-regular-weight);--core-type-paragraph-30-case:none;--core-type-paragraph-30-font-family:var(--core-type-font-family);--core-type-paragraph-30-leading:24px;--core-type-paragraph-30-number-spacing:'default';--core-type-paragraph-30-scale:paragraph-30;--core-type-paragraph-30-size:16px;--core-type-paragraph-30-tracking:0;--core-type-paragraph-30-weight:var(--core-type-regular-weight);--core-type-regular-weight:400;--core-type-semibold-10-case:var(--core-type-paragraph-10-case);--core-type-semibold-10-font-family:var(--core-type-paragraph-10-font-family);--core-type-semibold-10-leading:var(--core-type-paragraph-10-leading);--core-type-semibold-10-number-spacing:var(--core-type-paragraph-10-number-spacing);--core-type-semibold-10-scale:var(--core-type-paragraph-10-scale);--core-type-semibold-10-size:var(--core-type-paragraph-10-size);--core-type-semibold-10-tracking:var(--core-type-paragraph-10-tracking);--core-type-semibold-10-weight:var(--core-type-semibold-weight);--core-type-semibold-20-case:var(--core-type-paragraph-20-case);--core-type-semibold-20-font-family:var(--core-type-paragraph-20-font-family);--core-type-semibold-20-leading:var(--core-type-paragraph-20-leading);--core-type-semibold-20-number-spacing:var(--core-type-paragraph-20-number-spacing);--core-type-semibold-20-scale:var(--core-type-paragraph-20-scale);--core-type-semibold-20-size:var(--core-type-paragraph-20-size);--core-type-semibold-20-tracking:var(--core-type-paragraph-20-tracking);--core-type-semibold-20-weight:var(--core-type-semibold-weight);--core-type-semibold-30-case:var(--core-type-paragraph-30-case);--core-type-semibold-30-font-family:var(--core-type-paragraph-30-font-family);--core-type-semibold-30-leading:var(--core-type-paragraph-30-leading);--core-type-semibold-30-number-spacing:var(--core-type-paragraph-30-number-spacing);--core-type-semibold-30-scale:var(--core-type-paragraph-30-scale);--core-type-semibold-30-size:var(--core-type-paragraph-30-size);--core-type-semibold-30-tracking:var(--core-type-paragraph-30-tracking);--core-type-semibold-30-weight:var(--core-type-semibold-weight);--core-type-semibold-weight:600;--core-vertical-size-class-regular-threshold:600px;--core-vertical-size-class-tall-threshold:864px;--core-warning-10-color:var(--core-warning-10-light-mode-color);--core-warning-10-dark-mode-color:var(--core-gold-10-dark-mode-color);--core-warning-10-light-mode-color:var(--core-gold-10-light-mode-color);--core-warning-20-color:var(--core-warning-20-light-mode-color);--core-warning-20-dark-mode-color:var(--core-gold-20-dark-mode-color);--core-warning-20-light-mode-color:var(--core-gold-20-light-mode-color);--core-warning-30-color:var(--core-warning-30-light-mode-color);--core-warning-30-dark-mode-color:var(--core-gold-30-dark-mode-color);--core-warning-30-light-mode-color:var(--core-gold-30-light-mode-color);--core-warning-40-color:var(--core-warning-40-light-mode-color);--core-warning-40-dark-mode-color:var(--core-gold-40-dark-mode-color);--core-warning-40-light-mode-color:var(--core-gold-40-light-mode-color);--core-warning-fill-color:var(--core-warning-fill-light-mode-color);--core-warning-fill-dark-mode-color:var(--core-gold-fill-dark-mode-color);--core-warning-fill-light-mode-color:var(--core-gold-fill-light-mode-color);--core-warning-text-color:var(--core-warning-text-light-mode-color);--core-warning-text-dark-mode-color:var(--core-gold-text-dark-mode-color);--core-warning-text-light-mode-color:var(--core-gold-text-light-mode-color);--core-wide-viewport-grid-column-count:var(--core-extra-wide-viewport-grid-column-count);--core-wide-viewport-grid-horizontal-spacing:var(--core-extra-wide-viewport-grid-horizontal-spacing);--core-wide-viewport-grid-item-full-size-column-span:var(--core-extra-wide-viewport-grid-item-full-size-column-span);--core-wide-viewport-grid-item-large-size-column-span:var(--core-extra-wide-viewport-grid-item-large-size-column-span);--core-wide-viewport-grid-item-medium-size-column-span:var(--core-extra-wide-viewport-grid-item-medium-size-column-span);--core-wide-viewport-grid-item-small-size-column-span:var(--core-extra-wide-viewport-grid-item-small-size-column-span);--core-wide-viewport-grid-vertical-spacing:var(--core-extra-wide-viewport-grid-vertical-spacing);--core-yellow-10-color:var(--core-yellow-10-light-mode-color);--core-yellow-10-dark-mode-color:#CC9900;--core-yellow-10-light-mode-color:#CC9900;--core-yellow-20-color:var(--core-yellow-20-light-mode-color);--core-yellow-20-dark-mode-color:#E5AC00;--core-yellow-20-light-mode-color:#E5AC00;--core-yellow-30-color:var(--core-yellow-30-light-mode-color);--core-yellow-30-dark-mode-color:#594300;--core-yellow-30-light-mode-color:#FFF2CC;--core-yellow-40-color:var(--core-yellow-40-light-mode-color);--core-yellow-40-dark-mode-color:#332600;--core-yellow-40-light-mode-color:#FFF9E5;--core-yellow-fill-color:var(--core-yellow-fill-light-mode-color);--core-yellow-fill-dark-mode-color:#FFBF00;--core-yellow-fill-light-mode-color:#FFBF00;--core-yellow-text-color:var(--core-yellow-text-light-mode-color);--core-yellow-text-dark-mode-color:#FFBF00;--core-yellow-text-light-mode-color:#876500;--accessory-background-color:var(--accessory-background-light-mode-color);--accessory-background-dark-mode-color:var(--core-fill-40-dark-mode-color);--accessory-background-light-mode-color:var(--core-fill-40-light-mode-color);--accessory-background-radius:var(--accessory-medium-size-radius);--accessory-disabled-state-background-color:var(--accessory-disabled-state-background-light-mode-color);--accessory-disabled-state-background-dark-mode-color:var(--accessory-normal-state-background-dark-mode-color);--accessory-disabled-state-background-light-mode-color:var(--accessory-normal-state-background-light-mode-color);--accessory-disabled-state-icon-color:var(--accessory-disabled-state-icon-light-mode-color);--accessory-disabled-state-icon-dark-mode-color:var(--accessory-normal-state-icon-dark-mode-color);--accessory-disabled-state-icon-light-mode-color:var(--accessory-normal-state-icon-light-mode-color);--accessory-disabled-state-opacity:var(--core-opacity-disabled-state);--accessory-disabled-state-text-color:var(--accessory-disabled-state-text-light-mode-color);--accessory-disabled-state-text-dark-mode-color:var(--accessory-normal-state-text-dark-mode-color);--accessory-disabled-state-text-light-mode-color:var(--accessory-normal-state-text-light-mode-color);--accessory-icon-variant-color:var(--accessory-icon-variant-light-mode-color);--accessory-icon-variant-dark-mode-color:var(--core-fill-10-dark-mode-color);--accessory-icon-variant-large-size-height:40px;--accessory-icon-variant-large-size-width:40px;--accessory-icon-variant-light-mode-color:var(--core-fill-10-light-mode-color);--accessory-icon-variant-medium-size-height:24px;--accessory-icon-variant-medium-size-width:24px;--accessory-initials-variant-color:var(--accessory-initials-variant-light-mode-color);--accessory-initials-variant-dark-mode-color:var(--core-text-20-dark-mode-color);--accessory-initials-variant-large-size-text-case:var(--core-type-display-10-case);--accessory-initials-variant-large-size-text-font-family:var(--core-type-display-10-font-family);--accessory-initials-variant-large-size-text-leading:var(--core-type-display-10-leading);--accessory-initials-variant-large-size-text-number-spacing:var(--core-type-display-10-number-spacing);--accessory-initials-variant-large-size-text-scale:var(--core-type-display-10-scale);--accessory-initials-variant-large-size-text-size:28px;--accessory-initials-variant-large-size-text-tracking:var(--core-type-display-10-tracking);--accessory-initials-variant-large-size-text-weight:var(--core-type-medium-weight);--accessory-initials-variant-light-mode-color:var(--core-text-20-light-mode-color);--accessory-initials-variant-medium-size-text-case:var(--core-type-semibold-30-case);--accessory-initials-variant-medium-size-text-font-family:var(--core-type-semibold-30-font-family);--accessory-initials-variant-medium-size-text-leading:var(--core-type-semibold-30-leading);--accessory-initials-variant-medium-size-text-number-spacing:var(--core-type-semibold-30-number-spacing);--accessory-initials-variant-medium-size-text-scale:var(--core-type-semibold-30-scale);--accessory-initials-variant-medium-size-text-size:var(--core-type-semibold-30-size);--accessory-initials-variant-medium-size-text-tracking:var(--core-type-semibold-30-tracking);--accessory-initials-variant-medium-size-text-weight:var(--core-type-semibold-30-weight);--accessory-large-size-height:var(--core-large-size-minimum-height);--accessory-large-size-icon-height:var(--core-icon-large-size-height);--accessory-large-size-icon-width:var(--accessory-large-size-icon-height);--accessory-large-size-radius:var(--core-radius-100);--accessory-large-size-text-case:var(--core-type-display-10-case);--accessory-large-size-text-font-family:var(--core-type-display-10-font-family);--accessory-large-size-text-leading:var(--accessory-large-size-text-size);--accessory-large-size-text-number-spacing:var(--core-type-display-10-number-spacing);--accessory-large-size-text-scale:var(--core-type-display-10-scale);--accessory-large-size-text-size:28px;--accessory-large-size-text-tracking:var(--core-type-display-10-tracking);--accessory-large-size-text-weight:var(--core-type-medium-weight);--accessory-large-size-width:var(--accessory-large-size-height);--accessory-medium-size-height:var(--core-small-size-minimum-height);--accessory-medium-size-icon-height:var(--core-icon-medium-size-height);--accessory-medium-size-icon-width:var(--accessory-medium-size-icon-height);--accessory-medium-size-radius:var(--core-radius-100);--accessory-medium-size-text-case:var(--core-type-semibold-30-case);--accessory-medium-size-text-font-family:var(--core-type-semibold-30-font-family);--accessory-medium-size-text-leading:var(--core-type-semibold-30-leading);--accessory-medium-size-text-number-spacing:var(--core-type-semibold-30-number-spacing);--accessory-medium-size-text-scale:var(--core-type-semibold-30-scale);--accessory-medium-size-text-size:var(--core-type-semibold-30-size);--accessory-medium-size-text-tracking:var(--core-type-semibold-30-tracking);--accessory-medium-size-text-weight:var(--core-type-semibold-30-weight);--accessory-medium-size-width:var(--accessory-medium-size-height);--accessory-normal-state-background-color:var(--accessory-normal-state-background-light-mode-color);--accessory-normal-state-background-dark-mode-color:var(--core-fill-40-dark-mode-color);--accessory-normal-state-background-light-mode-color:var(--core-fill-40-light-mode-color);--accessory-normal-state-icon-color:var(--accessory-normal-state-icon-light-mode-color);--accessory-normal-state-icon-dark-mode-color:var(--core-fill-10-dark-mode-color);--accessory-normal-state-icon-light-mode-color:var(--core-fill-10-light-mode-color);--accessory-normal-state-opacity:var(--core-opacity-normal-state);--accessory-normal-state-text-color:var(--accessory-normal-state-text-light-mode-color);--accessory-normal-state-text-dark-mode-color:var(--core-text-20-dark-mode-color);--accessory-normal-state-text-light-mode-color:var(--core-text-20-light-mode-color);--accordion-disabled-state-accessory-opacity:0.5;--accordion-disabled-state-content-color:var(--accordion-disabled-state-content-light-mode-color);--accordion-disabled-state-content-dark-mode-color:var(--core-text-30-dark-mode-color);--accordion-disabled-state-content-light-mode-color:var(--core-text-30-light-mode-color);--accordion-disabled-state-side-text-color:var(--accordion-disabled-state-side-text-light-mode-color);--accordion-disabled-state-side-text-dark-mode-color:var(--core-text-30-dark-mode-color);--accordion-disabled-state-side-text-light-mode-color:var(--core-text-30-light-mode-color);--accordion-focus-state-accessory-opacity:1;--accordion-focus-state-content-color:var(--accordion-focus-state-content-light-mode-color);--accordion-focus-state-content-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--accordion-focus-state-content-light-mode-color:var(--core-emphasis-text-light-mode-color);--accordion-focus-state-side-text-color:var(--accordion-focus-state-side-text-light-mode-color);--accordion-focus-state-side-text-dark-mode-color:var(--core-text-20-dark-mode-color);--accordion-focus-state-side-text-light-mode-color:var(--core-text-20-light-mode-color);--accordion-heading-10-variant-collapsed-phase-icon-height:16px;--accordion-heading-10-variant-collapsed-phase-icon-width:16px;--accordion-heading-10-variant-content-spacing:var(--core-metrics-spacing-200);--accordion-heading-10-variant-expanded-phase-icon-height:16px;--accordion-heading-10-variant-expanded-phase-icon-width:16px;--accordion-heading-10-variant-expanded-phase-spacing:var(--core-metrics-spacing-100);--accordion-heading-10-variant-horizontal-padding:0px;--accordion-heading-10-variant-separator-color:var(--accordion-heading-10-variant-separator-light-mode-color);--accordion-heading-10-variant-separator-dark-mode-color:var(--core-divider-20-dark-mode-color);--accordion-heading-10-variant-separator-light-mode-color:var(--core-divider-20-light-mode-color);--accordion-heading-10-variant-separator-size:1px;--accordion-heading-10-variant-side-text-case:var(--core-type-paragraph-10-case);--accordion-heading-10-variant-side-text-font-family:var(--core-type-paragraph-10-font-family);--accordion-heading-10-variant-side-text-leading:var(--core-type-paragraph-10-leading);--accordion-heading-10-variant-side-text-number-spacing:var(--core-type-paragraph-10-number-spacing);--accordion-heading-10-variant-side-text-scale:var(--core-type-paragraph-10-scale);--accordion-heading-10-variant-side-text-size:var(--core-type-paragraph-10-size);--accordion-heading-10-variant-side-text-tracking:var(--core-type-paragraph-10-tracking);--accordion-heading-10-variant-side-text-weight:var(--core-type-paragraph-10-weight);--accordion-heading-10-variant-text-case:var(--core-type-heading-10-case);--accordion-heading-10-variant-text-font-family:var(--core-type-heading-10-font-family);--accordion-heading-10-variant-text-leading:var(--core-type-heading-10-leading);--accordion-heading-10-variant-text-number-spacing:var(--core-type-heading-10-number-spacing);--accordion-heading-10-variant-text-scale:var(--core-type-heading-10-scale);--accordion-heading-10-variant-text-size:var(--core-type-heading-10-size);--accordion-heading-10-variant-text-tracking:var(--core-type-heading-10-tracking);--accordion-heading-10-variant-text-weight:var(--core-type-heading-10-weight);--accordion-heading-10-variant-vertical-padding:13px;--accordion-heading-20-variant-collapsed-phase-icon-height:20px;--accordion-heading-20-variant-collapsed-phase-icon-width:20px;--accordion-heading-20-variant-content-spacing:var(--core-metrics-spacing-200);--accordion-heading-20-variant-expanded-phase-icon-height:20px;--accordion-heading-20-variant-expanded-phase-icon-width:20px;--accordion-heading-20-variant-expanded-phase-spacing:var(--core-metrics-spacing-100);--accordion-heading-20-variant-horizontal-padding:0px;--accordion-heading-20-variant-separator-color:var(--accordion-heading-20-variant-separator-light-mode-color);--accordion-heading-20-variant-separator-dark-mode-color:var(--core-divider-20-dark-mode-color);--accordion-heading-20-variant-separator-light-mode-color:var(--core-divider-20-light-mode-color);--accordion-heading-20-variant-separator-size:1px;--accordion-heading-20-variant-side-text-case:var(--core-type-paragraph-20-case);--accordion-heading-20-variant-side-text-font-family:var(--core-type-paragraph-20-font-family);--accordion-heading-20-variant-side-text-leading:var(--core-type-paragraph-20-leading);--accordion-heading-20-variant-side-text-number-spacing:var(--core-type-paragraph-20-number-spacing);--accordion-heading-20-variant-side-text-scale:var(--core-type-paragraph-20-scale);--accordion-heading-20-variant-side-text-size:var(--core-type-paragraph-20-size);--accordion-heading-20-variant-side-text-tracking:var(--core-type-paragraph-20-tracking);--accordion-heading-20-variant-side-text-weight:var(--core-type-paragraph-20-weight);--accordion-heading-20-variant-text-case:var(--core-type-heading-20-case);--accordion-heading-20-variant-text-font-family:var(--core-type-heading-20-font-family);--accordion-heading-20-variant-text-leading:var(--core-type-heading-20-leading);--accordion-heading-20-variant-text-number-spacing:var(--core-type-heading-20-number-spacing);--accordion-heading-20-variant-text-scale:var(--core-type-heading-20-scale);--accordion-heading-20-variant-text-size:var(--core-type-heading-20-size);--accordion-heading-20-variant-text-tracking:var(--core-type-heading-20-tracking);--accordion-heading-20-variant-text-weight:var(--core-type-heading-20-weight);--accordion-heading-20-variant-vertical-padding:19px;--accordion-heading-30-variant-collapsed-phase-icon-height:24px;--accordion-heading-30-variant-collapsed-phase-icon-width:24px;--accordion-heading-30-variant-content-spacing:var(--core-metrics-spacing-200);--accordion-heading-30-variant-expanded-phase-icon-height:24px;--accordion-heading-30-variant-expanded-phase-icon-width:24px;--accordion-heading-30-variant-expanded-phase-spacing:var(--core-metrics-spacing-100);--accordion-heading-30-variant-horizontal-padding:0px;--accordion-heading-30-variant-separator-color:var(--accordion-heading-30-variant-separator-light-mode-color);--accordion-heading-30-variant-separator-dark-mode-color:var(--core-divider-20-dark-mode-color);--accordion-heading-30-variant-separator-light-mode-color:var(--core-divider-20-light-mode-color);--accordion-heading-30-variant-separator-size:1px;--accordion-heading-30-variant-side-text-case:var(--core-type-paragraph-30-case);--accordion-heading-30-variant-side-text-font-family:var(--core-type-paragraph-30-font-family);--accordion-heading-30-variant-side-text-leading:var(--core-type-paragraph-30-leading);--accordion-heading-30-variant-side-text-number-spacing:var(--core-type-paragraph-30-number-spacing);--accordion-heading-30-variant-side-text-scale:var(--core-type-paragraph-30-scale);--accordion-heading-30-variant-side-text-size:var(--core-type-paragraph-30-size);--accordion-heading-30-variant-side-text-tracking:var(--core-type-paragraph-30-tracking);--accordion-heading-30-variant-side-text-weight:var(--core-type-paragraph-30-weight);--accordion-heading-30-variant-text-case:var(--core-type-heading-30-case);--accordion-heading-30-variant-text-font-family:var(--core-type-heading-30-font-family);--accordion-heading-30-variant-text-leading:var(--core-type-heading-30-leading);--accordion-heading-30-variant-text-number-spacing:var(--core-type-heading-30-number-spacing);--accordion-heading-30-variant-text-scale:var(--core-type-heading-30-scale);--accordion-heading-30-variant-text-size:var(--core-type-heading-30-size);--accordion-heading-30-variant-text-tracking:var(--core-type-heading-30-tracking);--accordion-heading-30-variant-text-weight:var(--core-type-heading-30-weight);--accordion-heading-30-variant-vertical-padding:24px;--accordion-hover-state-accessory-opacity:1;--accordion-hover-state-content-color:var(--accordion-hover-state-content-light-mode-color);--accordion-hover-state-content-dark-mode-color:var(--core-constant-gray-85-color);--accordion-hover-state-content-light-mode-color:var(--core-constant-gray-45-color);--accordion-hover-state-side-text-color:var(--accordion-hover-state-side-text-light-mode-color);--accordion-hover-state-side-text-dark-mode-color:var(--core-text-20-dark-mode-color);--accordion-hover-state-side-text-light-mode-color:var(--core-text-20-light-mode-color);--accordion-normal-state-accessory-opacity:1;--accordion-normal-state-content-color:var(--accordion-normal-state-content-light-mode-color);--accordion-normal-state-content-dark-mode-color:var(--core-text-10-dark-mode-color);--accordion-normal-state-content-light-mode-color:var(--core-text-10-light-mode-color);--accordion-normal-state-side-text-color:var(--accordion-normal-state-side-text-light-mode-color);--accordion-normal-state-side-text-dark-mode-color:var(--core-text-20-dark-mode-color);--accordion-normal-state-side-text-light-mode-color:var(--core-text-20-light-mode-color);--accordion-pressed-state-accessory-opacity:1;--accordion-pressed-state-content-color:var(--accordion-pressed-state-content-light-mode-color);--accordion-pressed-state-content-dark-mode-color:var(--core-constant-gray-60-color);--accordion-pressed-state-content-light-mode-color:var(--core-constant-gray-60-color);--accordion-pressed-state-side-text-color:var(--accordion-pressed-state-side-text-light-mode-color);--accordion-pressed-state-side-text-dark-mode-color:var(--core-text-20-dark-mode-color);--accordion-pressed-state-side-text-light-mode-color:var(--core-text-20-light-mode-color);--action-card-active-state-content-opacity:var(--action-card-active-state-unselected-value-content-opacity);--action-card-active-state-selected-value-background-color:var(--action-card-active-state-selected-value-background-light-mode-color);--action-card-active-state-selected-value-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--action-card-active-state-selected-value-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--action-card-active-state-selected-value-border-color:var(--action-card-active-state-selected-value-border-light-mode-color);--action-card-active-state-selected-value-border-dark-mode-color:var(--core-fill-10-dark-mode-color);--action-card-active-state-selected-value-border-light-mode-color:var(--core-fill-10-light-mode-color);--action-card-active-state-selected-value-border-width:var(--core-border-20);--action-card-active-state-selected-value-content-opacity:var(--core-opacity-pressed-state);--action-card-active-state-unselected-value-background-color:var(--action-card-active-state-unselected-value-background-light-mode-color);--action-card-active-state-unselected-value-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--action-card-active-state-unselected-value-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--action-card-active-state-unselected-value-border-color:var(--action-card-active-state-unselected-value-border-light-mode-color);--action-card-active-state-unselected-value-border-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--action-card-active-state-unselected-value-border-light-mode-color:var(--core-emphasis-fill-light-mode-color);--action-card-active-state-unselected-value-border-width:var(--core-border-10);--action-card-active-state-unselected-value-content-opacity:var(--core-opacity-pressed-state);--action-card-background-color:var(--action-card-background-light-mode-color);--action-card-background-dark-mode-color:var(--core-surface-10-dark-mode-color);--action-card-background-light-mode-color:var(--core-surface-10-light-mode-color);--action-card-border-disabled-state-color:var(--action-card-border-disabled-state-light-mode-color);--action-card-border-disabled-state-dark-mode-color:var(--action-card-disabled-state-unselected-value-border-dark-mode-color);--action-card-border-disabled-state-light-mode-color:var(--action-card-disabled-state-unselected-value-border-light-mode-color);--action-card-border-disabled-state-width:var(--action-card-disabled-state-unselected-value-border-width);--action-card-border-hover-state-color:var(--action-card-border-hover-state-light-mode-color);--action-card-border-hover-state-dark-mode-color:var(--action-card-hover-state-unselected-value-border-dark-mode-color);--action-card-border-hover-state-light-mode-color:var(--action-card-hover-state-unselected-value-border-light-mode-color);--action-card-border-hover-state-width:var(--action-card-hover-state-unselected-value-border-width);--action-card-border-radius:var(--core-radius-200);--action-card-border-selected-state-color:var(--action-card-border-selected-state-light-mode-color);--action-card-border-selected-state-dark-mode-color:var(--action-card-normal-state-selected-value-border-dark-mode-color);--action-card-border-selected-state-light-mode-color:var(--action-card-normal-state-selected-value-border-light-mode-color);--action-card-border-selected-state-width:var(--action-card-normal-state-selected-value-border-width);--action-card-disabled-state-content-opacity:var(--action-card-disabled-state-unselected-value-content-opacity);--action-card-disabled-state-selected-value-background-color:var(--action-card-disabled-state-selected-value-background-light-mode-color);--action-card-disabled-state-selected-value-background-dark-mode-color:var(--core-surface-10-dark-mode-color);--action-card-disabled-state-selected-value-background-light-mode-color:var(--core-surface-10-light-mode-color);--action-card-disabled-state-selected-value-border-color:var(--action-card-disabled-state-selected-value-border-light-mode-color);--action-card-disabled-state-selected-value-border-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--action-card-disabled-state-selected-value-border-light-mode-color:var(--core-emphasis-fill-light-mode-color);--action-card-disabled-state-selected-value-border-width:var(--core-border-20);--action-card-disabled-state-selected-value-content-opacity:var(--core-opacity-disabled-state);--action-card-disabled-state-unselected-value-background-color:var(--action-card-disabled-state-unselected-value-background-light-mode-color);--action-card-disabled-state-unselected-value-background-dark-mode-color:var(--core-surface-10-dark-mode-color);--action-card-disabled-state-unselected-value-background-light-mode-color:var(--core-surface-10-light-mode-color);--action-card-disabled-state-unselected-value-border-color:var(--action-card-disabled-state-unselected-value-border-light-mode-color);--action-card-disabled-state-unselected-value-border-dark-mode-color:var(--core-fill-30-dark-mode-color);--action-card-disabled-state-unselected-value-border-light-mode-color:var(--core-fill-30-light-mode-color);--action-card-disabled-state-unselected-value-border-width:var(--core-border-10);--action-card-disabled-state-unselected-value-content-opacity:var(--core-opacity-disabled-state);--action-card-focus-ring-border-size:var(--core-focus-ring-border-size);--action-card-focus-ring-buffer-size:var(--core-focus-ring-buffer-size);--action-card-focus-ring-color:var(--action-card-focus-ring-light-mode-color);--action-card-focus-ring-dark-mode-color:var(--core-focus-ring-dark-mode-color);--action-card-focus-ring-light-mode-color:var(--core-focus-ring-light-mode-color);--action-card-horizontal-gap:var(--core-metrics-spacing-100);--action-card-horizontal-padding:var(--core-metrics-spacing-200);--action-card-hover-state-content-opacity:var(--action-card-hover-state-unselected-value-content-opacity);--action-card-hover-state-selected-value-background-color:var(--action-card-hover-state-selected-value-background-light-mode-color);--action-card-hover-state-selected-value-background-dark-mode-color:var(--core-fill-50-dark-mode-color);--action-card-hover-state-selected-value-background-light-mode-color:var(--core-fill-50-light-mode-color);--action-card-hover-state-selected-value-border-color:var(--action-card-hover-state-selected-value-border-light-mode-color);--action-card-hover-state-selected-value-border-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--action-card-hover-state-selected-value-border-light-mode-color:var(--core-emphasis-fill-light-mode-color);--action-card-hover-state-selected-value-border-width:var(--core-border-20);--action-card-hover-state-selected-value-content-opacity:var(--core-opacity-hover-state);--action-card-hover-state-unselected-value-background-color:var(--action-card-hover-state-unselected-value-background-light-mode-color);--action-card-hover-state-unselected-value-background-dark-mode-color:var(--core-fill-50-dark-mode-color);--action-card-hover-state-unselected-value-background-light-mode-color:var(--core-fill-50-light-mode-color);--action-card-hover-state-unselected-value-border-color:var(--action-card-hover-state-unselected-value-border-light-mode-color);--action-card-hover-state-unselected-value-border-dark-mode-color:var(--core-fill-10-dark-mode-color);--action-card-hover-state-unselected-value-border-light-mode-color:var(--core-fill-10-light-mode-color);--action-card-hover-state-unselected-value-border-width:var(--core-border-10);--action-card-hover-state-unselected-value-content-opacity:var(--core-opacity-hover-state);--action-card-normal-state-content-opacity:var(--action-card-normal-state-unselected-value-content-opacity);--action-card-normal-state-selected-value-background-color:var(--action-card-normal-state-selected-value-background-light-mode-color);--action-card-normal-state-selected-value-background-dark-mode-color:var(--core-surface-10-dark-mode-color);--action-card-normal-state-selected-value-background-light-mode-color:var(--core-surface-10-light-mode-color);--action-card-normal-state-selected-value-border-color:var(--action-card-normal-state-selected-value-border-light-mode-color);--action-card-normal-state-selected-value-border-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--action-card-normal-state-selected-value-border-light-mode-color:var(--core-emphasis-fill-light-mode-color);--action-card-normal-state-selected-value-border-width:var(--core-border-20);--action-card-normal-state-selected-value-content-opacity:var(--core-opacity-normal-state);--action-card-normal-state-unselected-value-background-color:var(--action-card-normal-state-unselected-value-background-light-mode-color);--action-card-normal-state-unselected-value-background-dark-mode-color:var(--core-surface-10-dark-mode-color);--action-card-normal-state-unselected-value-background-light-mode-color:var(--core-surface-10-light-mode-color);--action-card-normal-state-unselected-value-border-color:var(--action-card-normal-state-unselected-value-border-light-mode-color);--action-card-normal-state-unselected-value-border-dark-mode-color:var(--core-fill-30-dark-mode-color);--action-card-normal-state-unselected-value-border-high-contrast-color:var(--action-card-normal-state-unselected-value-border-high-contrast-light-mode-color);--action-card-normal-state-unselected-value-border-high-contrast-dark-mode-color:var(--core-fill-20-dark-mode-color);--action-card-normal-state-unselected-value-border-high-contrast-light-mode-color:var(--core-fill-20-light-mode-color);--action-card-normal-state-unselected-value-border-light-mode-color:var(--core-fill-30-light-mode-color);--action-card-normal-state-unselected-value-border-normal-contrast-color:var(--action-card-normal-state-unselected-value-border-normal-contrast-light-mode-color);--action-card-normal-state-unselected-value-border-normal-contrast-dark-mode-color:var(--core-fill-30-dark-mode-color);--action-card-normal-state-unselected-value-border-normal-contrast-light-mode-color:var(--core-fill-30-light-mode-color);--action-card-normal-state-unselected-value-border-width:var(--core-border-10);--action-card-normal-state-unselected-value-content-opacity:var(--core-opacity-normal-state);--action-card-padding-horizontal-size:var(--action-card-horizontal-padding);--action-card-padding-vertical-size:var(--action-card-vertical-padding);--action-card-spacing:var(--action-card-horizontal-gap);--action-card-vertical-gap:var(--core-metrics-spacing-100);--action-card-vertical-padding:var(--core-metrics-spacing-200);--activity-indicator-bar-height:4px;--activity-indicator-bar-radius:2px;--activity-indicator-bar-width:120px;--activity-indicator-radial-large-size-diameter-size:60px;--activity-indicator-radial-large-size-stroke-size:6px;--activity-indicator-radial-medium-size-diameter-size:36px;--activity-indicator-radial-medium-size-stroke-size:4px;--activity-indicator-radial-small-size-diameter-size:20px;--activity-indicator-radial-small-size-stroke-size:2px;--activity-indicator-radial-xlarge-size-diameter-size:120px;--activity-indicator-radial-xlarge-size-stroke-size:10px;--badge-alert-variant-icon-height:var(--core-icon-small-size-height);--badge-alert-variant-icon-width:var(--core-icon-small-size-width);--badge-border-radius:var(--core-radius-circle);--badge-border-width:var(--core-border-20);--badge-critical-style-background-color:var(--badge-critical-style-background-light-mode-color);--badge-critical-style-background-dark-mode-color:var(--core-critical-fill-dark-mode-color);--badge-critical-style-background-light-mode-color:var(--core-critical-fill-light-mode-color);--badge-indicator-variant-dot-diameter-ratio:0.556;--badge-info-style-background-color:var(--badge-info-style-background-light-mode-color);--badge-info-style-background-dark-mode-color:var(--core-blue-fill-dark-mode-color);--badge-info-style-background-light-mode-color:var(--core-blue-fill-light-mode-color);--badge-label-variant-text-case:var(--core-type-semibold-10-case);--badge-label-variant-text-font-family:var(--core-type-semibold-10-font-family);--badge-label-variant-text-leading:var(--core-type-semibold-10-leading);--badge-label-variant-text-number-spacing:var(--core-type-semibold-10-number-spacing);--badge-label-variant-text-scale:var(--core-type-semibold-10-scale);--badge-label-variant-text-size:var(--core-type-semibold-10-size);--badge-label-variant-text-tracking:var(--core-type-semibold-10-tracking);--badge-label-variant-text-weight:var(--core-type-semibold-10-weight);--badge-minimum-height:18px;--badge-modal-blade-context-border-color:var(--badge-modal-blade-context-border-light-mode-color);--badge-modal-blade-context-border-dark-mode-color:var(--modal-blade-background-dark-mode-color);--badge-modal-blade-context-border-light-mode-color:var(--modal-blade-background-light-mode-color);--badge-modal-dialog-context-border-color:var(--badge-modal-dialog-context-border-light-mode-color);--badge-modal-dialog-context-border-dark-mode-color:var(--modal-dialog-background-dark-mode-color);--badge-modal-dialog-context-border-light-mode-color:var(--modal-dialog-background-light-mode-color);--badge-modal-full-context-border-color:var(--badge-modal-full-context-border-light-mode-color);--badge-modal-full-context-border-dark-mode-color:var(--modal-full-background-dark-mode-color);--badge-modal-full-context-border-light-mode-color:var(--modal-full-background-light-mode-color);--badge-modal-partial-context-border-color:var(--badge-modal-partial-context-border-light-mode-color);--badge-modal-partial-context-border-dark-mode-color:var(--modal-partial-background-dark-mode-color);--badge-modal-partial-context-border-light-mode-color:var(--modal-partial-background-light-mode-color);--badge-modal-popover-context-border-color:var(--badge-modal-popover-context-border-light-mode-color);--badge-modal-popover-context-border-dark-mode-color:var(--modal-popover-background-dark-mode-color);--badge-modal-popover-context-border-light-mode-color:var(--modal-popover-background-light-mode-color);--badge-modal-sheet-context-border-color:var(--badge-modal-sheet-context-border-light-mode-color);--badge-modal-sheet-context-border-dark-mode-color:var(--modal-sheet-background-dark-mode-color);--badge-modal-sheet-context-border-light-mode-color:var(--modal-sheet-background-light-mode-color);--badge-numeric-variant-horizontal-padding:var(--core-metrics-spacing-50);--badge-numeric-variant-maximum-count:99;--badge-numeric-variant-maximum-width:30px;--badge-numeric-variant-text-case:var(--core-type-semibold-10-case);--badge-numeric-variant-text-font-family:var(--core-type-semibold-10-font-family);--badge-numeric-variant-text-leading:var(--core-type-semibold-10-leading);--badge-numeric-variant-text-number-spacing:'monospaced';--badge-numeric-variant-text-scale:var(--core-type-semibold-10-scale);--badge-numeric-variant-text-size:var(--core-type-semibold-10-size);--badge-numeric-variant-text-tracking:var(--core-type-semibold-10-tracking);--badge-numeric-variant-text-weight:var(--core-type-semibold-10-weight);--banner-border-radius:var(--core-radius-200);--banner-border-width:var(--core-border-10);--banner-button-separator-color:var(--banner-button-separator-light-mode-color);--banner-button-separator-dark-mode-color:var(--banner-text-link-group-separator-dark-mode-color);--banner-button-separator-height:var(--banner-text-link-group-separator-height);--banner-button-separator-light-mode-color:var(--banner-text-link-group-separator-light-mode-color);--banner-button-separator-opacity:var(--banner-text-link-group-separator-opacity);--banner-button-separator-width:var(--banner-text-link-group-separator-width);--banner-button-spacing:var(--banner-text-link-group-gap);--banner-button-text-case:var(--banner-text-link-text-case);--banner-button-text-font-family:var(--banner-text-link-text-font-family);--banner-button-text-leading:var(--banner-text-link-text-leading);--banner-button-text-number-spacing:var(--banner-text-link-text-number-spacing);--banner-button-text-scale:var(--banner-text-link-text-scale);--banner-button-text-size:var(--banner-text-link-text-size);--banner-button-text-tracking:var(--banner-text-link-text-tracking);--banner-button-text-weight:var(--banner-text-link-text-weight);--banner-content-gap:var(--core-metrics-spacing-150);--banner-content-spacing:var(--banner-content-gap);--banner-critical-variant-background-color:var(--banner-critical-variant-background-light-mode-color);--banner-critical-variant-background-dark-mode-color:var(--core-critical-40-dark-mode-color);--banner-critical-variant-background-light-mode-color:var(--core-critical-40-light-mode-color);--banner-critical-variant-border-color:var(--banner-critical-variant-border-light-mode-color);--banner-critical-variant-border-dark-mode-color:var(--core-critical-30-dark-mode-color);--banner-critical-variant-border-light-mode-color:var(--core-critical-30-light-mode-color);--banner-critical-variant-button-text-color:var(--banner-critical-variant-button-text-light-mode-color);--banner-critical-variant-button-text-dark-mode-color:var(--core-critical-text-dark-mode-color);--banner-critical-variant-button-text-light-mode-color:var(--core-critical-text-light-mode-color);--banner-critical-variant-disabled-state-text-link-text-color:var(--banner-critical-variant-disabled-state-text-link-text-light-mode-color);--banner-critical-variant-disabled-state-text-link-text-dark-mode-color:var(--text-link-normal-variant-disabled-state-dark-mode-color);--banner-critical-variant-disabled-state-text-link-text-light-mode-color:var(--text-link-normal-variant-disabled-state-light-mode-color);--banner-critical-variant-focused-state-text-link-text-color:var(--banner-critical-variant-focused-state-text-link-text-light-mode-color);--banner-critical-variant-focused-state-text-link-text-dark-mode-color:var(--core-critical-20-dark-mode-color);--banner-critical-variant-focused-state-text-link-text-light-mode-color:var(--core-critical-20-light-mode-color);--banner-critical-variant-hover-state-text-link-text-color:var(--banner-critical-variant-hover-state-text-link-text-light-mode-color);--banner-critical-variant-hover-state-text-link-text-dark-mode-color:var(--core-critical-20-dark-mode-color);--banner-critical-variant-hover-state-text-link-text-light-mode-color:var(--core-critical-20-light-mode-color);--banner-critical-variant-icon-color:var(--banner-critical-variant-icon-light-mode-color);--banner-critical-variant-icon-dark-mode-color:var(--core-critical-fill-dark-mode-color);--banner-critical-variant-icon-high-contrast-color:var(--banner-critical-variant-icon-high-contrast-light-mode-color);--banner-critical-variant-icon-high-contrast-dark-mode-color:var(--core-critical-text-dark-mode-color);--banner-critical-variant-icon-high-contrast-light-mode-color:var(--core-critical-text-light-mode-color);--banner-critical-variant-icon-light-mode-color:var(--core-critical-fill-light-mode-color);--banner-critical-variant-icon-normal-contrast-color:var(--banner-critical-variant-icon-normal-contrast-light-mode-color);--banner-critical-variant-icon-normal-contrast-dark-mode-color:var(--core-critical-fill-dark-mode-color);--banner-critical-variant-icon-normal-contrast-light-mode-color:var(--core-critical-fill-light-mode-color);--banner-critical-variant-normal-state-text-link-text-color:var(--banner-critical-variant-normal-state-text-link-text-light-mode-color);--banner-critical-variant-normal-state-text-link-text-dark-mode-color:var(--core-critical-text-dark-mode-color);--banner-critical-variant-normal-state-text-link-text-light-mode-color:var(--core-critical-text-light-mode-color);--banner-critical-variant-pressed-state-text-link-text-color:var(--banner-critical-variant-pressed-state-text-link-text-light-mode-color);--banner-critical-variant-pressed-state-text-link-text-dark-mode-color:var(--core-critical-10-dark-mode-color);--banner-critical-variant-pressed-state-text-link-text-light-mode-color:var(--core-critical-10-light-mode-color);--banner-critical-variant-text-color:var(--banner-critical-variant-text-light-mode-color);--banner-critical-variant-text-dark-mode-color:var(--core-text-10-dark-mode-color);--banner-critical-variant-text-light-mode-color:var(--core-text-10-light-mode-color);--banner-critical-variant-text-link-text-color:var(--banner-critical-variant-text-link-text-light-mode-color);--banner-critical-variant-text-link-text-dark-mode-color:var(--core-critical-text-dark-mode-color);--banner-critical-variant-text-link-text-light-mode-color:var(--core-critical-text-light-mode-color);--banner-dismiss-button-normal-state-color:var(--banner-dismiss-button-normal-state-light-mode-color);--banner-dismiss-button-normal-state-dark-mode-color:var(--core-fill-10-dark-mode-color);--banner-dismiss-button-normal-state-light-mode-color:var(--core-text-10-light-mode-color);--banner-dismiss-button-pressed-state-color:var(--banner-dismiss-button-pressed-state-light-mode-color);--banner-dismiss-button-pressed-state-dark-mode-color:var(--core-fill-20-dark-mode-color);--banner-dismiss-button-pressed-state-light-mode-color:var(--core-text-20-light-mode-color);--banner-horizontal-padding:var(--core-metrics-spacing-200);--banner-icon-gap:var(--core-metrics-spacing-150);--banner-icon-spacing:var(--banner-icon-gap);--banner-info-variant-background-color:var(--banner-info-variant-background-light-mode-color);--banner-info-variant-background-dark-mode-color:var(--core-fill-40-dark-mode-color);--banner-info-variant-background-light-mode-color:var(--core-fill-40-light-mode-color);--banner-info-variant-border-color:var(--banner-info-variant-border-light-mode-color);--banner-info-variant-border-dark-mode-color:var(--core-fill-30-dark-mode-color);--banner-info-variant-border-light-mode-color:var(--core-fill-30-light-mode-color);--banner-info-variant-button-text-color:var(--banner-info-variant-button-text-light-mode-color);--banner-info-variant-button-text-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--banner-info-variant-button-text-light-mode-color:var(--core-emphasis-text-light-mode-color);--banner-info-variant-disabled-state-text-link-text-color:var(--banner-info-variant-disabled-state-text-link-text-light-mode-color);--banner-info-variant-disabled-state-text-link-text-dark-mode-color:var(--text-link-normal-variant-disabled-state-dark-mode-color);--banner-info-variant-disabled-state-text-link-text-light-mode-color:var(--text-link-normal-variant-disabled-state-light-mode-color);--banner-info-variant-focused-state-text-link-text-color:var(--banner-info-variant-focused-state-text-link-text-light-mode-color);--banner-info-variant-focused-state-text-link-text-dark-mode-color:var(--core-emphasis-20-dark-mode-color);--banner-info-variant-focused-state-text-link-text-light-mode-color:var(--core-emphasis-20-light-mode-color);--banner-info-variant-hover-state-text-link-text-color:var(--banner-info-variant-hover-state-text-link-text-light-mode-color);--banner-info-variant-hover-state-text-link-text-dark-mode-color:var(--text-link-normal-variant-hover-state-dark-mode-color);--banner-info-variant-hover-state-text-link-text-light-mode-color:var(--text-link-normal-variant-hover-state-light-mode-color);--banner-info-variant-icon-color:var(--banner-info-variant-icon-light-mode-color);--banner-info-variant-icon-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--banner-info-variant-icon-high-contrast-color:var(--banner-info-variant-icon-high-contrast-light-mode-color);--banner-info-variant-icon-high-contrast-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--banner-info-variant-icon-high-contrast-light-mode-color:var(--core-emphasis-text-light-mode-color);--banner-info-variant-icon-light-mode-color:var(--core-emphasis-fill-light-mode-color);--banner-info-variant-icon-normal-contrast-color:var(--banner-info-variant-icon-normal-contrast-light-mode-color);--banner-info-variant-icon-normal-contrast-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--banner-info-variant-icon-normal-contrast-light-mode-color:var(--core-emphasis-fill-light-mode-color);--banner-info-variant-normal-state-text-link-text-color:var(--banner-info-variant-normal-state-text-link-text-light-mode-color);--banner-info-variant-normal-state-text-link-text-dark-mode-color:var(--text-link-normal-variant-normal-state-dark-mode-color);--banner-info-variant-normal-state-text-link-text-light-mode-color:var(--text-link-normal-variant-normal-state-light-mode-color);--banner-info-variant-pressed-state-text-link-text-color:var(--banner-info-variant-pressed-state-text-link-text-light-mode-color);--banner-info-variant-pressed-state-text-link-text-dark-mode-color:var(--text-link-normal-variant-pressed-state-dark-mode-color);--banner-info-variant-pressed-state-text-link-text-light-mode-color:var(--text-link-normal-variant-pressed-state-light-mode-color);--banner-info-variant-text-color:var(--banner-info-variant-text-light-mode-color);--banner-info-variant-text-dark-mode-color:var(--core-text-10-dark-mode-color);--banner-info-variant-text-light-mode-color:var(--core-text-10-light-mode-color);--banner-info-variant-text-link-text-color:var(--banner-info-variant-text-link-text-light-mode-color);--banner-info-variant-text-link-text-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--banner-info-variant-text-link-text-light-mode-color:var(--core-emphasis-text-light-mode-color);--banner-insight-variant-background-color:var(--banner-insight-variant-background-light-mode-color);--banner-insight-variant-background-dark-mode-color:var(--core-purple-40-dark-mode-color);--banner-insight-variant-background-light-mode-color:var(--core-purple-40-light-mode-color);--banner-insight-variant-border-color:var(--banner-insight-variant-border-light-mode-color);--banner-insight-variant-border-dark-mode-color:var(--core-purple-30-dark-mode-color);--banner-insight-variant-border-light-mode-color:var(--core-purple-30-light-mode-color);--banner-insight-variant-button-text-color:var(--banner-insight-variant-button-text-light-mode-color);--banner-insight-variant-button-text-dark-mode-color:var(--core-purple-text-dark-mode-color);--banner-insight-variant-button-text-light-mode-color:var(--core-purple-text-light-mode-color);--banner-insight-variant-disabled-state-text-link-text-color:var(--banner-insight-variant-disabled-state-text-link-text-light-mode-color);--banner-insight-variant-disabled-state-text-link-text-dark-mode-color:var(--text-link-normal-variant-disabled-state-dark-mode-color);--banner-insight-variant-disabled-state-text-link-text-light-mode-color:var(--text-link-normal-variant-disabled-state-light-mode-color);--banner-insight-variant-focused-state-text-link-text-color:var(--banner-insight-variant-focused-state-text-link-text-light-mode-color);--banner-insight-variant-focused-state-text-link-text-dark-mode-color:var(--core-purple-20-dark-mode-color);--banner-insight-variant-focused-state-text-link-text-light-mode-color:var(--core-purple-20-light-mode-color);--banner-insight-variant-hover-state-text-link-text-color:var(--banner-insight-variant-hover-state-text-link-text-light-mode-color);--banner-insight-variant-hover-state-text-link-text-dark-mode-color:var(--core-purple-20-dark-mode-color);--banner-insight-variant-hover-state-text-link-text-light-mode-color:var(--core-purple-20-light-mode-color);--banner-insight-variant-icon-color:var(--banner-insight-variant-icon-light-mode-color);--banner-insight-variant-icon-dark-mode-color:var(--core-purple-fill-dark-mode-color);--banner-insight-variant-icon-high-contrast-color:var(--banner-insight-variant-icon-high-contrast-light-mode-color);--banner-insight-variant-icon-high-contrast-dark-mode-color:var(--core-purple-text-dark-mode-color);--banner-insight-variant-icon-high-contrast-light-mode-color:var(--core-purple-text-light-mode-color);--banner-insight-variant-icon-light-mode-color:var(--core-purple-fill-light-mode-color);--banner-insight-variant-icon-normal-contrast-color:var(--banner-insight-variant-icon-normal-contrast-light-mode-color);--banner-insight-variant-icon-normal-contrast-dark-mode-color:var(--core-purple-fill-dark-mode-color);--banner-insight-variant-icon-normal-contrast-light-mode-color:var(--core-purple-fill-light-mode-color);--banner-insight-variant-normal-state-text-link-text-color:var(--banner-insight-variant-normal-state-text-link-text-light-mode-color);--banner-insight-variant-normal-state-text-link-text-dark-mode-color:var(--core-purple-text-dark-mode-color);--banner-insight-variant-normal-state-text-link-text-light-mode-color:var(--core-purple-text-light-mode-color);--banner-insight-variant-pressed-state-text-link-text-color:var(--banner-insight-variant-pressed-state-text-link-text-light-mode-color);--banner-insight-variant-pressed-state-text-link-text-dark-mode-color:var(--core-purple-10-dark-mode-color);--banner-insight-variant-pressed-state-text-link-text-light-mode-color:var(--core-purple-10-light-mode-color);--banner-insight-variant-text-color:var(--banner-insight-variant-text-light-mode-color);--banner-insight-variant-text-dark-mode-color:var(--core-text-10-dark-mode-color);--banner-insight-variant-text-light-mode-color:var(--core-text-10-light-mode-color);--banner-insight-variant-text-link-text-color:var(--banner-insight-variant-text-link-text-light-mode-color);--banner-insight-variant-text-link-text-dark-mode-color:var(--core-purple-text-dark-mode-color);--banner-insight-variant-text-link-text-light-mode-color:var(--core-purple-text-light-mode-color);--banner-multiline-gap:var(--core-metrics-spacing-150);--banner-multiline-spacing:var(--banner-multiline-gap);--banner-success-variant-background-color:var(--banner-success-variant-background-light-mode-color);--banner-success-variant-background-dark-mode-color:var(--core-success-40-dark-mode-color);--banner-success-variant-background-light-mode-color:var(--core-success-40-light-mode-color);--banner-success-variant-border-color:var(--banner-success-variant-border-light-mode-color);--banner-success-variant-border-dark-mode-color:var(--core-success-30-dark-mode-color);--banner-success-variant-border-light-mode-color:var(--core-success-30-light-mode-color);--banner-success-variant-button-text-color:var(--banner-success-variant-button-text-light-mode-color);--banner-success-variant-button-text-dark-mode-color:var(--core-success-text-dark-mode-color);--banner-success-variant-button-text-light-mode-color:var(--core-success-text-light-mode-color);--banner-success-variant-disabled-state-text-link-text-color:var(--banner-success-variant-disabled-state-text-link-text-light-mode-color);--banner-success-variant-disabled-state-text-link-text-dark-mode-color:var(--text-link-normal-variant-disabled-state-dark-mode-color);--banner-success-variant-disabled-state-text-link-text-light-mode-color:var(--text-link-normal-variant-disabled-state-light-mode-color);--banner-success-variant-focused-state-text-link-text-color:var(--banner-success-variant-focused-state-text-link-text-light-mode-color);--banner-success-variant-focused-state-text-link-text-dark-mode-color:var(--core-success-20-dark-mode-color);--banner-success-variant-focused-state-text-link-text-light-mode-color:var(--core-success-20-light-mode-color);--banner-success-variant-hover-state-text-link-text-color:var(--banner-success-variant-hover-state-text-link-text-light-mode-color);--banner-success-variant-hover-state-text-link-text-dark-mode-color:var(--core-success-20-dark-mode-color);--banner-success-variant-hover-state-text-link-text-light-mode-color:var(--core-success-20-light-mode-color);--banner-success-variant-icon-color:var(--banner-success-variant-icon-light-mode-color);--banner-success-variant-icon-dark-mode-color:var(--core-success-fill-dark-mode-color);--banner-success-variant-icon-high-contrast-color:var(--banner-success-variant-icon-high-contrast-light-mode-color);--banner-success-variant-icon-high-contrast-dark-mode-color:var(--core-success-text-dark-mode-color);--banner-success-variant-icon-high-contrast-light-mode-color:var(--core-success-text-light-mode-color);--banner-success-variant-icon-light-mode-color:var(--core-success-fill-light-mode-color);--banner-success-variant-icon-normal-contrast-color:var(--banner-success-variant-icon-normal-contrast-light-mode-color);--banner-success-variant-icon-normal-contrast-dark-mode-color:var(--core-success-fill-dark-mode-color);--banner-success-variant-icon-normal-contrast-light-mode-color:var(--core-success-fill-light-mode-color);--banner-success-variant-normal-state-text-link-text-color:var(--banner-success-variant-normal-state-text-link-text-light-mode-color);--banner-success-variant-normal-state-text-link-text-dark-mode-color:var(--core-success-text-dark-mode-color);--banner-success-variant-normal-state-text-link-text-light-mode-color:var(--core-success-text-light-mode-color);--banner-success-variant-pressed-state-text-link-text-color:var(--banner-success-variant-pressed-state-text-link-text-light-mode-color);--banner-success-variant-pressed-state-text-link-text-dark-mode-color:var(--core-success-10-dark-mode-color);--banner-success-variant-pressed-state-text-link-text-light-mode-color:var(--core-success-10-light-mode-color);--banner-success-variant-text-color:var(--banner-success-variant-text-light-mode-color);--banner-success-variant-text-dark-mode-color:var(--core-text-10-dark-mode-color);--banner-success-variant-text-light-mode-color:var(--core-text-10-light-mode-color);--banner-success-variant-text-link-text-color:var(--banner-success-variant-text-link-text-light-mode-color);--banner-success-variant-text-link-text-dark-mode-color:var(--core-success-text-dark-mode-color);--banner-success-variant-text-link-text-light-mode-color:var(--core-success-text-light-mode-color);--banner-text-case:var(--core-type-paragraph-30-case);--banner-text-font-family:var(--core-type-paragraph-30-font-family);--banner-text-leading:var(--core-type-paragraph-30-leading);--banner-text-link-group-gap:var(--text-link-group-horizontal-spacing);--banner-text-link-group-separator-color:var(--banner-text-link-group-separator-light-mode-color);--banner-text-link-group-separator-dark-mode-color:var(--text-link-group-separator-dark-mode-color);--banner-text-link-group-separator-height:var(--text-link-group-separator-height);--banner-text-link-group-separator-light-mode-color:var(--text-link-group-separator-light-mode-color);--banner-text-link-group-separator-opacity:var(--text-link-group-separator-opacity);--banner-text-link-group-separator-width:var(--text-link-group-separator-width);--banner-text-link-text-case:var(--text-link-medium-size-text-case);--banner-text-link-text-font-family:var(--text-link-medium-size-text-font-family);--banner-text-link-text-leading:var(--text-link-medium-size-text-leading);--banner-text-link-text-number-spacing:var(--text-link-medium-size-text-number-spacing);--banner-text-link-text-scale:var(--text-link-medium-size-text-scale);--banner-text-link-text-size:var(--text-link-medium-size-text-size);--banner-text-link-text-tracking:var(--text-link-medium-size-text-tracking);--banner-text-link-text-weight:var(--text-link-medium-size-text-weight);--banner-text-number-spacing:var(--core-type-paragraph-30-number-spacing);--banner-text-scale:var(--core-type-paragraph-30-scale);--banner-text-size:var(--core-type-paragraph-30-size);--banner-text-tracking:var(--core-type-paragraph-30-tracking);--banner-text-weight:var(--core-type-paragraph-30-weight);--banner-title-case:var(--core-type-semibold-30-case);--banner-title-font-family:var(--core-type-semibold-30-font-family);--banner-title-leading:var(--core-type-semibold-30-leading);--banner-title-number-spacing:var(--core-type-semibold-30-number-spacing);--banner-title-scale:var(--core-type-semibold-30-scale);--banner-title-size:var(--core-type-semibold-30-size);--banner-title-tracking:var(--core-type-semibold-30-tracking);--banner-title-weight:var(--core-type-semibold-30-weight);--banner-vertical-padding:var(--core-metrics-spacing-200);--banner-warning-variant-background-color:var(--banner-warning-variant-background-light-mode-color);--banner-warning-variant-background-dark-mode-color:var(--core-warning-40-dark-mode-color);--banner-warning-variant-background-light-mode-color:var(--core-warning-40-light-mode-color);--banner-warning-variant-border-color:var(--banner-warning-variant-border-light-mode-color);--banner-warning-variant-border-dark-mode-color:var(--core-warning-30-dark-mode-color);--banner-warning-variant-border-light-mode-color:var(--core-warning-30-light-mode-color);--banner-warning-variant-button-text-color:var(--banner-warning-variant-button-text-light-mode-color);--banner-warning-variant-button-text-dark-mode-color:var(--core-warning-text-dark-mode-color);--banner-warning-variant-button-text-light-mode-color:var(--core-warning-text-light-mode-color);--banner-warning-variant-disabled-state-text-link-text-color:var(--banner-warning-variant-disabled-state-text-link-text-light-mode-color);--banner-warning-variant-disabled-state-text-link-text-dark-mode-color:var(--text-link-normal-variant-disabled-state-dark-mode-color);--banner-warning-variant-disabled-state-text-link-text-light-mode-color:var(--text-link-normal-variant-disabled-state-light-mode-color);--banner-warning-variant-focused-state-text-link-text-color:var(--banner-warning-variant-focused-state-text-link-text-light-mode-color);--banner-warning-variant-focused-state-text-link-text-dark-mode-color:var(--core-warning-20-dark-mode-color);--banner-warning-variant-focused-state-text-link-text-light-mode-color:var(--core-warning-20-light-mode-color);--banner-warning-variant-hover-state-text-link-text-color:var(--banner-warning-variant-hover-state-text-link-text-light-mode-color);--banner-warning-variant-hover-state-text-link-text-dark-mode-color:var(--core-warning-20-dark-mode-color);--banner-warning-variant-hover-state-text-link-text-light-mode-color:var(--core-warning-20-light-mode-color);--banner-warning-variant-icon-color:var(--banner-warning-variant-icon-light-mode-color);--banner-warning-variant-icon-dark-mode-color:var(--core-warning-fill-dark-mode-color);--banner-warning-variant-icon-high-contrast-color:var(--banner-warning-variant-icon-high-contrast-light-mode-color);--banner-warning-variant-icon-high-contrast-dark-mode-color:var(--core-warning-text-dark-mode-color);--banner-warning-variant-icon-high-contrast-light-mode-color:var(--core-warning-text-light-mode-color);--banner-warning-variant-icon-light-mode-color:var(--core-warning-fill-light-mode-color);--banner-warning-variant-icon-normal-contrast-color:var(--banner-warning-variant-icon-normal-contrast-light-mode-color);--banner-warning-variant-icon-normal-contrast-dark-mode-color:var(--core-warning-fill-dark-mode-color);--banner-warning-variant-icon-normal-contrast-light-mode-color:var(--core-warning-fill-light-mode-color);--banner-warning-variant-normal-state-text-link-text-color:var(--banner-warning-variant-normal-state-text-link-text-light-mode-color);--banner-warning-variant-normal-state-text-link-text-dark-mode-color:var(--core-warning-text-dark-mode-color);--banner-warning-variant-normal-state-text-link-text-light-mode-color:var(--core-warning-text-light-mode-color);--banner-warning-variant-pressed-state-text-link-text-color:var(--banner-warning-variant-pressed-state-text-link-text-light-mode-color);--banner-warning-variant-pressed-state-text-link-text-dark-mode-color:var(--core-warning-10-dark-mode-color);--banner-warning-variant-pressed-state-text-link-text-light-mode-color:var(--core-warning-10-light-mode-color);--banner-warning-variant-text-color:var(--banner-warning-variant-text-light-mode-color);--banner-warning-variant-text-dark-mode-color:var(--core-text-10-dark-mode-color);--banner-warning-variant-text-light-mode-color:var(--core-text-10-light-mode-color);--banner-warning-variant-text-link-text-color:var(--banner-warning-variant-text-link-text-light-mode-color);--banner-warning-variant-text-link-text-dark-mode-color:var(--core-warning-text-dark-mode-color);--banner-warning-variant-text-link-text-light-mode-color:var(--core-warning-text-light-mode-color);--button-group-overflow-button-border-radius:var(--icon-button-border-radius);--button-group-overflow-button-compact-size-minimum-height:var(--icon-button-compact-size-minimum-height);--button-group-overflow-button-compact-size-minimum-padding-size:var(--icon-button-compact-size-minimum-padding-size);--button-group-overflow-button-compact-size-minimum-width:var(--icon-button-compact-size-minimum-width);--button-group-overflow-button-compact-size-padding-size:var(--icon-button-compact-size-padding-size);--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color:var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color:var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-primary-rank-hover-state-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color:var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-primary-rank-hover-state-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color:var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-primary-rank-normal-state-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color:var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-primary-rank-normal-state-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color:var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color:var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color:var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-disabled-state-background-color:var(--button-group-overflow-button-disabled-state-light-mode-background-color);--button-group-overflow-button-disabled-state-dark-mode-background-color:var(--icon-button-disabled-state-dark-mode-background-color);--button-group-overflow-button-disabled-state-dark-mode-icon-color:var(--icon-button-disabled-state-dark-mode-icon-color);--button-group-overflow-button-disabled-state-icon-color:var(--button-group-overflow-button-disabled-state-light-mode-icon-color);--button-group-overflow-button-disabled-state-light-mode-background-color:var(--icon-button-disabled-state-light-mode-background-color);--button-group-overflow-button-disabled-state-light-mode-icon-color:var(--icon-button-disabled-state-light-mode-icon-color);--button-group-overflow-button-focus-ring-border-size:var(--icon-button-focus-ring-border-size);--button-group-overflow-button-focus-ring-buffer-size:var(--icon-button-focus-ring-buffer-size);--button-group-overflow-button-focus-state-background-color:var(--button-group-overflow-button-focus-state-light-mode-background-color);--button-group-overflow-button-focus-state-dark-mode-background-color:var(--icon-button-focus-state-dark-mode-background-color);--button-group-overflow-button-focus-state-dark-mode-icon-color:var(--icon-button-focus-state-dark-mode-icon-color);--button-group-overflow-button-focus-state-icon-color:var(--button-group-overflow-button-focus-state-light-mode-icon-color);--button-group-overflow-button-focus-state-light-mode-background-color:var(--icon-button-focus-state-light-mode-background-color);--button-group-overflow-button-focus-state-light-mode-icon-color:var(--icon-button-focus-state-light-mode-icon-color);--button-group-overflow-button-hover-state-background-color:var(--button-group-overflow-button-hover-state-light-mode-background-color);--button-group-overflow-button-hover-state-dark-mode-background-color:var(--icon-button-hover-state-dark-mode-background-color);--button-group-overflow-button-hover-state-dark-mode-icon-color:var(--icon-button-hover-state-dark-mode-icon-color);--button-group-overflow-button-hover-state-icon-color:var(--button-group-overflow-button-hover-state-light-mode-icon-color);--button-group-overflow-button-hover-state-light-mode-background-color:var(--icon-button-hover-state-light-mode-background-color);--button-group-overflow-button-hover-state-light-mode-icon-color:var(--icon-button-hover-state-light-mode-icon-color);--button-group-overflow-button-large-size-icon-height:var(--icon-button-large-size-icon-height);--button-group-overflow-button-large-size-icon-width:var(--icon-button-large-size-icon-width);--button-group-overflow-button-large-size-minimum-height:var(--icon-button-large-size-minimum-height);--button-group-overflow-button-large-size-padding-size:var(--icon-button-large-size-padding-size);--button-group-overflow-button-large-size-width-multiplier:var(--icon-button-large-size-width-multiplier);--button-group-overflow-button-medium-size-horizontal-spacing-size:var(--icon-button-medium-size-horizontal-spacing-size);--button-group-overflow-button-medium-size-icon-height:var(--icon-button-medium-size-icon-height);--button-group-overflow-button-medium-size-icon-width:var(--icon-button-medium-size-icon-width);--button-group-overflow-button-medium-size-minimum-height:var(--icon-button-medium-size-minimum-height);--button-group-overflow-button-medium-size-padding-size:var(--icon-button-medium-size-padding-size);--button-group-overflow-button-medium-size-width-multiplier:var(--icon-button-medium-size-width-multiplier);--button-group-overflow-button-minimum-height:var(--icon-button-minimum-height);--button-group-overflow-button-minimum-width:var(--icon-button-minimum-width);--button-group-overflow-button-normal-size-minimum-height:var(--icon-button-normal-size-minimum-height);--button-group-overflow-button-normal-size-minimum-width:var(--icon-button-normal-size-minimum-width);--button-group-overflow-button-normal-size-padding-size:var(--icon-button-normal-size-padding-size);--button-group-overflow-button-normal-state-background-color:var(--button-group-overflow-button-normal-state-light-mode-background-color);--button-group-overflow-button-normal-state-dark-mode-background-color:var(--icon-button-normal-state-dark-mode-background-color);--button-group-overflow-button-normal-state-dark-mode-icon-color:var(--icon-button-normal-state-dark-mode-icon-color);--button-group-overflow-button-normal-state-icon-color:var(--button-group-overflow-button-normal-state-light-mode-icon-color);--button-group-overflow-button-normal-state-light-mode-background-color:var(--icon-button-normal-state-light-mode-background-color);--button-group-overflow-button-normal-state-light-mode-icon-color:var(--icon-button-normal-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-disabled-state-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color:var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-disabled-state-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color:var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color:var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-focus-state-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color:var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color:var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-focus-state-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color:var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color:var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-hover-state-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color:var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color:var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-hover-state-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color:var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color:var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-normal-state-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color:var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color:var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-normal-state-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color:var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color:var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-pressed-state-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color:var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-pressed-state-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color:var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color:var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color:var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-hover-state-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color:var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-hover-state-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color:var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-normal-state-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color:var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-normal-state-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color:var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color:var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-padding-size:var(--icon-button-padding-size);--button-group-overflow-button-pressed-state-background-color:var(--button-group-overflow-button-pressed-state-light-mode-background-color);--button-group-overflow-button-pressed-state-dark-mode-background-color:var(--icon-button-pressed-state-dark-mode-background-color);--button-group-overflow-button-pressed-state-dark-mode-icon-color:var(--icon-button-pressed-state-dark-mode-icon-color);--button-group-overflow-button-pressed-state-icon-color:var(--button-group-overflow-button-pressed-state-light-mode-icon-color);--button-group-overflow-button-pressed-state-light-mode-background-color:var(--icon-button-pressed-state-light-mode-background-color);--button-group-overflow-button-pressed-state-light-mode-icon-color:var(--icon-button-pressed-state-light-mode-icon-color);--button-group-overflow-button-primary-rank-disabled-state-background-color:var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color:var(--icon-button-primary-rank-disabled-state-dark-mode-background-color);--button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-primary-rank-disabled-state-dark-mode-icon-color);--button-group-overflow-button-primary-rank-disabled-state-icon-color:var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color:var(--icon-button-primary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color:var(--icon-button-primary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-primary-rank-focus-state-background-color:var(--button-group-overflow-button-primary-rank-focus-state-light-mode-background-color);--button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color:var(--icon-button-primary-rank-focus-state-dark-mode-background-color);--button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color:var(--icon-button-primary-rank-focus-state-dark-mode-icon-color);--button-group-overflow-button-primary-rank-focus-state-icon-color:var(--button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color);--button-group-overflow-button-primary-rank-focus-state-light-mode-background-color:var(--icon-button-primary-rank-focus-state-light-mode-background-color);--button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color:var(--icon-button-primary-rank-focus-state-light-mode-icon-color);--button-group-overflow-button-primary-rank-hover-state-background-color:var(--button-group-overflow-button-primary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color:var(--icon-button-primary-rank-hover-state-dark-mode-background-color);--button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color:var(--icon-button-primary-rank-hover-state-dark-mode-icon-color);--button-group-overflow-button-primary-rank-hover-state-icon-color:var(--button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-primary-rank-hover-state-light-mode-background-color:var(--icon-button-primary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color:var(--icon-button-primary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-primary-rank-normal-state-background-color:var(--button-group-overflow-button-primary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color:var(--icon-button-primary-rank-normal-state-dark-mode-background-color);--button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color:var(--icon-button-primary-rank-normal-state-dark-mode-icon-color);--button-group-overflow-button-primary-rank-normal-state-icon-color:var(--button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-primary-rank-normal-state-light-mode-background-color:var(--icon-button-primary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color:var(--icon-button-primary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-primary-rank-pressed-state-background-color:var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color:var(--icon-button-primary-rank-pressed-state-dark-mode-background-color);--button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-primary-rank-pressed-state-dark-mode-icon-color);--button-group-overflow-button-primary-rank-pressed-state-icon-color:var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color:var(--icon-button-primary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color:var(--icon-button-primary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-secondary-rank-disabled-state-background-color:var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color:var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);--button-group-overflow-button-secondary-rank-disabled-state-icon-color:var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color:var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color:var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-secondary-rank-focus-state-background-color:var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color);--button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color:var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);--button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color:var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);--button-group-overflow-button-secondary-rank-focus-state-icon-color:var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color);--button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color:var(--icon-button-secondary-rank-focus-state-light-mode-background-color);--button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color:var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);--button-group-overflow-button-secondary-rank-hover-state-background-color:var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color:var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);--button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color:var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);--button-group-overflow-button-secondary-rank-hover-state-icon-color:var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color:var(--icon-button-secondary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color:var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-secondary-rank-normal-state-background-color:var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color:var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);--button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color:var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);--button-group-overflow-button-secondary-rank-normal-state-icon-color:var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color:var(--icon-button-secondary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color:var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-secondary-rank-pressed-state-background-color:var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color:var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);--button-group-overflow-button-secondary-rank-pressed-state-icon-color:var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color:var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color:var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-size-multiplier:1;--button-group-overflow-button-small-size-icon-height:var(--icon-button-small-size-icon-height);--button-group-overflow-button-small-size-icon-width:var(--icon-button-small-size-icon-width);--button-group-overflow-button-small-size-minimum-height:var(--icon-button-small-size-minimum-height);--button-group-overflow-button-small-size-padding-size:var(--icon-button-small-size-padding-size);--button-group-overflow-button-small-size-width-multiplier:var(--icon-button-small-size-width-multiplier);--button-group-overflow-button-tertiary-rank-disabled-state-background-color:var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color:var(--icon-button-tertiary-rank-disabled-state-dark-mode-background-color);--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-tertiary-rank-disabled-state-dark-mode-icon-color);--button-group-overflow-button-tertiary-rank-disabled-state-icon-color:var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color:var(--icon-button-tertiary-rank-disabled-state-light-mode-background-color);--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color:var(--icon-button-tertiary-rank-disabled-state-light-mode-icon-color);--button-group-overflow-button-tertiary-rank-focus-state-background-color:var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color);--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color:var(--icon-button-tertiary-rank-focus-state-dark-mode-background-color);--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color:var(--icon-button-tertiary-rank-focus-state-dark-mode-icon-color);--button-group-overflow-button-tertiary-rank-focus-state-icon-color:var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);--button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color:var(--icon-button-tertiary-rank-focus-state-light-mode-background-color);--button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color:var(--icon-button-tertiary-rank-focus-state-light-mode-icon-color);--button-group-overflow-button-tertiary-rank-hover-state-background-color:var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color:var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color);--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color:var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color);--button-group-overflow-button-tertiary-rank-hover-state-icon-color:var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color:var(--icon-button-tertiary-rank-hover-state-light-mode-background-color);--button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color:var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color);--button-group-overflow-button-tertiary-rank-normal-state-background-color:var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color:var(--icon-button-tertiary-rank-normal-state-dark-mode-background-color);--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color:var(--icon-button-tertiary-rank-normal-state-dark-mode-icon-color);--button-group-overflow-button-tertiary-rank-normal-state-icon-color:var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color:var(--icon-button-tertiary-rank-normal-state-light-mode-background-color);--button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color:var(--icon-button-tertiary-rank-normal-state-light-mode-icon-color);--button-group-overflow-button-tertiary-rank-pressed-state-background-color:var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color:var(--icon-button-tertiary-rank-pressed-state-dark-mode-background-color);--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-tertiary-rank-pressed-state-dark-mode-icon-color);--button-group-overflow-button-tertiary-rank-pressed-state-icon-color:var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color:var(--icon-button-tertiary-rank-pressed-state-light-mode-background-color);--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color:var(--icon-button-tertiary-rank-pressed-state-light-mode-icon-color);--button-group-spacing:var(--core-metrics-spacing-100);--button-border-radius:var(--core-radius-circle);--button-compact-horizontal-size-class-sample-token:100px;--button-compact-vertical-size-class-sample-token-2:10px;--button-dark-mode-focus-ring-color:var(--core-focus-ring-dark-mode-color);--button-destructive-variant-primary-rank-disabled-state-background-color:var(--button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);--button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color:var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);--button-destructive-variant-primary-rank-disabled-state-dark-mode-label-color:var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);--button-destructive-variant-primary-rank-disabled-state-label-color:var(--button-destructive-variant-primary-rank-disabled-state-light-mode-label-color);--button-destructive-variant-primary-rank-disabled-state-light-mode-background-color:var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--button-destructive-variant-primary-rank-disabled-state-light-mode-label-color:var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);--button-destructive-variant-primary-rank-focus-state-background-color:var(--button-destructive-variant-primary-rank-focus-state-light-mode-background-color);--button-destructive-variant-primary-rank-focus-state-dark-mode-background-color:var(--button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);--button-destructive-variant-primary-rank-focus-state-dark-mode-label-color:var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color);--button-destructive-variant-primary-rank-focus-state-label-color:var(--button-destructive-variant-primary-rank-focus-state-light-mode-label-color);--button-destructive-variant-primary-rank-focus-state-light-mode-background-color:var(--button-destructive-variant-primary-rank-hover-state-light-mode-background-color);--button-destructive-variant-primary-rank-focus-state-light-mode-label-color:var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color);--button-destructive-variant-primary-rank-hover-state-background-color:var(--button-destructive-variant-primary-rank-hover-state-light-mode-background-color);--button-destructive-variant-primary-rank-hover-state-dark-mode-background-color:var(--core-critical-20-dark-mode-color);--button-destructive-variant-primary-rank-hover-state-dark-mode-label-color:var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color);--button-destructive-variant-primary-rank-hover-state-label-color:var(--button-destructive-variant-primary-rank-hover-state-light-mode-label-color);--button-destructive-variant-primary-rank-hover-state-light-mode-background-color:var(--core-critical-20-light-mode-color);--button-destructive-variant-primary-rank-hover-state-light-mode-label-color:var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color);--button-destructive-variant-primary-rank-normal-state-background-color:var(--button-destructive-variant-primary-rank-normal-state-light-mode-background-color);--button-destructive-variant-primary-rank-normal-state-dark-mode-background-color:var(--core-critical-fill-dark-mode-color);--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color:var(--core-text-white-dark-mode-color);--button-destructive-variant-primary-rank-normal-state-label-color:var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color);--button-destructive-variant-primary-rank-normal-state-light-mode-background-color:var(--core-critical-fill-light-mode-color);--button-destructive-variant-primary-rank-normal-state-light-mode-label-color:var(--core-text-white-light-mode-color);--button-destructive-variant-primary-rank-pressed-state-background-color:var(--button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);--button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color:var(--core-critical-10-dark-mode-color);--button-destructive-variant-primary-rank-pressed-state-dark-mode-label-color:var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color);--button-destructive-variant-primary-rank-pressed-state-label-color:var(--button-destructive-variant-primary-rank-pressed-state-light-mode-label-color);--button-destructive-variant-primary-rank-pressed-state-light-mode-background-color:var(--core-critical-10-light-mode-color);--button-destructive-variant-primary-rank-pressed-state-light-mode-label-color:var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color);--button-destructive-variant-secondary-rank-disabled-state-background-color:var(--button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);--button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);--button-destructive-variant-secondary-rank-disabled-state-dark-mode-label-color:var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color);--button-destructive-variant-secondary-rank-disabled-state-label-color:var(--button-destructive-variant-secondary-rank-disabled-state-light-mode-label-color);--button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color:var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--button-destructive-variant-secondary-rank-disabled-state-light-mode-label-color:var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);--button-destructive-variant-secondary-rank-focus-state-background-color:var(--button-destructive-variant-secondary-rank-focus-state-light-mode-background-color);--button-destructive-variant-secondary-rank-focus-state-dark-mode-background-color:var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);--button-destructive-variant-secondary-rank-focus-state-dark-mode-label-color:var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-label-color);--button-destructive-variant-secondary-rank-focus-state-label-color:var(--button-destructive-variant-secondary-rank-focus-state-light-mode-label-color);--button-destructive-variant-secondary-rank-focus-state-light-mode-background-color:var(--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);--button-destructive-variant-secondary-rank-focus-state-light-mode-label-color:var(--button-destructive-variant-secondary-rank-hover-state-light-mode-label-color);--button-destructive-variant-secondary-rank-hover-state-background-color:var(--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);--button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color:var(--core-critical-40-dark-mode-color);--button-destructive-variant-secondary-rank-hover-state-dark-mode-label-color:var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color);--button-destructive-variant-secondary-rank-hover-state-label-color:var(--button-destructive-variant-secondary-rank-hover-state-light-mode-label-color);--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color:var(--core-critical-40-light-mode-color);--button-destructive-variant-secondary-rank-hover-state-light-mode-label-color:var(--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color);--button-destructive-variant-secondary-rank-normal-state-background-color:var(--button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);--button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color:var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);--button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color:var(--core-critical-text-dark-mode-color);--button-destructive-variant-secondary-rank-normal-state-label-color:var(--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color);--button-destructive-variant-secondary-rank-normal-state-light-mode-background-color:var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color:var(--core-critical-text-light-mode-color);--button-destructive-variant-secondary-rank-pressed-state-background-color:var(--button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);--button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--core-critical-30-dark-mode-color);--button-destructive-variant-secondary-rank-pressed-state-dark-mode-label-color:var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color);--button-destructive-variant-secondary-rank-pressed-state-label-color:var(--button-destructive-variant-secondary-rank-pressed-state-light-mode-label-color);--button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color:var(--core-critical-30-light-mode-color);--button-destructive-variant-secondary-rank-pressed-state-light-mode-label-color:var(--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color);--button-destructive-variant-tertiary-rank-disabled-state-background-color:var(--button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);--button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color:var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);--button-destructive-variant-tertiary-rank-disabled-state-dark-mode-label-color:var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color);--button-destructive-variant-tertiary-rank-disabled-state-label-color:var(--button-destructive-variant-tertiary-rank-disabled-state-light-mode-label-color);--button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color:var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);--button-destructive-variant-tertiary-rank-disabled-state-light-mode-label-color:var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color);--button-destructive-variant-tertiary-rank-focus-state-background-color:var(--button-destructive-variant-tertiary-rank-focus-state-light-mode-background-color);--button-destructive-variant-tertiary-rank-focus-state-dark-mode-background-color:var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);--button-destructive-variant-tertiary-rank-focus-state-dark-mode-label-color:var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color);--button-destructive-variant-tertiary-rank-focus-state-label-color:var(--button-destructive-variant-tertiary-rank-focus-state-light-mode-label-color);--button-destructive-variant-tertiary-rank-focus-state-light-mode-background-color:var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);--button-destructive-variant-tertiary-rank-focus-state-light-mode-label-color:var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color);--button-destructive-variant-tertiary-rank-hover-state-background-color:var(--button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);--button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color:var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);--button-destructive-variant-tertiary-rank-hover-state-dark-mode-label-color:var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color);--button-destructive-variant-tertiary-rank-hover-state-label-color:var(--button-destructive-variant-tertiary-rank-hover-state-light-mode-label-color);--button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color:var(--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);--button-destructive-variant-tertiary-rank-hover-state-light-mode-label-color:var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color);--button-destructive-variant-tertiary-rank-normal-state-background-color:var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);--button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color:transparent;--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color:var(--core-critical-text-dark-mode-color);--button-destructive-variant-tertiary-rank-normal-state-label-color:var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color);--button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color:transparent;--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color:var(--core-critical-text-light-mode-color);--button-destructive-variant-tertiary-rank-pressed-state-background-color:var(--button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);--button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color:var(--button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);--button-destructive-variant-tertiary-rank-pressed-state-dark-mode-label-color:var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color);--button-destructive-variant-tertiary-rank-pressed-state-label-color:var(--button-destructive-variant-tertiary-rank-pressed-state-light-mode-label-color);--button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color:var(--button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);--button-destructive-variant-tertiary-rank-pressed-state-light-mode-label-color:var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color);--button-focus-ring-border-size:var(--core-focus-ring-border-size);--button-focus-ring-buffer-size:var(--core-focus-ring-buffer-size);--button-focus-ring-color:var(--button-light-mode-focus-ring-color);--button-large-size-content-spacing:var(--core-metrics-spacing-100);--button-large-size-minimum-height:var(--core-large-size-minimum-height);--button-large-size-minimum-width-multiplier:1.75;--button-large-size-primary-rank-horizontal-padding:var(--core-metrics-spacing-300);--button-large-size-primary-rank-vertical-padding:20px;--button-large-size-secondary-rank-horizontal-padding:var(--button-large-size-primary-rank-horizontal-padding);--button-large-size-secondary-rank-vertical-padding:var(--button-large-size-primary-rank-vertical-padding);--button-large-size-tertiary-rank-horizontal-padding:var(--core-metrics-spacing-300);--button-large-size-tertiary-rank-vertical-padding:20px;--button-large-size-text-case:var(--core-type-semibold-30-case);--button-large-size-text-font-family:var(--core-type-semibold-30-font-family);--button-large-size-text-leading:var(--core-type-semibold-30-leading);--button-large-size-text-number-spacing:var(--core-type-semibold-30-number-spacing);--button-large-size-text-scale:var(--core-type-semibold-30-scale);--button-large-size-text-size:var(--core-type-semibold-30-size);--button-large-size-text-tracking:var(--core-type-semibold-30-tracking);--button-large-size-text-weight:var(--core-type-semibold-30-weight);--button-light-mode-focus-ring-color:var(--core-focus-ring-light-mode-color);--button-medium-size-content-spacing:var(--core-metrics-spacing-100);--button-medium-size-minimum-height:var(--core-medium-size-minimum-height);--button-medium-size-minimum-width-multiplier:1.75;--button-medium-size-primary-rank-horizontal-padding:var(--core-metrics-spacing-250);--button-medium-size-primary-rank-vertical-padding:12px;--button-medium-size-secondary-rank-horizontal-padding:var(--button-medium-size-primary-rank-horizontal-padding);--button-medium-size-secondary-rank-vertical-padding:var(--button-medium-size-primary-rank-vertical-padding);--button-medium-size-tertiary-rank-horizontal-padding:var(--core-metrics-spacing-250);--button-medium-size-tertiary-rank-vertical-padding:12px;--button-medium-size-text-case:var(--core-type-semibold-30-case);--button-medium-size-text-font-family:var(--core-type-semibold-30-font-family);--button-medium-size-text-leading:var(--core-type-semibold-30-leading);--button-medium-size-text-number-spacing:var(--core-type-semibold-30-number-spacing);--button-medium-size-text-scale:var(--core-type-semibold-30-scale);--button-medium-size-text-size:var(--core-type-semibold-30-size);--button-medium-size-text-tracking:var(--core-type-semibold-30-tracking);--button-medium-size-text-weight:var(--core-type-semibold-30-weight);--button-normal-variant-primary-rank-disabled-state-background-color:var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color:var(--core-text-30-dark-mode-color);--button-normal-variant-primary-rank-disabled-state-label-color:var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);--button-normal-variant-primary-rank-disabled-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--button-normal-variant-primary-rank-disabled-state-light-mode-label-color:var(--core-text-30-light-mode-color);--button-normal-variant-primary-rank-focus-state-background-color:var(--button-normal-variant-primary-rank-focus-state-light-mode-background-color);--button-normal-variant-primary-rank-focus-state-dark-mode-background-color:var(--core-emphasis-fill-dark-mode-color);--button-normal-variant-primary-rank-focus-state-dark-mode-label-color:var(--core-text-inverse-dark-mode-color);--button-normal-variant-primary-rank-focus-state-label-color:var(--button-normal-variant-primary-rank-focus-state-light-mode-label-color);--button-normal-variant-primary-rank-focus-state-light-mode-background-color:var(--core-emphasis-fill-light-mode-color);--button-normal-variant-primary-rank-focus-state-light-mode-label-color:var(--core-text-inverse-light-mode-color);--button-normal-variant-primary-rank-hover-state-background-color:var(--button-normal-variant-primary-rank-hover-state-light-mode-background-color);--button-normal-variant-primary-rank-hover-state-dark-mode-background-color:var(--core-emphasis-20-dark-mode-color);--button-normal-variant-primary-rank-hover-state-dark-mode-label-color:var(--core-text-inverse-dark-mode-color);--button-normal-variant-primary-rank-hover-state-label-color:var(--button-normal-variant-primary-rank-hover-state-light-mode-label-color);--button-normal-variant-primary-rank-hover-state-light-mode-background-color:var(--core-emphasis-20-light-mode-color);--button-normal-variant-primary-rank-hover-state-light-mode-label-color:var(--core-text-inverse-light-mode-color);--button-normal-variant-primary-rank-normal-state-background-color:var(--button-normal-variant-primary-rank-normal-state-light-mode-background-color);--button-normal-variant-primary-rank-normal-state-dark-mode-background-color:var(--core-emphasis-fill-dark-mode-color);--button-normal-variant-primary-rank-normal-state-dark-mode-label-color:var(--core-text-inverse-dark-mode-color);--button-normal-variant-primary-rank-normal-state-label-color:var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color);--button-normal-variant-primary-rank-normal-state-light-mode-background-color:var(--core-emphasis-fill-light-mode-color);--button-normal-variant-primary-rank-normal-state-light-mode-label-color:var(--core-text-inverse-light-mode-color);--button-normal-variant-primary-rank-pressed-state-background-color:var(--button-normal-variant-primary-rank-pressed-state-light-mode-background-color);--button-normal-variant-primary-rank-pressed-state-dark-mode-background-color:#CCCCCC;--button-normal-variant-primary-rank-pressed-state-dark-mode-label-color:var(--core-text-inverse-dark-mode-color);--button-normal-variant-primary-rank-pressed-state-label-color:var(--button-normal-variant-primary-rank-pressed-state-light-mode-label-color);--button-normal-variant-primary-rank-pressed-state-light-mode-background-color:var(--core-emphasis-10-light-mode-color);--button-normal-variant-primary-rank-pressed-state-light-mode-label-color:var(--core-text-inverse-light-mode-color);--button-normal-variant-secondary-rank-disabled-state-background-color:var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color:var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);--button-normal-variant-secondary-rank-disabled-state-label-color:var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color:var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color:var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);--button-normal-variant-secondary-rank-focus-state-background-color:var(--button-normal-variant-secondary-rank-focus-state-light-mode-background-color);--button-normal-variant-secondary-rank-focus-state-dark-mode-background-color:var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);--button-normal-variant-secondary-rank-focus-state-dark-mode-label-color:var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);--button-normal-variant-secondary-rank-focus-state-label-color:var(--button-normal-variant-secondary-rank-focus-state-light-mode-label-color);--button-normal-variant-secondary-rank-focus-state-light-mode-background-color:var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--button-normal-variant-secondary-rank-focus-state-light-mode-label-color:var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);--button-normal-variant-secondary-rank-hover-state-background-color:var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color:var(--core-emphasis-30-dark-mode-color);--button-normal-variant-secondary-rank-hover-state-dark-mode-label-color:var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);--button-normal-variant-secondary-rank-hover-state-label-color:var(--button-normal-variant-secondary-rank-hover-state-light-mode-label-color);--button-normal-variant-secondary-rank-hover-state-light-mode-background-color:var(--core-emphasis-40-light-mode-color);--button-normal-variant-secondary-rank-hover-state-light-mode-label-color:var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);--button-normal-variant-secondary-rank-normal-state-background-color:var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color:var(--core-emphasis-text-dark-mode-color);--button-normal-variant-secondary-rank-normal-state-label-color:var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);--button-normal-variant-secondary-rank-normal-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--button-normal-variant-secondary-rank-normal-state-light-mode-label-color:var(--core-emphasis-text-light-mode-color);--button-normal-variant-secondary-rank-pressed-state-background-color:var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--core-fill-20-dark-mode-color);--button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color:var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);--button-normal-variant-secondary-rank-pressed-state-label-color:var(--button-normal-variant-secondary-rank-pressed-state-light-mode-label-color);--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color:var(--core-emphasis-30-light-mode-color);--button-normal-variant-secondary-rank-pressed-state-light-mode-label-color:var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);--button-normal-variant-tertiary-rank-disabled-state-background-color:var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color);--button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color:var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);--button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color:var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);--button-normal-variant-tertiary-rank-disabled-state-label-color:var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color);--button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color:var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color:var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);--button-normal-variant-tertiary-rank-focus-state-background-color:var(--button-normal-variant-tertiary-rank-focus-state-light-mode-background-color);--button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color:var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);--button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color:var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);--button-normal-variant-tertiary-rank-focus-state-label-color:var(--button-normal-variant-tertiary-rank-focus-state-light-mode-label-color);--button-normal-variant-tertiary-rank-focus-state-light-mode-background-color:var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);--button-normal-variant-tertiary-rank-focus-state-light-mode-label-color:var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);--button-normal-variant-tertiary-rank-hover-state-background-color:var(--button-normal-variant-tertiary-rank-hover-state-light-mode-background-color);--button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color:var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);--button-normal-variant-tertiary-rank-hover-state-label-color:var(--button-normal-variant-tertiary-rank-hover-state-light-mode-label-color);--button-normal-variant-tertiary-rank-hover-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--button-normal-variant-tertiary-rank-hover-state-light-mode-label-color:var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);--button-normal-variant-tertiary-rank-normal-state-background-color:var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color:transparent;--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color:var(--core-emphasis-text-dark-mode-color);--button-normal-variant-tertiary-rank-normal-state-label-color:var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color:transparent;--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color:var(--core-emphasis-text-light-mode-color);--button-normal-variant-tertiary-rank-pressed-state-background-color:var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color);--button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color:var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);--button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color:var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);--button-normal-variant-tertiary-rank-pressed-state-label-color:var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color);--button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color:var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color:var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);--button-regular-horizontal-size-class-sample-token:200px;--button-regular-vertical-size-class-sample-token-2:20px;--button-small-size-content-spacing:var(--core-metrics-spacing-100);--button-small-size-minimum-height:var(--core-small-size-minimum-height);--button-small-size-minimum-width-multiplier:1.75;--button-small-size-primary-rank-horizontal-padding:var(--core-metrics-spacing-200);--button-small-size-primary-rank-vertical-padding:9px;--button-small-size-secondary-rank-horizontal-padding:var(--button-small-size-primary-rank-horizontal-padding);--button-small-size-secondary-rank-vertical-padding:var(--button-small-size-primary-rank-vertical-padding);--button-small-size-tertiary-rank-horizontal-padding:var(--core-metrics-spacing-200);--button-small-size-tertiary-rank-vertical-padding:9px;--button-small-size-text-case:var(--core-type-semibold-20-case);--button-small-size-text-font-family:var(--core-type-semibold-20-font-family);--button-small-size-text-leading:var(--core-type-semibold-20-leading);--button-small-size-text-number-spacing:var(--core-type-semibold-20-number-spacing);--button-small-size-text-scale:var(--core-type-semibold-20-scale);--button-small-size-text-size:var(--core-type-semibold-20-size);--button-small-size-text-tracking:var(--core-type-semibold-20-tracking);--button-small-size-text-weight:var(--core-type-semibold-20-weight);--button-tall-vertical-size-class-sample-token-2:30px;--button-tertiary-rank-underline:1px;--button-wide-horizontal-size-class-sample-token:300px;--calculator-below-display-spacing:var(--core-metrics-spacing-200);--calculator-button-border-radius-size:var(--core-radius-circle);--calculator-button-default-variant-background-disabled-state-color:var(--calculator-button-default-variant-background-disabled-state-light-mode-color);--calculator-button-default-variant-background-disabled-state-dark-mode-color:var(--core-fill-40-dark-mode-color);--calculator-button-default-variant-background-disabled-state-light-mode-color:var(--core-fill-40-light-mode-color);--calculator-button-default-variant-background-normal-state-color:var(--calculator-button-default-variant-background-normal-state-light-mode-color);--calculator-button-default-variant-background-normal-state-dark-mode-color:var(--core-fill-40-dark-mode-color);--calculator-button-default-variant-background-normal-state-light-mode-color:var(--core-fill-40-light-mode-color);--calculator-button-default-variant-background-pressed-state-color:var(--calculator-button-default-variant-background-pressed-state-light-mode-color);--calculator-button-default-variant-background-pressed-state-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--calculator-button-default-variant-background-pressed-state-light-mode-color:var(--core-emphasis-30-light-mode-color);--calculator-button-default-variant-foreground-disabled-state-color:var(--calculator-button-default-variant-foreground-disabled-state-light-mode-color);--calculator-button-default-variant-foreground-disabled-state-dark-mode-color:var(--core-text-30-dark-mode-color);--calculator-button-default-variant-foreground-disabled-state-light-mode-color:var(--core-text-30-light-mode-color);--calculator-button-default-variant-foreground-normal-state-color:var(--calculator-button-default-variant-foreground-normal-state-light-mode-color);--calculator-button-default-variant-foreground-normal-state-dark-mode-color:var(--core-text-10-dark-mode-color);--calculator-button-default-variant-foreground-normal-state-light-mode-color:var(--core-text-10-light-mode-color);--calculator-button-default-variant-foreground-pressed-state-color:var(--calculator-button-default-variant-foreground-pressed-state-light-mode-color);--calculator-button-default-variant-foreground-pressed-state-dark-mode-color:var(--calculator-button-default-variant-foreground-normal-state-dark-mode-color);--calculator-button-default-variant-foreground-pressed-state-light-mode-color:var(--calculator-button-default-variant-foreground-normal-state-light-mode-color);--calculator-button-icon-large-calculator-size:40px;--calculator-button-icon-small-calculator-size:32px;--calculator-button-large-calculator-height:80px;--calculator-button-primary-operator-variant-background-disabled-state-color:var(--calculator-button-primary-operator-variant-background-disabled-state-light-mode-color);--calculator-button-primary-operator-variant-background-disabled-state-dark-mode-color:var(--core-fill-40-dark-mode-color);--calculator-button-primary-operator-variant-background-disabled-state-light-mode-color:var(--core-fill-40-light-mode-color);--calculator-button-primary-operator-variant-background-normal-state-color:var(--calculator-button-primary-operator-variant-background-normal-state-light-mode-color);--calculator-button-primary-operator-variant-background-normal-state-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--calculator-button-primary-operator-variant-background-normal-state-light-mode-color:var(--core-emphasis-fill-light-mode-color);--calculator-button-primary-operator-variant-background-pressed-state-color:var(--calculator-button-primary-operator-variant-background-pressed-state-light-mode-color);--calculator-button-primary-operator-variant-background-pressed-state-dark-mode-color:var(--core-emphasis-10-dark-mode-color);--calculator-button-primary-operator-variant-background-pressed-state-light-mode-color:var(--core-emphasis-10-light-mode-color);--calculator-button-primary-operator-variant-foreground-disabled-state-color:var(--calculator-button-primary-operator-variant-foreground-disabled-state-light-mode-color);--calculator-button-primary-operator-variant-foreground-disabled-state-dark-mode-color:var(--core-text-30-dark-mode-color);--calculator-button-primary-operator-variant-foreground-disabled-state-light-mode-color:var(--core-text-30-light-mode-color);--calculator-button-primary-operator-variant-foreground-normal-state-color:var(--calculator-button-primary-operator-variant-foreground-normal-state-light-mode-color);--calculator-button-primary-operator-variant-foreground-normal-state-dark-mode-color:var(--core-text-inverse-dark-mode-color);--calculator-button-primary-operator-variant-foreground-normal-state-light-mode-color:var(--core-text-inverse-light-mode-color);--calculator-button-primary-operator-variant-foreground-pressed-state-color:var(--calculator-button-primary-operator-variant-foreground-pressed-state-light-mode-color);--calculator-button-primary-operator-variant-foreground-pressed-state-dark-mode-color:var(--calculator-button-primary-operator-variant-foreground-normal-state-dark-mode-color);--calculator-button-primary-operator-variant-foreground-pressed-state-light-mode-color:var(--calculator-button-primary-operator-variant-foreground-normal-state-light-mode-color);--calculator-button-secondary-operator-variant-background-disabled-state-color:var(--calculator-button-secondary-operator-variant-background-disabled-state-light-mode-color);--calculator-button-secondary-operator-variant-background-disabled-state-dark-mode-color:var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);--calculator-button-secondary-operator-variant-background-disabled-state-light-mode-color:var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--calculator-button-secondary-operator-variant-background-normal-state-color:var(--calculator-button-secondary-operator-variant-background-normal-state-light-mode-color);--calculator-button-secondary-operator-variant-background-normal-state-dark-mode-color:var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);--calculator-button-secondary-operator-variant-background-normal-state-light-mode-color:var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--calculator-button-secondary-operator-variant-background-pressed-state-color:var(--calculator-button-secondary-operator-variant-background-pressed-state-light-mode-color);--calculator-button-secondary-operator-variant-background-pressed-state-dark-mode-color:var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);--calculator-button-secondary-operator-variant-background-pressed-state-light-mode-color:var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--calculator-button-secondary-operator-variant-foreground-disabled-state-color:var(--calculator-button-secondary-operator-variant-foreground-disabled-state-light-mode-color);--calculator-button-secondary-operator-variant-foreground-disabled-state-dark-mode-color:var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color);--calculator-button-secondary-operator-variant-foreground-disabled-state-light-mode-color:var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);--calculator-button-secondary-operator-variant-foreground-normal-state-color:var(--calculator-button-secondary-operator-variant-foreground-normal-state-light-mode-color);--calculator-button-secondary-operator-variant-foreground-normal-state-dark-mode-color:var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);--calculator-button-secondary-operator-variant-foreground-normal-state-light-mode-color:var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);--calculator-button-secondary-operator-variant-foreground-pressed-state-color:var(--calculator-button-secondary-operator-variant-foreground-pressed-state-light-mode-color);--calculator-button-secondary-operator-variant-foreground-pressed-state-dark-mode-color:var(--calculator-button-secondary-operator-variant-foreground-normal-state-dark-mode-color);--calculator-button-secondary-operator-variant-foreground-pressed-state-light-mode-color:var(--calculator-button-secondary-operator-variant-foreground-normal-state-light-mode-color);--calculator-button-small-calculator-height:48px;--calculator-button-text-large-calculator-case:var(--core-type-display-10-case);--calculator-button-text-large-calculator-font-family:var(--core-type-display-10-font-family);--calculator-button-text-large-calculator-leading:var(--core-type-display-10-leading);--calculator-button-text-large-calculator-number-spacing:var(--core-type-display-10-number-spacing);--calculator-button-text-large-calculator-scale:var(--core-type-display-10-scale);--calculator-button-text-large-calculator-size:var(--core-type-display-10-size);--calculator-button-text-large-calculator-tracking:var(--core-type-display-10-tracking);--calculator-button-text-large-calculator-weight:var(--core-type-display-10-weight);--calculator-button-text-small-calculator-case:var(--core-type-heading-30-case);--calculator-button-text-small-calculator-font-family:var(--core-type-heading-30-font-family);--calculator-button-text-small-calculator-leading:var(--core-type-heading-30-leading);--calculator-button-text-small-calculator-number-spacing:var(--core-type-heading-30-number-spacing);--calculator-button-text-small-calculator-scale:var(--core-type-heading-30-scale);--calculator-button-text-small-calculator-size:var(--core-type-heading-30-size);--calculator-button-text-small-calculator-tracking:var(--core-type-heading-30-tracking);--calculator-button-text-small-calculator-weight:var(--core-type-heading-30-weight);--calculator-display-border-color:var(--calculator-display-border-light-mode-color);--calculator-display-border-corner-radius:var(--core-radius-forms);--calculator-display-border-dark-mode-color:var(--core-fill-30-dark-mode-color);--calculator-display-border-light-mode-color:var(--core-fill-30-light-mode-color);--calculator-display-border-stroke-width:1px;--calculator-display-large-size-horizontal-padding:20px;--calculator-display-large-size-large-calculator-case:var(--core-type-display-20-case);--calculator-display-large-size-large-calculator-font-family:var(--core-type-display-20-font-family);--calculator-display-large-size-large-calculator-height:136px;--calculator-display-large-size-large-calculator-leading:var(--core-type-display-20-leading);--calculator-display-large-size-large-calculator-number-spacing:var(--core-type-display-20-number-spacing);--calculator-display-large-size-large-calculator-scale:var(--core-type-display-20-scale);--calculator-display-large-size-large-calculator-size:var(--core-type-display-20-size);--calculator-display-large-size-large-calculator-tracking:var(--core-type-display-20-tracking);--calculator-display-large-size-large-calculator-weight:var(--core-type-display-20-weight);--calculator-display-large-size-small-calculator-case:var(--core-type-display-10-case);--calculator-display-large-size-small-calculator-font-family:var(--core-type-display-10-font-family);--calculator-display-large-size-small-calculator-height:80px;--calculator-display-large-size-small-calculator-leading:var(--core-type-display-10-leading);--calculator-display-large-size-small-calculator-number-spacing:var(--core-type-display-10-number-spacing);--calculator-display-large-size-small-calculator-scale:var(--core-type-display-10-scale);--calculator-display-large-size-small-calculator-size:var(--core-type-display-10-size);--calculator-display-large-size-small-calculator-tracking:var(--core-type-display-10-tracking);--calculator-display-large-size-small-calculator-weight:var(--core-type-display-10-weight);--calculator-display-large-size-vertical-padding:20px;--calculator-display-small-size-horizontal-padding:20px;--calculator-display-small-size-large-calculator-case:var(--core-type-display-10-case);--calculator-display-small-size-large-calculator-font-family:var(--core-type-display-10-font-family);--calculator-display-small-size-large-calculator-height:80px;--calculator-display-small-size-large-calculator-leading:var(--core-type-display-10-leading);--calculator-display-small-size-large-calculator-number-spacing:var(--core-type-display-10-number-spacing);--calculator-display-small-size-large-calculator-scale:var(--core-type-display-10-scale);--calculator-display-small-size-large-calculator-size:var(--core-type-display-10-size);--calculator-display-small-size-large-calculator-tracking:var(--core-type-display-10-tracking);--calculator-display-small-size-large-calculator-weight:var(--core-type-display-10-weight);--calculator-display-small-size-small-calculator-case:var(--core-type-heading-30-case);--calculator-display-small-size-small-calculator-font-family:var(--core-type-heading-30-font-family);--calculator-display-small-size-small-calculator-height:48px;--calculator-display-small-size-small-calculator-leading:var(--core-type-heading-30-leading);--calculator-display-small-size-small-calculator-number-spacing:var(--core-type-heading-30-number-spacing);--calculator-display-small-size-small-calculator-scale:var(--core-type-heading-30-scale);--calculator-display-small-size-small-calculator-size:var(--core-type-heading-30-size);--calculator-display-small-size-small-calculator-tracking:var(--core-type-heading-30-tracking);--calculator-display-small-size-small-calculator-weight:var(--core-type-heading-30-weight);--calculator-display-small-size-vertical-padding:0px;--calculator-display-text-color:var(--calculator-display-text-light-mode-color);--calculator-display-text-dark-mode-color:var(--core-text-10-dark-mode-color);--calculator-display-text-light-mode-color:var(--core-text-10-light-mode-color);--calculator-inter-button-horizontal-spacing:var(--core-metrics-spacing-200);--calculator-inter-button-vertical-spacing:var(--core-metrics-spacing-200);--carousel-content-compact-horizontal-size-class-page-spacing:var(--core-metrics-spacing-100);--carousel-content-regular-horizontal-size-class-page-spacing:var(--core-metrics-spacing-200);--carousel-content-wide-horizontal-size-class-page-spacing:var(--core-metrics-spacing-200);--carousel-control-bar-vertical-padding:var(--core-metrics-spacing-100);--checkbox-border-radius:var(--core-radius-66);--checkbox-border-size:var(--core-border-20);--checkbox-dark-mode-focus-ring-color:var(--core-focus-ring-dark-mode-color);--checkbox-disabled-state-invalid-validity-checked-value-background-color:var(--checkbox-disabled-state-invalid-validity-checked-value-light-mode-background-color);--checkbox-disabled-state-invalid-validity-checked-value-border-color:var(--checkbox-disabled-state-invalid-validity-checked-value-light-mode-border-color);--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-background-color:var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-background-color);--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-border-color:var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-border-color);--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-icon-color:var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-icon-color);--checkbox-disabled-state-invalid-validity-checked-value-icon-color:var(--checkbox-disabled-state-invalid-validity-checked-value-light-mode-icon-color);--checkbox-disabled-state-invalid-validity-checked-value-light-mode-background-color:var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-background-color);--checkbox-disabled-state-invalid-validity-checked-value-light-mode-border-color:var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-border-color);--checkbox-disabled-state-invalid-validity-checked-value-light-mode-icon-color:var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-icon-color);--checkbox-disabled-state-invalid-validity-indeterminate-value-background-color:var(--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-background-color);--checkbox-disabled-state-invalid-validity-indeterminate-value-border-color:var(--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-border-color);--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-background-color:var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-background-color);--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-border-color:var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-border-color);--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-icon-color:var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-icon-color);--checkbox-disabled-state-invalid-validity-indeterminate-value-icon-color:var(--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-icon-color);--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-background-color:var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-background-color);--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-border-color:var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-border-color);--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-icon-color:var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-icon-color);--checkbox-disabled-state-invalid-validity-unchecked-value-background-color:var(--checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-background-color);--checkbox-disabled-state-invalid-validity-unchecked-value-border-color:var(--checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-border-color);--checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-background-color:var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-background-color);--checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-border-color:var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-border-color);--checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-background-color:var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-background-color);--checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-border-color:var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-border-color);--checkbox-disabled-state-normal-validity-checked-value-background-color:var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-background-color);--checkbox-disabled-state-normal-validity-checked-value-border-color:var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-border-color);--checkbox-disabled-state-normal-validity-checked-value-dark-mode-background-color:var(--core-fill-20-dark-mode-color);--checkbox-disabled-state-normal-validity-checked-value-dark-mode-border-color:transparent;--checkbox-disabled-state-normal-validity-checked-value-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--checkbox-disabled-state-normal-validity-checked-value-icon-color:var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-icon-color);--checkbox-disabled-state-normal-validity-checked-value-light-mode-background-color:var(--core-fill-20-light-mode-color);--checkbox-disabled-state-normal-validity-checked-value-light-mode-border-color:transparent;--checkbox-disabled-state-normal-validity-checked-value-light-mode-icon-color:var(--core-fill-white-light-mode-color);--checkbox-disabled-state-normal-validity-indeterminate-value-background-color:var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-background-color);--checkbox-disabled-state-normal-validity-indeterminate-value-border-color:var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-border-color);--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-background-color:transparent;--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-border-color:var(--core-fill-50-dark-mode-color);--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-icon-color:var(--core-fill-20-dark-mode-color);--checkbox-disabled-state-normal-validity-indeterminate-value-icon-color:var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-icon-color);--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-background-color:transparent;--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-border-color:var(--core-fill-50-light-mode-color);--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-icon-color:var(--core-fill-20-light-mode-color);--checkbox-disabled-state-normal-validity-unchecked-value-background-color:var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-background-color);--checkbox-disabled-state-normal-validity-unchecked-value-border-color:var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-border-color);--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-background-color:var(--core-fill-50-dark-mode-color);--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-border-color:var(--core-fill-30-dark-mode-color);--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-background-color:var(--core-fill-50-light-mode-color);--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-border-color:var(--core-fill-30-light-mode-color);--checkbox-focus-ring-border-size:var(--core-focus-ring-border-size);--checkbox-focus-ring-buffer-size:var(--core-focus-ring-buffer-size);--checkbox-focus-ring-color:var(--checkbox-light-mode-focus-ring-color);--checkbox-focus-state-invalid-validity-checked-value-background-color:var(--checkbox-focus-state-invalid-validity-checked-value-light-mode-background-color);--checkbox-focus-state-invalid-validity-checked-value-border-color:var(--checkbox-focus-state-invalid-validity-checked-value-light-mode-border-color);--checkbox-focus-state-invalid-validity-checked-value-dark-mode-background-color:var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-background-color);--checkbox-focus-state-invalid-validity-checked-value-dark-mode-border-color:var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-border-color);--checkbox-focus-state-invalid-validity-checked-value-dark-mode-icon-color:var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-icon-color);--checkbox-focus-state-invalid-validity-checked-value-icon-color:var(--checkbox-focus-state-invalid-validity-checked-value-light-mode-icon-color);--checkbox-focus-state-invalid-validity-checked-value-light-mode-background-color:var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-background-color);--checkbox-focus-state-invalid-validity-checked-value-light-mode-border-color:var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-border-color);--checkbox-focus-state-invalid-validity-checked-value-light-mode-icon-color:var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-icon-color);--checkbox-focus-state-invalid-validity-indeterminate-value-background-color:var(--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-background-color);--checkbox-focus-state-invalid-validity-indeterminate-value-border-color:var(--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-border-color);--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-background-color:var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-background-color);--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-border-color:var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-border-color);--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-icon-color:var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-icon-color);--checkbox-focus-state-invalid-validity-indeterminate-value-icon-color:var(--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-icon-color);--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-background-color:var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-background-color);--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-border-color:var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-border-color);--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-icon-color:var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-icon-color);--checkbox-focus-state-invalid-validity-unchecked-value-background-color:var(--checkbox-focus-state-invalid-validity-unchecked-value-light-mode-background-color);--checkbox-focus-state-invalid-validity-unchecked-value-border-color:var(--checkbox-focus-state-invalid-validity-unchecked-value-light-mode-border-color);--checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-background-color:var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-background-color);--checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-border-color:var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-border-color);--checkbox-focus-state-invalid-validity-unchecked-value-light-mode-background-color:var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-background-color);--checkbox-focus-state-invalid-validity-unchecked-value-light-mode-border-color:var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-border-color);--checkbox-focus-state-normal-validity-checked-value-background-color:var(--checkbox-focus-state-normal-validity-checked-value-light-mode-background-color);--checkbox-focus-state-normal-validity-checked-value-border-color:var(--checkbox-focus-state-normal-validity-checked-value-light-mode-border-color);--checkbox-focus-state-normal-validity-checked-value-dark-mode-background-color:var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-background-color);--checkbox-focus-state-normal-validity-checked-value-dark-mode-border-color:var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-border-color);--checkbox-focus-state-normal-validity-checked-value-dark-mode-icon-color:var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-icon-color);--checkbox-focus-state-normal-validity-checked-value-icon-color:var(--checkbox-focus-state-normal-validity-checked-value-light-mode-icon-color);--checkbox-focus-state-normal-validity-checked-value-light-mode-background-color:var(--checkbox-hover-state-normal-validity-checked-value-light-mode-background-color);--checkbox-focus-state-normal-validity-checked-value-light-mode-border-color:var(--checkbox-hover-state-normal-validity-checked-value-light-mode-border-color);--checkbox-focus-state-normal-validity-checked-value-light-mode-icon-color:var(--checkbox-hover-state-normal-validity-checked-value-light-mode-icon-color);--checkbox-focus-state-normal-validity-indeterminate-value-background-color:var(--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-background-color);--checkbox-focus-state-normal-validity-indeterminate-value-border-color:var(--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-border-color);--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-background-color:var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-background-color);--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-border-color:var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-border-color);--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-icon-color:var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-icon-color);--checkbox-focus-state-normal-validity-indeterminate-value-icon-color:var(--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-icon-color);--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-background-color:var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-background-color);--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-border-color:var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-border-color);--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-icon-color:var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-icon-color);--checkbox-focus-state-normal-validity-unchecked-value-background-color:var(--checkbox-focus-state-normal-validity-unchecked-value-light-mode-background-color);--checkbox-focus-state-normal-validity-unchecked-value-border-color:var(--checkbox-focus-state-normal-validity-unchecked-value-light-mode-border-color);--checkbox-focus-state-normal-validity-unchecked-value-dark-mode-background-color:var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-background-color);--checkbox-focus-state-normal-validity-unchecked-value-dark-mode-border-color:var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-border-color);--checkbox-focus-state-normal-validity-unchecked-value-light-mode-background-color:var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-background-color);--checkbox-focus-state-normal-validity-unchecked-value-light-mode-border-color:var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-border-color);--checkbox-height:var(--checkbox-width);--checkbox-hover-state-invalid-validity-checked-value-background-color:var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-background-color);--checkbox-hover-state-invalid-validity-checked-value-border-color:var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-border-color);--checkbox-hover-state-invalid-validity-checked-value-dark-mode-background-color:var(--core-critical-20-dark-mode-color);--checkbox-hover-state-invalid-validity-checked-value-dark-mode-border-color:transparent;--checkbox-hover-state-invalid-validity-checked-value-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--checkbox-hover-state-invalid-validity-checked-value-icon-color:var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-icon-color);--checkbox-hover-state-invalid-validity-checked-value-light-mode-background-color:var(--core-critical-20-light-mode-color);--checkbox-hover-state-invalid-validity-checked-value-light-mode-border-color:transparent;--checkbox-hover-state-invalid-validity-checked-value-light-mode-icon-color:var(--core-fill-white-light-mode-color);--checkbox-hover-state-invalid-validity-indeterminate-value-background-color:var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-background-color);--checkbox-hover-state-invalid-validity-indeterminate-value-border-color:var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-border-color);--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-background-color:transparent;--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-border-color:var(--core-critical-20-dark-mode-color);--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-icon-color:var(--core-critical-20-dark-mode-color);--checkbox-hover-state-invalid-validity-indeterminate-value-icon-color:var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-icon-color);--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-background-color:transparent;--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-border-color:var(--core-critical-20-light-mode-color);--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-icon-color:var(--core-critical-20-light-mode-color);--checkbox-hover-state-invalid-validity-unchecked-value-background-color:var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-background-color);--checkbox-hover-state-invalid-validity-unchecked-value-border-color:var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-border-color);--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-background-color:transparent;--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-border-color:var(--core-critical-20-dark-mode-color);--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-background-color:transparent;--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-border-color:var(--core-critical-20-light-mode-color);--checkbox-hover-state-normal-validity-checked-value-background-color:var(--checkbox-hover-state-normal-validity-checked-value-light-mode-background-color);--checkbox-hover-state-normal-validity-checked-value-border-color:var(--checkbox-hover-state-normal-validity-checked-value-light-mode-border-color);--checkbox-hover-state-normal-validity-checked-value-dark-mode-background-color:var(--core-emphasis-20-dark-mode-color);--checkbox-hover-state-normal-validity-checked-value-dark-mode-border-color:transparent;--checkbox-hover-state-normal-validity-checked-value-dark-mode-icon-color:var(--core-text-inverse-dark-mode-color);--checkbox-hover-state-normal-validity-checked-value-icon-color:var(--checkbox-hover-state-normal-validity-checked-value-light-mode-icon-color);--checkbox-hover-state-normal-validity-checked-value-light-mode-background-color:var(--core-emphasis-20-light-mode-color);--checkbox-hover-state-normal-validity-checked-value-light-mode-border-color:transparent;--checkbox-hover-state-normal-validity-checked-value-light-mode-icon-color:var(--core-text-inverse-light-mode-color);--checkbox-hover-state-normal-validity-indeterminate-value-background-color:var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-background-color);--checkbox-hover-state-normal-validity-indeterminate-value-border-color:var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-border-color);--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-background-color:var(--core-fill-50-dark-mode-color);--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-border-color:var(--core-emphasis-10-dark-mode-color);--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-icon-color:var(--core-emphasis-10-dark-mode-color);--checkbox-hover-state-normal-validity-indeterminate-value-icon-color:var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-icon-color);--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-background-color:var(--core-fill-50-light-mode-color);--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-border-color:var(--core-emphasis-10-light-mode-color);--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-icon-color:var(--core-emphasis-10-light-mode-color);--checkbox-hover-state-normal-validity-unchecked-value-background-color:var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-background-color);--checkbox-hover-state-normal-validity-unchecked-value-border-color:var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-border-color);--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-background-color:var(--core-fill-50-dark-mode-color);--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-border-color:var(--core-emphasis-10-dark-mode-color);--checkbox-hover-state-normal-validity-unchecked-value-light-mode-background-color:var(--core-fill-50-light-mode-color);--checkbox-hover-state-normal-validity-unchecked-value-light-mode-border-color:var(--core-emphasis-10-light-mode-color);--checkbox-light-mode-focus-ring-color:var(--core-focus-ring-light-mode-color);--checkbox-normal-state-invalid-validity-checked-value-background-color:var(--checkbox-normal-state-invalid-validity-checked-value-light-mode-background-color);--checkbox-normal-state-invalid-validity-checked-value-border-color:var(--checkbox-normal-state-invalid-validity-checked-value-light-mode-border-color);--checkbox-normal-state-invalid-validity-checked-value-dark-mode-background-color:var(--core-critical-fill-dark-mode-color);--checkbox-normal-state-invalid-validity-checked-value-dark-mode-border-color:transparent;--checkbox-normal-state-invalid-validity-checked-value-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--checkbox-normal-state-invalid-validity-checked-value-icon-color:var(--checkbox-normal-state-invalid-validity-checked-value-light-mode-icon-color);--checkbox-normal-state-invalid-validity-checked-value-light-mode-background-color:var(--core-critical-fill-light-mode-color);--checkbox-normal-state-invalid-validity-checked-value-light-mode-border-color:transparent;--checkbox-normal-state-invalid-validity-checked-value-light-mode-icon-color:var(--core-fill-white-light-mode-color);--checkbox-normal-state-invalid-validity-indeterminate-value-background-color:var(--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-background-color);--checkbox-normal-state-invalid-validity-indeterminate-value-border-color:var(--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-border-color);--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-background-color:transparent;--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-border-color:var(--core-critical-fill-dark-mode-color);--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-icon-color:var(--core-critical-fill-dark-mode-color);--checkbox-normal-state-invalid-validity-indeterminate-value-icon-color:var(--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-icon-color);--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-background-color:transparent;--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-border-color:var(--core-critical-fill-light-mode-color);--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-icon-color:var(--core-critical-fill-light-mode-color);--checkbox-normal-state-invalid-validity-unchecked-value-background-color:var(--checkbox-normal-state-invalid-validity-unchecked-value-light-mode-background-color);--checkbox-normal-state-invalid-validity-unchecked-value-border-color:var(--checkbox-normal-state-invalid-validity-unchecked-value-light-mode-border-color);--checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-background-color:transparent;--checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-border-color:var(--core-critical-fill-dark-mode-color);--checkbox-normal-state-invalid-validity-unchecked-value-light-mode-background-color:transparent;--checkbox-normal-state-invalid-validity-unchecked-value-light-mode-border-color:var(--core-critical-fill-light-mode-color);--checkbox-normal-state-normal-validity-checked-value-background-color:var(--checkbox-normal-state-normal-validity-checked-value-light-mode-background-color);--checkbox-normal-state-normal-validity-checked-value-border-color:var(--checkbox-normal-state-normal-validity-checked-value-light-mode-border-color);--checkbox-normal-state-normal-validity-checked-value-dark-mode-background-color:var(--core-emphasis-fill-dark-mode-color);--checkbox-normal-state-normal-validity-checked-value-dark-mode-border-color:transparent;--checkbox-normal-state-normal-validity-checked-value-dark-mode-icon-color:var(--core-text-inverse-dark-mode-color);--checkbox-normal-state-normal-validity-checked-value-icon-color:var(--checkbox-normal-state-normal-validity-checked-value-light-mode-icon-color);--checkbox-normal-state-normal-validity-checked-value-light-mode-background-color:var(--core-emphasis-fill-light-mode-color);--checkbox-normal-state-normal-validity-checked-value-light-mode-border-color:transparent;--checkbox-normal-state-normal-validity-checked-value-light-mode-icon-color:var(--core-text-inverse-light-mode-color);--checkbox-normal-state-normal-validity-indeterminate-value-background-color:var(--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-background-color);--checkbox-normal-state-normal-validity-indeterminate-value-border-color:var(--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-border-color);--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-background-color:transparent;--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-border-color:var(--core-fill-20-dark-mode-color);--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-icon-color:var(--core-emphasis-fill-dark-mode-color);--checkbox-normal-state-normal-validity-indeterminate-value-icon-color:var(--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-icon-color);--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-background-color:transparent;--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-border-color:var(--core-fill-20-light-mode-color);--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-icon-color:var(--core-emphasis-fill-light-mode-color);--checkbox-normal-state-normal-validity-unchecked-value-background-color:var(--checkbox-normal-state-normal-validity-unchecked-value-light-mode-background-color);--checkbox-normal-state-normal-validity-unchecked-value-border-color:var(--checkbox-normal-state-normal-validity-unchecked-value-light-mode-border-color);--checkbox-normal-state-normal-validity-unchecked-value-dark-mode-background-color:transparent;--checkbox-normal-state-normal-validity-unchecked-value-dark-mode-border-color:var(--core-fill-20-dark-mode-color);--checkbox-normal-state-normal-validity-unchecked-value-light-mode-background-color:transparent;--checkbox-normal-state-normal-validity-unchecked-value-light-mode-border-color:var(--core-fill-20-light-mode-color);--checkbox-pressed-state-invalid-validity-checked-value-background-color:var(--checkbox-pressed-state-invalid-validity-checked-value-light-mode-background-color);--checkbox-pressed-state-invalid-validity-checked-value-border-color:var(--checkbox-pressed-state-invalid-validity-checked-value-light-mode-border-color);--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-background-color:var(--core-critical-10-dark-mode-color);--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-border-color:transparent;--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--checkbox-pressed-state-invalid-validity-checked-value-icon-color:var(--checkbox-pressed-state-invalid-validity-checked-value-light-mode-icon-color);--checkbox-pressed-state-invalid-validity-checked-value-light-mode-background-color:var(--core-critical-10-light-mode-color);--checkbox-pressed-state-invalid-validity-checked-value-light-mode-border-color:transparent;--checkbox-pressed-state-invalid-validity-checked-value-light-mode-icon-color:var(--core-fill-white-light-mode-color);--checkbox-pressed-state-invalid-validity-indeterminate-value-background-color:var(--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-background-color);--checkbox-pressed-state-invalid-validity-indeterminate-value-border-color:var(--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-border-color);--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-background-color:transparent;--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-border-color:var(--core-critical-10-dark-mode-color);--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-icon-color:var(--core-critical-10-dark-mode-color);--checkbox-pressed-state-invalid-validity-indeterminate-value-icon-color:var(--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-icon-color);--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-background-color:transparent;--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-border-color:var(--core-critical-10-light-mode-color);--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-icon-color:var(--core-critical-10-light-mode-color);--checkbox-pressed-state-invalid-validity-unchecked-value-background-color:var(--checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-background-color);--checkbox-pressed-state-invalid-validity-unchecked-value-border-color:var(--checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-border-color);--checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-background-color:transparent;--checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-border-color:var(--core-critical-10-dark-mode-color);--checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-background-color:transparent;--checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-border-color:var(--core-critical-10-light-mode-color);--checkbox-pressed-state-normal-validity-checked-value-background-color:var(--checkbox-pressed-state-normal-validity-checked-value-light-mode-background-color);--checkbox-pressed-state-normal-validity-checked-value-border-color:var(--checkbox-pressed-state-normal-validity-checked-value-light-mode-border-color);--checkbox-pressed-state-normal-validity-checked-value-dark-mode-background-color:var(--core-emphasis-10-dark-mode-color);--checkbox-pressed-state-normal-validity-checked-value-dark-mode-border-color:transparent;--checkbox-pressed-state-normal-validity-checked-value-dark-mode-icon-color:var(--core-text-inverse-dark-mode-color);--checkbox-pressed-state-normal-validity-checked-value-icon-color:var(--checkbox-pressed-state-normal-validity-checked-value-light-mode-icon-color);--checkbox-pressed-state-normal-validity-checked-value-light-mode-background-color:var(--core-emphasis-10-light-mode-color);--checkbox-pressed-state-normal-validity-checked-value-light-mode-border-color:transparent;--checkbox-pressed-state-normal-validity-checked-value-light-mode-icon-color:var(--core-text-inverse-light-mode-color);--checkbox-pressed-state-normal-validity-indeterminate-value-background-color:var(--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-background-color);--checkbox-pressed-state-normal-validity-indeterminate-value-border-color:var(--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-border-color);--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-background-color:transparent;--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-border-color:var(--core-emphasis-fill-dark-mode-color);--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-icon-color:var(--core-emphasis-fill-dark-mode-color);--checkbox-pressed-state-normal-validity-indeterminate-value-icon-color:var(--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-icon-color);--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-background-color:transparent;--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-border-color:var(--core-emphasis-fill-light-mode-color);--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-icon-color:var(--core-emphasis-fill-light-mode-color);--checkbox-pressed-state-normal-validity-unchecked-value-background-color:var(--checkbox-pressed-state-normal-validity-unchecked-value-light-mode-background-color);--checkbox-pressed-state-normal-validity-unchecked-value-border-color:var(--checkbox-pressed-state-normal-validity-unchecked-value-light-mode-border-color);--checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-background-color:transparent;--checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-border-color:var(--core-emphasis-fill-dark-mode-color);--checkbox-pressed-state-normal-validity-unchecked-value-light-mode-background-color:transparent;--checkbox-pressed-state-normal-validity-unchecked-value-light-mode-border-color:var(--core-emphasis-fill-light-mode-color);--checkbox-width:var(--core-control-size-width);--choice-button-border-radius:var(--core-radius-200);--choice-button-dark-mode-focus-ring-color:var(--core-focus-ring-dark-mode-color);--choice-button-focus-ring-border-size:var(--core-focus-ring-border-size);--choice-button-focus-ring-buffer-size:var(--core-focus-ring-buffer-size);--choice-button-focus-ring-color:var(--choice-button-light-mode-focus-ring-color);--choice-button-large-size-content-spacing:var(--core-metrics-spacing-100);--choice-button-large-size-horizontal-padding:var(--core-metrics-spacing-250);--choice-button-large-size-minimum-height:var(--core-large-size-minimum-height);--choice-button-large-size-text-primary-case:var(--core-type-semibold-30-case);--choice-button-large-size-text-primary-font-family:var(--core-type-semibold-30-font-family);--choice-button-large-size-text-primary-leading:var(--core-type-semibold-30-leading);--choice-button-large-size-text-primary-number-spacing:var(--core-type-semibold-30-number-spacing);--choice-button-large-size-text-primary-scale:var(--core-type-semibold-30-scale);--choice-button-large-size-text-primary-size:var(--core-type-semibold-30-size);--choice-button-large-size-text-primary-tracking:var(--core-type-semibold-30-tracking);--choice-button-large-size-text-primary-weight:var(--core-type-semibold-30-weight);--choice-button-large-size-text-secondary-case:var(--core-type-paragraph-30-case);--choice-button-large-size-text-secondary-font-family:var(--core-type-paragraph-30-font-family);--choice-button-large-size-text-secondary-leading:var(--core-type-paragraph-30-leading);--choice-button-large-size-text-secondary-number-spacing:var(--core-type-paragraph-30-number-spacing);--choice-button-large-size-text-secondary-scale:var(--core-type-paragraph-30-scale);--choice-button-large-size-text-secondary-size:var(--core-type-paragraph-30-size);--choice-button-large-size-text-secondary-tracking:var(--core-type-paragraph-30-tracking);--choice-button-large-size-text-secondary-weight:var(--core-type-paragraph-30-weight);--choice-button-large-size-vertical-padding:var(--core-metrics-spacing-250);--choice-button-light-mode-focus-ring-color:var(--core-focus-ring-light-mode-color);--choice-button-medium-size-content-spacing:var(--core-metrics-spacing-100);--choice-button-medium-size-horizontal-padding:var(--core-metrics-spacing-200);--choice-button-medium-size-minimum-height:var(--core-medium-size-minimum-height);--choice-button-medium-size-text-primary-case:var(--core-type-semibold-30-case);--choice-button-medium-size-text-primary-font-family:var(--core-type-semibold-30-font-family);--choice-button-medium-size-text-primary-leading:var(--core-type-semibold-30-leading);--choice-button-medium-size-text-primary-number-spacing:var(--core-type-semibold-30-number-spacing);--choice-button-medium-size-text-primary-scale:var(--core-type-semibold-30-scale);--choice-button-medium-size-text-primary-size:var(--core-type-semibold-30-size);--choice-button-medium-size-text-primary-tracking:var(--core-type-semibold-30-tracking);--choice-button-medium-size-text-primary-weight:var(--core-type-semibold-30-weight);--choice-button-medium-size-text-secondary-case:var(--core-type-paragraph-30-case);--choice-button-medium-size-text-secondary-font-family:var(--core-type-paragraph-30-font-family);--choice-button-medium-size-text-secondary-leading:var(--core-type-paragraph-30-leading);--choice-button-medium-size-text-secondary-number-spacing:var(--core-type-paragraph-30-number-spacing);--choice-button-medium-size-text-secondary-scale:var(--core-type-paragraph-30-scale);--choice-button-medium-size-text-secondary-size:var(--core-type-paragraph-30-size);--choice-button-medium-size-text-secondary-tracking:var(--core-type-paragraph-30-tracking);--choice-button-medium-size-text-secondary-weight:var(--core-type-paragraph-30-weight);--choice-button-medium-size-vertical-padding:var(--core-metrics-spacing-150);--choice-button-minimum-width-multipler:var(--choice-button-minimum-width-multiplier);--choice-button-minimum-width-multiplier:1.5;--choice-button-selected-value-disabled-state-background-color:var(--choice-button-selected-value-disabled-state-light-mode-background-color);--choice-button-selected-value-disabled-state-dark-mode-background-color:var(--core-fill-30-dark-mode-color);--choice-button-selected-value-disabled-state-dark-mode-label-color:var(--core-text-inverse-dark-mode-color);--choice-button-selected-value-disabled-state-label-color:var(--choice-button-selected-value-disabled-state-light-mode-label-color);--choice-button-selected-value-disabled-state-light-mode-background-color:var(--core-fill-30-light-mode-color);--choice-button-selected-value-disabled-state-light-mode-label-color:var(--core-text-inverse-light-mode-color);--choice-button-selected-value-hover-state-background-color:var(--choice-button-selected-value-hover-state-light-mode-background-color);--choice-button-selected-value-hover-state-dark-mode-background-color:var(--core-emphasis-20-dark-mode-color);--choice-button-selected-value-hover-state-dark-mode-label-color:var(--core-text-inverse-dark-mode-color);--choice-button-selected-value-hover-state-label-color:var(--choice-button-selected-value-hover-state-light-mode-label-color);--choice-button-selected-value-hover-state-light-mode-background-color:var(--core-emphasis-20-light-mode-color);--choice-button-selected-value-hover-state-light-mode-label-color:var(--core-text-inverse-light-mode-color);--choice-button-selected-value-normal-state-background-color:var(--choice-button-selected-value-normal-state-light-mode-background-color);--choice-button-selected-value-normal-state-dark-mode-background-color:var(--core-fill-10-dark-mode-color);--choice-button-selected-value-normal-state-dark-mode-label-color:var(--core-text-inverse-dark-mode-color);--choice-button-selected-value-normal-state-label-color:var(--choice-button-selected-value-normal-state-light-mode-label-color);--choice-button-selected-value-normal-state-light-mode-background-color:var(--core-fill-10-light-mode-color);--choice-button-selected-value-normal-state-light-mode-label-color:var(--core-text-inverse-light-mode-color);--choice-button-selected-value-pressed-state-background-color:var(--choice-button-selected-value-pressed-state-light-mode-background-color);--choice-button-selected-value-pressed-state-dark-mode-background-color:#CCCCCC;--choice-button-selected-value-pressed-state-dark-mode-label-color:var(--core-text-inverse-dark-mode-color);--choice-button-selected-value-pressed-state-label-color:var(--choice-button-selected-value-pressed-state-light-mode-label-color);--choice-button-selected-value-pressed-state-light-mode-background-color:var(--core-emphasis-10-light-mode-color);--choice-button-selected-value-pressed-state-light-mode-label-color:var(--core-text-inverse-light-mode-color);--choice-button-small-size-content-spacing:var(--core-metrics-spacing-100);--choice-button-small-size-horizontal-padding:var(--core-metrics-spacing-150);--choice-button-small-size-minimum-height:var(--core-small-size-minimum-height);--choice-button-small-size-text-primary-case:var(--core-type-semibold-20-case);--choice-button-small-size-text-primary-font-family:var(--core-type-semibold-20-font-family);--choice-button-small-size-text-primary-leading:var(--core-type-semibold-20-leading);--choice-button-small-size-text-primary-number-spacing:var(--core-type-semibold-20-number-spacing);--choice-button-small-size-text-primary-scale:var(--core-type-semibold-20-scale);--choice-button-small-size-text-primary-size:var(--core-type-semibold-20-size);--choice-button-small-size-text-primary-tracking:var(--core-type-semibold-20-tracking);--choice-button-small-size-text-primary-weight:var(--core-type-semibold-20-weight);--choice-button-small-size-text-secondary-case:var(--core-type-paragraph-20-case);--choice-button-small-size-text-secondary-font-family:var(--core-type-paragraph-20-font-family);--choice-button-small-size-text-secondary-leading:var(--core-type-paragraph-20-leading);--choice-button-small-size-text-secondary-number-spacing:var(--core-type-paragraph-20-number-spacing);--choice-button-small-size-text-secondary-scale:var(--core-type-paragraph-20-scale);--choice-button-small-size-text-secondary-size:var(--core-type-paragraph-20-size);--choice-button-small-size-text-secondary-tracking:var(--core-type-paragraph-20-tracking);--choice-button-small-size-text-secondary-weight:var(--core-type-paragraph-20-weight);--choice-button-small-size-vertical-padding:var(--core-metrics-spacing-100);--choice-button-unselected-value-disabled-state-background-color:var(--choice-button-unselected-value-disabled-state-light-mode-background-color);--choice-button-unselected-value-disabled-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--choice-button-unselected-value-disabled-state-dark-mode-label-color:var(--core-text-30-dark-mode-color);--choice-button-unselected-value-disabled-state-label-color:var(--choice-button-unselected-value-disabled-state-light-mode-label-color);--choice-button-unselected-value-disabled-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--choice-button-unselected-value-disabled-state-light-mode-label-color:var(--core-text-30-light-mode-color);--choice-button-unselected-value-hover-state-background-color:var(--choice-button-unselected-value-hover-state-light-mode-background-color);--choice-button-unselected-value-hover-state-dark-mode-background-color:var(--core-emphasis-30-dark-mode-color);--choice-button-unselected-value-hover-state-dark-mode-label-color:var(--core-text-10-dark-mode-color);--choice-button-unselected-value-hover-state-label-color:var(--choice-button-unselected-value-hover-state-light-mode-label-color);--choice-button-unselected-value-hover-state-light-mode-background-color:var(--core-emphasis-40-light-mode-color);--choice-button-unselected-value-hover-state-light-mode-label-color:var(--core-text-10-light-mode-color);--choice-button-unselected-value-normal-state-background-color:var(--choice-button-unselected-value-normal-state-light-mode-background-color);--choice-button-unselected-value-normal-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--choice-button-unselected-value-normal-state-dark-mode-label-color:var(--core-text-10-dark-mode-color);--choice-button-unselected-value-normal-state-label-color:var(--choice-button-unselected-value-normal-state-light-mode-label-color);--choice-button-unselected-value-normal-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--choice-button-unselected-value-normal-state-light-mode-label-color:var(--core-text-10-light-mode-color);--choice-button-unselected-value-pressed-state-background-color:var(--choice-button-unselected-value-pressed-state-light-mode-background-color);--choice-button-unselected-value-pressed-state-dark-mode-background-color:var(--core-emphasis-20-dark-mode-color);--choice-button-unselected-value-pressed-state-dark-mode-label-color:var(--core-text-10-dark-mode-color);--choice-button-unselected-value-pressed-state-label-color:var(--choice-button-unselected-value-pressed-state-light-mode-label-color);--choice-button-unselected-value-pressed-state-light-mode-background-color:var(--core-emphasis-30-light-mode-color);--choice-button-unselected-value-pressed-state-light-mode-label-color:var(--core-text-10-light-mode-color);--choice-icon-button-border-radius:var(--core-radius-200);--choice-icon-button-dark-mode-focus-ring-color:var(--core-focus-ring-dark-mode-color);--choice-icon-button-focus-ring-border-size:var(--core-focus-ring-border-size);--choice-icon-button-focus-ring-buffer-size:var(--core-focus-ring-buffer-size);--choice-icon-button-focus-ring-color:var(--choice-icon-button-light-mode-focus-ring-color);--choice-icon-button-large-size-horizontal-padding:var(--core-metrics-spacing-200);--choice-icon-button-large-size-minimum-height:var(--core-large-size-minimum-height);--choice-icon-button-large-size-vertical-padding:var(--core-metrics-spacing-200);--choice-icon-button-light-mode-focus-ring-color:var(--core-focus-ring-light-mode-color);--choice-icon-button-medium-size-horizontal-padding:var(--core-metrics-spacing-150);--choice-icon-button-medium-size-minimum-height:var(--core-medium-size-minimum-height);--choice-icon-button-medium-size-vertical-padding:var(--core-metrics-spacing-150);--choice-icon-button-minimum-width-multipler:var(--choice-icon-button-minimum-width-multiplier);--choice-icon-button-minimum-width-multiplier:1;--choice-icon-button-selected-value-disabled-state-background-color:var(--choice-icon-button-selected-value-disabled-state-light-mode-background-color);--choice-icon-button-selected-value-disabled-state-dark-mode-background-color:var(--core-fill-30-dark-mode-color);--choice-icon-button-selected-value-disabled-state-dark-mode-icon-color:var(--core-text-inverse-dark-mode-color);--choice-icon-button-selected-value-disabled-state-icon-color:var(--choice-icon-button-selected-value-disabled-state-light-mode-icon-color);--choice-icon-button-selected-value-disabled-state-light-mode-background-color:var(--core-fill-30-light-mode-color);--choice-icon-button-selected-value-disabled-state-light-mode-icon-color:var(--core-text-inverse-light-mode-color);--choice-icon-button-selected-value-hover-state-background-color:var(--choice-icon-button-selected-value-hover-state-light-mode-background-color);--choice-icon-button-selected-value-hover-state-dark-mode-background-color:var(--core-emphasis-20-dark-mode-color);--choice-icon-button-selected-value-hover-state-dark-mode-icon-color:var(--core-text-inverse-dark-mode-color);--choice-icon-button-selected-value-hover-state-icon-color:var(--choice-icon-button-selected-value-hover-state-light-mode-icon-color);--choice-icon-button-selected-value-hover-state-light-mode-background-color:var(--core-emphasis-20-light-mode-color);--choice-icon-button-selected-value-hover-state-light-mode-icon-color:var(--core-text-inverse-light-mode-color);--choice-icon-button-selected-value-normal-state-background-color:var(--choice-icon-button-selected-value-normal-state-light-mode-background-color);--choice-icon-button-selected-value-normal-state-dark-mode-background-color:var(--core-fill-10-dark-mode-color);--choice-icon-button-selected-value-normal-state-dark-mode-icon-color:var(--core-text-inverse-dark-mode-color);--choice-icon-button-selected-value-normal-state-icon-color:var(--choice-icon-button-selected-value-normal-state-light-mode-icon-color);--choice-icon-button-selected-value-normal-state-light-mode-background-color:var(--core-fill-10-light-mode-color);--choice-icon-button-selected-value-normal-state-light-mode-icon-color:var(--core-text-inverse-light-mode-color);--choice-icon-button-selected-value-pressed-state-background-color:var(--choice-icon-button-selected-value-pressed-state-light-mode-background-color);--choice-icon-button-selected-value-pressed-state-dark-mode-background-color:#CCCCCC;--choice-icon-button-selected-value-pressed-state-dark-mode-icon-color:var(--core-text-inverse-dark-mode-color);--choice-icon-button-selected-value-pressed-state-icon-color:var(--choice-icon-button-selected-value-pressed-state-light-mode-icon-color);--choice-icon-button-selected-value-pressed-state-light-mode-background-color:var(--core-emphasis-10-light-mode-color);--choice-icon-button-selected-value-pressed-state-light-mode-icon-color:var(--core-text-inverse-light-mode-color);--choice-icon-button-small-size-horizontal-padding:var(--core-metrics-spacing-100);--choice-icon-button-small-size-minimum-height:var(--core-small-size-minimum-height);--choice-icon-button-small-size-vertical-padding:var(--core-metrics-spacing-100);--choice-icon-button-unselected-value-disabled-state-background-color:var(--choice-icon-button-unselected-value-disabled-state-light-mode-background-color);--choice-icon-button-unselected-value-disabled-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--choice-icon-button-unselected-value-disabled-state-dark-mode-icon-color:var(--core-text-30-dark-mode-color);--choice-icon-button-unselected-value-disabled-state-icon-color:var(--choice-icon-button-unselected-value-disabled-state-light-mode-icon-color);--choice-icon-button-unselected-value-disabled-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--choice-icon-button-unselected-value-disabled-state-light-mode-icon-color:var(--core-text-30-light-mode-color);--choice-icon-button-unselected-value-hover-state-background-color:var(--choice-icon-button-unselected-value-hover-state-light-mode-background-color);--choice-icon-button-unselected-value-hover-state-dark-mode-background-color:var(--core-emphasis-30-dark-mode-color);--choice-icon-button-unselected-value-hover-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--choice-icon-button-unselected-value-hover-state-icon-color:var(--choice-icon-button-unselected-value-hover-state-light-mode-icon-color);--choice-icon-button-unselected-value-hover-state-light-mode-background-color:var(--core-emphasis-40-light-mode-color);--choice-icon-button-unselected-value-hover-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--choice-icon-button-unselected-value-normal-state-background-color:var(--choice-icon-button-unselected-value-normal-state-light-mode-background-color);--choice-icon-button-unselected-value-normal-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--choice-icon-button-unselected-value-normal-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--choice-icon-button-unselected-value-normal-state-icon-color:var(--choice-icon-button-unselected-value-normal-state-light-mode-icon-color);--choice-icon-button-unselected-value-normal-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--choice-icon-button-unselected-value-normal-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--choice-icon-button-unselected-value-pressed-state-background-color:var(--choice-icon-button-unselected-value-pressed-state-light-mode-background-color);--choice-icon-button-unselected-value-pressed-state-dark-mode-background-color:var(--core-emphasis-20-dark-mode-color);--choice-icon-button-unselected-value-pressed-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--choice-icon-button-unselected-value-pressed-state-icon-color:var(--choice-icon-button-unselected-value-pressed-state-light-mode-icon-color);--choice-icon-button-unselected-value-pressed-state-light-mode-background-color:var(--core-emphasis-30-light-mode-color);--choice-icon-button-unselected-value-pressed-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--coachmark-background-color:var(--coachmark-background-light-mode-color);--coachmark-background-dark-mode-color:var(--core-surface-inverse-dark-mode-color);--coachmark-background-light-mode-color:var(--core-surface-inverse-light-mode-color);--coachmark-border-radius:var(--core-radius-100);--coachmark-heading-case:var(--core-type-semibold-20-case);--coachmark-heading-color:var(--coachmark-heading-light-mode-color);--coachmark-heading-dark-mode-color:var(--core-text-inverse-dark-mode-color);--coachmark-heading-font-family:var(--core-type-semibold-20-font-family);--coachmark-heading-leading:var(--core-type-semibold-20-leading);--coachmark-heading-light-mode-color:var(--core-text-inverse-light-mode-color);--coachmark-heading-number-spacing:var(--core-type-semibold-20-number-spacing);--coachmark-heading-scale:var(--core-type-semibold-20-scale);--coachmark-heading-size:var(--core-type-semibold-20-size);--coachmark-heading-tracking:var(--core-type-semibold-20-tracking);--coachmark-heading-weight:var(--core-type-semibold-20-weight);--coachmark-horizontal-padding:var(--core-metrics-spacing-200);--coachmark-icon-button-border-radius:var(--icon-button-border-radius);--coachmark-icon-button-compact-size-minimum-height:var(--icon-button-compact-size-minimum-height);--coachmark-icon-button-compact-size-minimum-padding-size:var(--icon-button-compact-size-minimum-padding-size);--coachmark-icon-button-compact-size-minimum-width:var(--icon-button-compact-size-minimum-width);--coachmark-icon-button-compact-size-padding-size:var(--icon-button-compact-size-padding-size);--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-background-color:var(--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color:var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-icon-color:var(--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color:var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-primary-rank-hover-state-background-color:var(--coachmark-icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color:var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-primary-rank-hover-state-icon-color:var(--coachmark-icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color:var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-primary-rank-normal-state-background-color:var(--coachmark-icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color:var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-primary-rank-normal-state-icon-color:var(--coachmark-icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color:var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-background-color:var(--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color:var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-icon-color:var(--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color:var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color:var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-background-color:var(--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-icon-color:var(--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-background-color:var(--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-icon-color:var(--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-background-color:var(--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-icon-color:var(--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-background-color:var(--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-icon-color:var(--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color:var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color:var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-background-color:var(--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color:var(--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-background-color:var(--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-icon-color:var(--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-background-color:var(--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-icon-color:var(--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-background-color:var(--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color:var(--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color:var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color:var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-disabled-state-background-color:var(--coachmark-icon-button-disabled-state-light-mode-background-color);--coachmark-icon-button-disabled-state-dark-mode-background-color:var(--icon-button-disabled-state-dark-mode-background-color);--coachmark-icon-button-disabled-state-dark-mode-icon-color:var(--icon-button-disabled-state-dark-mode-icon-color);--coachmark-icon-button-disabled-state-icon-color:var(--coachmark-icon-button-disabled-state-light-mode-icon-color);--coachmark-icon-button-disabled-state-light-mode-background-color:var(--icon-button-disabled-state-light-mode-background-color);--coachmark-icon-button-disabled-state-light-mode-icon-color:var(--icon-button-disabled-state-light-mode-icon-color);--coachmark-icon-button-focus-ring-border-size:var(--icon-button-focus-ring-border-size);--coachmark-icon-button-focus-ring-buffer-size:var(--icon-button-focus-ring-buffer-size);--coachmark-icon-button-focus-state-background-color:var(--coachmark-icon-button-focus-state-light-mode-background-color);--coachmark-icon-button-focus-state-dark-mode-background-color:var(--icon-button-focus-state-dark-mode-background-color);--coachmark-icon-button-focus-state-dark-mode-icon-color:var(--icon-button-focus-state-dark-mode-icon-color);--coachmark-icon-button-focus-state-icon-color:var(--coachmark-icon-button-focus-state-light-mode-icon-color);--coachmark-icon-button-focus-state-light-mode-background-color:var(--icon-button-focus-state-light-mode-background-color);--coachmark-icon-button-focus-state-light-mode-icon-color:var(--icon-button-focus-state-light-mode-icon-color);--coachmark-icon-button-hover-state-background-color:var(--coachmark-icon-button-hover-state-light-mode-background-color);--coachmark-icon-button-hover-state-dark-mode-background-color:var(--icon-button-hover-state-dark-mode-background-color);--coachmark-icon-button-hover-state-dark-mode-icon-color:var(--icon-button-hover-state-dark-mode-icon-color);--coachmark-icon-button-hover-state-icon-color:var(--coachmark-icon-button-hover-state-light-mode-icon-color);--coachmark-icon-button-hover-state-light-mode-background-color:var(--icon-button-hover-state-light-mode-background-color);--coachmark-icon-button-hover-state-light-mode-icon-color:var(--icon-button-hover-state-light-mode-icon-color);--coachmark-icon-button-large-size-icon-height:var(--icon-button-large-size-icon-height);--coachmark-icon-button-large-size-icon-width:var(--icon-button-large-size-icon-width);--coachmark-icon-button-large-size-minimum-height:var(--icon-button-large-size-minimum-height);--coachmark-icon-button-large-size-padding-size:var(--icon-button-large-size-padding-size);--coachmark-icon-button-large-size-width-multiplier:var(--icon-button-large-size-width-multiplier);--coachmark-icon-button-medium-size-horizontal-spacing-size:var(--icon-button-medium-size-horizontal-spacing-size);--coachmark-icon-button-medium-size-icon-height:var(--icon-button-medium-size-icon-height);--coachmark-icon-button-medium-size-icon-width:var(--icon-button-medium-size-icon-width);--coachmark-icon-button-medium-size-minimum-height:var(--icon-button-medium-size-minimum-height);--coachmark-icon-button-medium-size-padding-size:var(--icon-button-medium-size-padding-size);--coachmark-icon-button-medium-size-width-multiplier:var(--icon-button-medium-size-width-multiplier);--coachmark-icon-button-minimum-height:var(--icon-button-minimum-height);--coachmark-icon-button-minimum-width:var(--icon-button-minimum-width);--coachmark-icon-button-normal-size-minimum-height:var(--icon-button-normal-size-minimum-height);--coachmark-icon-button-normal-size-minimum-width:var(--icon-button-normal-size-minimum-width);--coachmark-icon-button-normal-size-padding-size:var(--icon-button-normal-size-padding-size);--coachmark-icon-button-normal-state-background-color:var(--coachmark-icon-button-normal-state-light-mode-background-color);--coachmark-icon-button-normal-state-dark-mode-background-color:var(--icon-button-normal-state-dark-mode-background-color);--coachmark-icon-button-normal-state-dark-mode-icon-color:var(--icon-button-normal-state-dark-mode-icon-color);--coachmark-icon-button-normal-state-icon-color:var(--coachmark-icon-button-normal-state-light-mode-icon-color);--coachmark-icon-button-normal-state-light-mode-background-color:var(--icon-button-normal-state-light-mode-background-color);--coachmark-icon-button-normal-state-light-mode-icon-color:var(--icon-button-normal-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-disabled-state-background-color:var(--coachmark-icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color:var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-disabled-state-icon-color:var(--coachmark-icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color:var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color:var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-focus-state-background-color:var(--coachmark-icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color:var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color:var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-focus-state-icon-color:var(--coachmark-icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color:var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color:var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-hover-state-background-color:var(--coachmark-icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color:var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color:var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-hover-state-icon-color:var(--coachmark-icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color:var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color:var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-normal-state-background-color:var(--coachmark-icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color:var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color:var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-normal-state-icon-color:var(--coachmark-icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color:var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color:var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-pressed-state-background-color:var(--coachmark-icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color:var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-pressed-state-icon-color:var(--coachmark-icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color:var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color:var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-background-color:var(--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-icon-color:var(--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color:var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-hover-state-background-color:var(--coachmark-icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color:var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-hover-state-icon-color:var(--coachmark-icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color:var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-normal-state-background-color:var(--coachmark-icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color:var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-normal-state-icon-color:var(--coachmark-icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color:var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-background-color:var(--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-icon-color:var(--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color:var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color:var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-padding-size:var(--icon-button-padding-size);--coachmark-icon-button-pressed-state-background-color:var(--coachmark-icon-button-pressed-state-light-mode-background-color);--coachmark-icon-button-pressed-state-dark-mode-background-color:var(--icon-button-pressed-state-dark-mode-background-color);--coachmark-icon-button-pressed-state-dark-mode-icon-color:var(--icon-button-pressed-state-dark-mode-icon-color);--coachmark-icon-button-pressed-state-icon-color:var(--coachmark-icon-button-pressed-state-light-mode-icon-color);--coachmark-icon-button-pressed-state-light-mode-background-color:var(--icon-button-pressed-state-light-mode-background-color);--coachmark-icon-button-pressed-state-light-mode-icon-color:var(--icon-button-pressed-state-light-mode-icon-color);--coachmark-icon-button-primary-rank-disabled-state-background-color:var(--coachmark-icon-button-primary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-primary-rank-disabled-state-dark-mode-background-color:var(--icon-button-primary-rank-disabled-state-dark-mode-background-color);--coachmark-icon-button-primary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-primary-rank-disabled-state-dark-mode-icon-color);--coachmark-icon-button-primary-rank-disabled-state-icon-color:var(--coachmark-icon-button-primary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-primary-rank-disabled-state-light-mode-background-color:var(--icon-button-primary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-primary-rank-disabled-state-light-mode-icon-color:var(--icon-button-primary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-primary-rank-focus-state-background-color:var(--coachmark-icon-button-primary-rank-focus-state-light-mode-background-color);--coachmark-icon-button-primary-rank-focus-state-dark-mode-background-color:var(--icon-button-primary-rank-focus-state-dark-mode-background-color);--coachmark-icon-button-primary-rank-focus-state-dark-mode-icon-color:var(--icon-button-primary-rank-focus-state-dark-mode-icon-color);--coachmark-icon-button-primary-rank-focus-state-icon-color:var(--coachmark-icon-button-primary-rank-focus-state-light-mode-icon-color);--coachmark-icon-button-primary-rank-focus-state-light-mode-background-color:var(--icon-button-primary-rank-focus-state-light-mode-background-color);--coachmark-icon-button-primary-rank-focus-state-light-mode-icon-color:var(--icon-button-primary-rank-focus-state-light-mode-icon-color);--coachmark-icon-button-primary-rank-hover-state-background-color:var(--coachmark-icon-button-primary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-primary-rank-hover-state-dark-mode-background-color:var(--icon-button-primary-rank-hover-state-dark-mode-background-color);--coachmark-icon-button-primary-rank-hover-state-dark-mode-icon-color:var(--icon-button-primary-rank-hover-state-dark-mode-icon-color);--coachmark-icon-button-primary-rank-hover-state-icon-color:var(--coachmark-icon-button-primary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-primary-rank-hover-state-light-mode-background-color:var(--icon-button-primary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-primary-rank-hover-state-light-mode-icon-color:var(--icon-button-primary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-primary-rank-normal-state-background-color:var(--coachmark-icon-button-primary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-primary-rank-normal-state-dark-mode-background-color:var(--icon-button-primary-rank-normal-state-dark-mode-background-color);--coachmark-icon-button-primary-rank-normal-state-dark-mode-icon-color:var(--icon-button-primary-rank-normal-state-dark-mode-icon-color);--coachmark-icon-button-primary-rank-normal-state-icon-color:var(--coachmark-icon-button-primary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-primary-rank-normal-state-light-mode-background-color:var(--icon-button-primary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-primary-rank-normal-state-light-mode-icon-color:var(--icon-button-primary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-primary-rank-pressed-state-background-color:var(--coachmark-icon-button-primary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-primary-rank-pressed-state-dark-mode-background-color:var(--icon-button-primary-rank-pressed-state-dark-mode-background-color);--coachmark-icon-button-primary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-primary-rank-pressed-state-dark-mode-icon-color);--coachmark-icon-button-primary-rank-pressed-state-icon-color:var(--coachmark-icon-button-primary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-primary-rank-pressed-state-light-mode-background-color:var(--icon-button-primary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-primary-rank-pressed-state-light-mode-icon-color:var(--icon-button-primary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-secondary-rank-disabled-state-background-color:var(--coachmark-icon-button-secondary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-secondary-rank-disabled-state-dark-mode-background-color:var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);--coachmark-icon-button-secondary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);--coachmark-icon-button-secondary-rank-disabled-state-icon-color:var(--coachmark-icon-button-secondary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-secondary-rank-disabled-state-light-mode-background-color:var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-secondary-rank-disabled-state-light-mode-icon-color:var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-secondary-rank-focus-state-background-color:var(--coachmark-icon-button-secondary-rank-focus-state-light-mode-background-color);--coachmark-icon-button-secondary-rank-focus-state-dark-mode-background-color:var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);--coachmark-icon-button-secondary-rank-focus-state-dark-mode-icon-color:var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);--coachmark-icon-button-secondary-rank-focus-state-icon-color:var(--coachmark-icon-button-secondary-rank-focus-state-light-mode-icon-color);--coachmark-icon-button-secondary-rank-focus-state-light-mode-background-color:var(--icon-button-secondary-rank-focus-state-light-mode-background-color);--coachmark-icon-button-secondary-rank-focus-state-light-mode-icon-color:var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);--coachmark-icon-button-secondary-rank-hover-state-background-color:var(--coachmark-icon-button-secondary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-secondary-rank-hover-state-dark-mode-background-color:var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);--coachmark-icon-button-secondary-rank-hover-state-dark-mode-icon-color:var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);--coachmark-icon-button-secondary-rank-hover-state-icon-color:var(--coachmark-icon-button-secondary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-secondary-rank-hover-state-light-mode-background-color:var(--icon-button-secondary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-secondary-rank-hover-state-light-mode-icon-color:var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-secondary-rank-normal-state-background-color:var(--coachmark-icon-button-secondary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-secondary-rank-normal-state-dark-mode-background-color:var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);--coachmark-icon-button-secondary-rank-normal-state-dark-mode-icon-color:var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);--coachmark-icon-button-secondary-rank-normal-state-icon-color:var(--coachmark-icon-button-secondary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-secondary-rank-normal-state-light-mode-background-color:var(--icon-button-secondary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-secondary-rank-normal-state-light-mode-icon-color:var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-secondary-rank-pressed-state-background-color:var(--coachmark-icon-button-secondary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-secondary-rank-pressed-state-dark-mode-background-color:var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);--coachmark-icon-button-secondary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);--coachmark-icon-button-secondary-rank-pressed-state-icon-color:var(--coachmark-icon-button-secondary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-secondary-rank-pressed-state-light-mode-background-color:var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-secondary-rank-pressed-state-light-mode-icon-color:var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-small-size-icon-height:var(--icon-button-small-size-icon-height);--coachmark-icon-button-small-size-icon-width:var(--icon-button-small-size-icon-width);--coachmark-icon-button-small-size-minimum-height:var(--icon-button-small-size-minimum-height);--coachmark-icon-button-small-size-padding-size:var(--icon-button-small-size-padding-size);--coachmark-icon-button-small-size-width-multiplier:var(--icon-button-small-size-width-multiplier);--coachmark-icon-button-tertiary-rank-disabled-state-background-color:var(--coachmark-icon-button-tertiary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-background-color:var(--icon-button-tertiary-rank-disabled-state-dark-mode-background-color);--coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-icon-color:var(--icon-button-tertiary-rank-disabled-state-dark-mode-icon-color);--coachmark-icon-button-tertiary-rank-disabled-state-icon-color:var(--coachmark-icon-button-tertiary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-tertiary-rank-disabled-state-light-mode-background-color:var(--icon-button-tertiary-rank-disabled-state-light-mode-background-color);--coachmark-icon-button-tertiary-rank-disabled-state-light-mode-icon-color:var(--icon-button-tertiary-rank-disabled-state-light-mode-icon-color);--coachmark-icon-button-tertiary-rank-focus-state-background-color:var(--coachmark-icon-button-tertiary-rank-focus-state-light-mode-background-color);--coachmark-icon-button-tertiary-rank-focus-state-dark-mode-background-color:var(--icon-button-tertiary-rank-focus-state-dark-mode-background-color);--coachmark-icon-button-tertiary-rank-focus-state-dark-mode-icon-color:var(--icon-button-tertiary-rank-focus-state-dark-mode-icon-color);--coachmark-icon-button-tertiary-rank-focus-state-icon-color:var(--coachmark-icon-button-tertiary-rank-focus-state-light-mode-icon-color);--coachmark-icon-button-tertiary-rank-focus-state-light-mode-background-color:var(--icon-button-tertiary-rank-focus-state-light-mode-background-color);--coachmark-icon-button-tertiary-rank-focus-state-light-mode-icon-color:var(--icon-button-tertiary-rank-focus-state-light-mode-icon-color);--coachmark-icon-button-tertiary-rank-hover-state-background-color:var(--coachmark-icon-button-tertiary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-tertiary-rank-hover-state-dark-mode-background-color:var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color);--coachmark-icon-button-tertiary-rank-hover-state-dark-mode-icon-color:var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color);--coachmark-icon-button-tertiary-rank-hover-state-icon-color:var(--coachmark-icon-button-tertiary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-tertiary-rank-hover-state-light-mode-background-color:var(--icon-button-tertiary-rank-hover-state-light-mode-background-color);--coachmark-icon-button-tertiary-rank-hover-state-light-mode-icon-color:var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color);--coachmark-icon-button-tertiary-rank-normal-state-background-color:var(--coachmark-icon-button-tertiary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-tertiary-rank-normal-state-dark-mode-background-color:var(--icon-button-tertiary-rank-normal-state-dark-mode-background-color);--coachmark-icon-button-tertiary-rank-normal-state-dark-mode-icon-color:var(--icon-button-tertiary-rank-normal-state-dark-mode-icon-color);--coachmark-icon-button-tertiary-rank-normal-state-icon-color:var(--coachmark-icon-button-tertiary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-tertiary-rank-normal-state-light-mode-background-color:var(--icon-button-tertiary-rank-normal-state-light-mode-background-color);--coachmark-icon-button-tertiary-rank-normal-state-light-mode-icon-color:var(--icon-button-tertiary-rank-normal-state-light-mode-icon-color);--coachmark-icon-button-tertiary-rank-pressed-state-background-color:var(--coachmark-icon-button-tertiary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-background-color:var(--icon-button-tertiary-rank-pressed-state-dark-mode-background-color);--coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-icon-color:var(--icon-button-tertiary-rank-pressed-state-dark-mode-icon-color);--coachmark-icon-button-tertiary-rank-pressed-state-icon-color:var(--coachmark-icon-button-tertiary-rank-pressed-state-light-mode-icon-color);--coachmark-icon-button-tertiary-rank-pressed-state-light-mode-background-color:var(--icon-button-tertiary-rank-pressed-state-light-mode-background-color);--coachmark-icon-button-tertiary-rank-pressed-state-light-mode-icon-color:var(--icon-button-tertiary-rank-pressed-state-light-mode-icon-color);--coachmark-paragraph-case:var(--core-type-paragraph-20-case);--coachmark-paragraph-color:var(--coachmark-paragraph-light-mode-color);--coachmark-paragraph-dark-mode-color:var(--core-text-inverse-dark-mode-color);--coachmark-paragraph-font-family:var(--core-type-paragraph-20-font-family);--coachmark-paragraph-leading:var(--core-type-paragraph-20-leading);--coachmark-paragraph-light-mode-color:var(--core-text-inverse-light-mode-color);--coachmark-paragraph-number-spacing:var(--core-type-paragraph-20-number-spacing);--coachmark-paragraph-scale:var(--core-type-paragraph-20-scale);--coachmark-paragraph-size:var(--core-type-paragraph-20-size);--coachmark-paragraph-tracking:var(--core-type-paragraph-20-tracking);--coachmark-paragraph-weight:var(--core-type-paragraph-20-weight);--coachmark-pill-alpha-variant-background-color:var(--coachmark-pill-alpha-variant-background-light-mode-color);--coachmark-pill-alpha-variant-background-dark-mode-color:var(--pill-alpha-variant-background-dark-mode-color);--coachmark-pill-alpha-variant-background-light-mode-color:var(--pill-alpha-variant-background-light-mode-color);--coachmark-pill-alpha-variant-icon-color:var(--coachmark-pill-alpha-variant-icon-light-mode-color);--coachmark-pill-alpha-variant-icon-dark-mode-color:var(--pill-alpha-variant-icon-dark-mode-color);--coachmark-pill-alpha-variant-icon-light-mode-color:var(--pill-alpha-variant-icon-light-mode-color);--coachmark-pill-alpha-variant-normal-state-background-color:var(--coachmark-pill-alpha-variant-normal-state-background-light-mode-color);--coachmark-pill-alpha-variant-normal-state-background-dark-mode-color:var(--pill-alpha-variant-normal-state-background-dark-mode-color);--coachmark-pill-alpha-variant-normal-state-background-light-mode-color:var(--pill-alpha-variant-normal-state-background-light-mode-color);--coachmark-pill-alpha-variant-pressed-state-background-color:var(--coachmark-pill-alpha-variant-pressed-state-background-light-mode-color);--coachmark-pill-alpha-variant-pressed-state-background-dark-mode-color:var(--pill-alpha-variant-pressed-state-background-dark-mode-color);--coachmark-pill-alpha-variant-pressed-state-background-light-mode-color:var(--pill-alpha-variant-pressed-state-background-light-mode-color);--coachmark-pill-alpha-variant-text-color:var(--coachmark-pill-alpha-variant-text-light-mode-color);--coachmark-pill-alpha-variant-text-dark-mode-color:var(--pill-alpha-variant-text-dark-mode-color);--coachmark-pill-alpha-variant-text-light-mode-color:var(--pill-alpha-variant-text-light-mode-color);--coachmark-pill-beta-variant-background-color:var(--coachmark-pill-beta-variant-background-light-mode-color);--coachmark-pill-beta-variant-background-dark-mode-color:var(--pill-beta-variant-background-dark-mode-color);--coachmark-pill-beta-variant-background-light-mode-color:var(--pill-beta-variant-background-light-mode-color);--coachmark-pill-beta-variant-icon-color:var(--coachmark-pill-beta-variant-icon-light-mode-color);--coachmark-pill-beta-variant-icon-dark-mode-color:var(--pill-beta-variant-icon-dark-mode-color);--coachmark-pill-beta-variant-icon-light-mode-color:var(--pill-beta-variant-icon-light-mode-color);--coachmark-pill-beta-variant-normal-state-background-color:var(--coachmark-pill-beta-variant-normal-state-background-light-mode-color);--coachmark-pill-beta-variant-normal-state-background-dark-mode-color:var(--pill-beta-variant-normal-state-background-dark-mode-color);--coachmark-pill-beta-variant-normal-state-background-light-mode-color:var(--pill-beta-variant-normal-state-background-light-mode-color);--coachmark-pill-beta-variant-pressed-state-background-color:var(--coachmark-pill-beta-variant-pressed-state-background-light-mode-color);--coachmark-pill-beta-variant-pressed-state-background-dark-mode-color:var(--pill-beta-variant-pressed-state-background-dark-mode-color);--coachmark-pill-beta-variant-pressed-state-background-light-mode-color:var(--pill-beta-variant-pressed-state-background-light-mode-color);--coachmark-pill-beta-variant-text-color:var(--coachmark-pill-beta-variant-text-light-mode-color);--coachmark-pill-beta-variant-text-dark-mode-color:var(--pill-beta-variant-text-dark-mode-color);--coachmark-pill-beta-variant-text-light-mode-color:var(--pill-beta-variant-text-light-mode-color);--coachmark-pill-border-color:var(--coachmark-pill-border-light-mode-color);--coachmark-pill-border-dark-mode-color:var(--pill-border-dark-mode-color);--coachmark-pill-border-light-mode-color:var(--pill-border-light-mode-color);--coachmark-pill-border-width:var(--pill-border-width);--coachmark-pill-compact-size-border-radius:var(--pill-compact-size-border-radius);--coachmark-pill-compact-size-corner-radius:var(--pill-compact-size-corner-radius);--coachmark-pill-compact-size-horizontal-padding:var(--pill-compact-size-horizontal-padding);--coachmark-pill-compact-size-icon-dot-radius:var(--pill-compact-size-icon-dot-radius);--coachmark-pill-compact-size-icon-left-padding:var(--pill-compact-size-icon-left-padding);--coachmark-pill-compact-size-icon-size:var(--pill-compact-size-icon-size);--coachmark-pill-compact-size-icon-to-text-spacing:var(--pill-compact-size-icon-to-text-spacing);--coachmark-pill-compact-size-indicator-dot-horizontal-padding-left:var(--pill-compact-size-indicator-dot-horizontal-padding-left);--coachmark-pill-compact-size-indicator-dot-horizontal-padding-right:var(--pill-compact-size-indicator-dot-horizontal-padding-right);--coachmark-pill-compact-size-indicator-dot-radius:var(--pill-compact-size-indicator-dot-radius);--coachmark-pill-compact-size-indicator-icon-horizontal-padding-left:var(--pill-compact-size-indicator-icon-horizontal-padding-left);--coachmark-pill-compact-size-indicator-icon-horizontal-padding-right:var(--pill-compact-size-indicator-icon-horizontal-padding-right);--coachmark-pill-compact-size-indicator-icon-size:var(--pill-compact-size-indicator-icon-size);--coachmark-pill-compact-size-padding-horizontal-size:var(--pill-compact-size-padding-horizontal-size);--coachmark-pill-compact-size-padding-vertical-size:var(--pill-compact-size-padding-vertical-size);--coachmark-pill-compact-size-spacing-horizontal:var(--pill-compact-size-spacing-horizontal);--coachmark-pill-compact-size-text-case:var(--pill-compact-size-text-case);--coachmark-pill-compact-size-text-edge-padding:var(--pill-compact-size-text-edge-padding);--coachmark-pill-compact-size-text-font-family:var(--pill-compact-size-text-font-family);--coachmark-pill-compact-size-text-horizontal-padding-left:var(--pill-compact-size-text-horizontal-padding-left);--coachmark-pill-compact-size-text-leading:var(--pill-compact-size-text-leading);--coachmark-pill-compact-size-text-number-spacing:var(--pill-compact-size-text-number-spacing);--coachmark-pill-compact-size-text-scale:var(--pill-compact-size-text-scale);--coachmark-pill-compact-size-text-size:var(--pill-compact-size-text-size);--coachmark-pill-compact-size-text-tracking:var(--pill-compact-size-text-tracking);--coachmark-pill-compact-size-text-weight:var(--pill-compact-size-text-weight);--coachmark-pill-compact-size-vertical-padding:var(--pill-compact-size-vertical-padding);--coachmark-pill-critical-variant-background-color:var(--coachmark-pill-critical-variant-background-light-mode-color);--coachmark-pill-critical-variant-background-dark-mode-color:var(--pill-critical-variant-background-dark-mode-color);--coachmark-pill-critical-variant-background-light-mode-color:var(--pill-critical-variant-background-light-mode-color);--coachmark-pill-critical-variant-icon-color:var(--coachmark-pill-critical-variant-icon-light-mode-color);--coachmark-pill-critical-variant-icon-dark-mode-color:var(--pill-critical-variant-icon-dark-mode-color);--coachmark-pill-critical-variant-icon-light-mode-color:var(--pill-critical-variant-icon-light-mode-color);--coachmark-pill-critical-variant-normal-state-background-color:var(--coachmark-pill-critical-variant-normal-state-background-light-mode-color);--coachmark-pill-critical-variant-normal-state-background-dark-mode-color:var(--pill-critical-variant-normal-state-background-dark-mode-color);--coachmark-pill-critical-variant-normal-state-background-light-mode-color:var(--pill-critical-variant-normal-state-background-light-mode-color);--coachmark-pill-critical-variant-pressed-state-background-color:var(--coachmark-pill-critical-variant-pressed-state-background-light-mode-color);--coachmark-pill-critical-variant-pressed-state-background-dark-mode-color:var(--pill-critical-variant-pressed-state-background-dark-mode-color);--coachmark-pill-critical-variant-pressed-state-background-light-mode-color:var(--pill-critical-variant-pressed-state-background-light-mode-color);--coachmark-pill-critical-variant-text-color:var(--coachmark-pill-critical-variant-text-light-mode-color);--coachmark-pill-critical-variant-text-dark-mode-color:var(--pill-critical-variant-text-dark-mode-color);--coachmark-pill-critical-variant-text-light-mode-color:var(--pill-critical-variant-text-light-mode-color);--coachmark-pill-emphasis-variant-background-color:var(--coachmark-pill-emphasis-variant-background-light-mode-color);--coachmark-pill-emphasis-variant-background-dark-mode-color:var(--pill-emphasis-variant-background-dark-mode-color);--coachmark-pill-emphasis-variant-background-light-mode-color:var(--pill-emphasis-variant-background-light-mode-color);--coachmark-pill-emphasis-variant-icon-color:var(--coachmark-pill-emphasis-variant-icon-light-mode-color);--coachmark-pill-emphasis-variant-icon-dark-mode-color:var(--pill-emphasis-variant-icon-dark-mode-color);--coachmark-pill-emphasis-variant-icon-light-mode-color:var(--pill-emphasis-variant-icon-light-mode-color);--coachmark-pill-emphasis-variant-normal-state-background-color:var(--coachmark-pill-emphasis-variant-normal-state-background-light-mode-color);--coachmark-pill-emphasis-variant-normal-state-background-dark-mode-color:var(--pill-emphasis-variant-normal-state-background-dark-mode-color);--coachmark-pill-emphasis-variant-normal-state-background-light-mode-color:var(--pill-emphasis-variant-normal-state-background-light-mode-color);--coachmark-pill-emphasis-variant-pressed-state-background-color:var(--coachmark-pill-emphasis-variant-pressed-state-background-light-mode-color);--coachmark-pill-emphasis-variant-pressed-state-background-dark-mode-color:var(--pill-emphasis-variant-pressed-state-background-dark-mode-color);--coachmark-pill-emphasis-variant-pressed-state-background-light-mode-color:var(--pill-emphasis-variant-pressed-state-background-light-mode-color);--coachmark-pill-emphasis-variant-text-color:var(--coachmark-pill-emphasis-variant-text-light-mode-color);--coachmark-pill-emphasis-variant-text-dark-mode-color:var(--pill-emphasis-variant-text-dark-mode-color);--coachmark-pill-emphasis-variant-text-light-mode-color:var(--pill-emphasis-variant-text-light-mode-color);--coachmark-pill-insight-variant-background-color:var(--coachmark-pill-insight-variant-background-light-mode-color);--coachmark-pill-insight-variant-background-dark-mode-color:var(--pill-insight-variant-background-dark-mode-color);--coachmark-pill-insight-variant-background-light-mode-color:var(--pill-insight-variant-background-light-mode-color);--coachmark-pill-insight-variant-icon-color:var(--coachmark-pill-insight-variant-icon-light-mode-color);--coachmark-pill-insight-variant-icon-dark-mode-color:var(--pill-insight-variant-icon-dark-mode-color);--coachmark-pill-insight-variant-icon-light-mode-color:var(--pill-insight-variant-icon-light-mode-color);--coachmark-pill-insight-variant-normal-state-background-color:var(--coachmark-pill-insight-variant-normal-state-background-light-mode-color);--coachmark-pill-insight-variant-normal-state-background-dark-mode-color:var(--pill-insight-variant-normal-state-background-dark-mode-color);--coachmark-pill-insight-variant-normal-state-background-light-mode-color:var(--pill-insight-variant-normal-state-background-light-mode-color);--coachmark-pill-insight-variant-pressed-state-background-color:var(--coachmark-pill-insight-variant-pressed-state-background-light-mode-color);--coachmark-pill-insight-variant-pressed-state-background-dark-mode-color:var(--pill-insight-variant-pressed-state-background-dark-mode-color);--coachmark-pill-insight-variant-pressed-state-background-light-mode-color:var(--pill-insight-variant-pressed-state-background-light-mode-color);--coachmark-pill-insight-variant-text-color:var(--coachmark-pill-insight-variant-text-light-mode-color);--coachmark-pill-insight-variant-text-dark-mode-color:var(--pill-insight-variant-text-dark-mode-color);--coachmark-pill-insight-variant-text-light-mode-color:var(--pill-insight-variant-text-light-mode-color);--coachmark-pill-normal-size-border-radius:var(--pill-normal-size-border-radius);--coachmark-pill-normal-size-corner-radius:var(--pill-normal-size-corner-radius);--coachmark-pill-normal-size-horizontal-padding:var(--pill-normal-size-horizontal-padding);--coachmark-pill-normal-size-icon-dot-radius:var(--pill-normal-size-icon-dot-radius);--coachmark-pill-normal-size-icon-left-padding:var(--pill-normal-size-icon-left-padding);--coachmark-pill-normal-size-icon-size:var(--pill-normal-size-icon-size);--coachmark-pill-normal-size-icon-to-text-spacing:var(--pill-normal-size-icon-to-text-spacing);--coachmark-pill-normal-size-indicator-dot-horizontal-padding-left:var(--pill-normal-size-indicator-dot-horizontal-padding-left);--coachmark-pill-normal-size-indicator-dot-horizontal-padding-right:var(--pill-normal-size-indicator-dot-horizontal-padding-right);--coachmark-pill-normal-size-indicator-dot-radius:var(--pill-normal-size-indicator-dot-radius);--coachmark-pill-normal-size-indicator-icon-horizontal-padding-left:var(--pill-normal-size-indicator-icon-horizontal-padding-left);--coachmark-pill-normal-size-indicator-icon-horizontal-padding-right:var(--pill-normal-size-indicator-icon-horizontal-padding-right);--coachmark-pill-normal-size-indicator-icon-size:var(--pill-normal-size-indicator-icon-size);--coachmark-pill-normal-size-padding-horizontal-size:var(--pill-normal-size-padding-horizontal-size);--coachmark-pill-normal-size-padding-vertical-size:var(--pill-normal-size-padding-vertical-size);--coachmark-pill-normal-size-spacing-horizontal:var(--pill-normal-size-spacing-horizontal);--coachmark-pill-normal-size-text-case:var(--pill-normal-size-text-case);--coachmark-pill-normal-size-text-edge-padding:var(--pill-normal-size-text-edge-padding);--coachmark-pill-normal-size-text-font-family:var(--pill-normal-size-text-font-family);--coachmark-pill-normal-size-text-horizontal-padding-left:var(--pill-normal-size-text-horizontal-padding-left);--coachmark-pill-normal-size-text-leading:var(--pill-normal-size-text-leading);--coachmark-pill-normal-size-text-number-spacing:var(--pill-normal-size-text-number-spacing);--coachmark-pill-normal-size-text-scale:var(--pill-normal-size-text-scale);--coachmark-pill-normal-size-text-size:var(--pill-normal-size-text-size);--coachmark-pill-normal-size-text-tracking:var(--pill-normal-size-text-tracking);--coachmark-pill-normal-size-text-weight:var(--pill-normal-size-text-weight);--coachmark-pill-normal-size-vertical-padding:var(--pill-normal-size-vertical-padding);--coachmark-pill-normal-variant-background-color:var(--coachmark-pill-normal-variant-background-light-mode-color);--coachmark-pill-normal-variant-background-dark-mode-color:var(--pill-normal-variant-background-dark-mode-color);--coachmark-pill-normal-variant-background-light-mode-color:var(--pill-normal-variant-background-light-mode-color);--coachmark-pill-normal-variant-icon-color:var(--coachmark-pill-normal-variant-icon-light-mode-color);--coachmark-pill-normal-variant-icon-dark-mode-color:var(--pill-normal-variant-icon-dark-mode-color);--coachmark-pill-normal-variant-icon-light-mode-color:var(--pill-normal-variant-icon-light-mode-color);--coachmark-pill-normal-variant-normal-state-background-color:var(--coachmark-pill-normal-variant-normal-state-background-light-mode-color);--coachmark-pill-normal-variant-normal-state-background-dark-mode-color:var(--pill-normal-variant-normal-state-background-dark-mode-color);--coachmark-pill-normal-variant-normal-state-background-light-mode-color:var(--pill-normal-variant-normal-state-background-light-mode-color);--coachmark-pill-normal-variant-pressed-state-background-color:var(--coachmark-pill-normal-variant-pressed-state-background-light-mode-color);--coachmark-pill-normal-variant-pressed-state-background-dark-mode-color:var(--pill-normal-variant-pressed-state-background-dark-mode-color);--coachmark-pill-normal-variant-pressed-state-background-light-mode-color:var(--pill-normal-variant-pressed-state-background-light-mode-color);--coachmark-pill-normal-variant-text-color:var(--coachmark-pill-normal-variant-text-light-mode-color);--coachmark-pill-normal-variant-text-dark-mode-color:var(--pill-normal-variant-text-dark-mode-color);--coachmark-pill-normal-variant-text-light-mode-color:var(--pill-normal-variant-text-light-mode-color);--coachmark-pill-success-variant-background-color:var(--coachmark-pill-success-variant-background-light-mode-color);--coachmark-pill-success-variant-background-dark-mode-color:var(--pill-success-variant-background-dark-mode-color);--coachmark-pill-success-variant-background-light-mode-color:var(--pill-success-variant-background-light-mode-color);--coachmark-pill-success-variant-icon-color:var(--coachmark-pill-success-variant-icon-light-mode-color);--coachmark-pill-success-variant-icon-dark-mode-color:var(--pill-success-variant-icon-dark-mode-color);--coachmark-pill-success-variant-icon-light-mode-color:var(--pill-success-variant-icon-light-mode-color);--coachmark-pill-success-variant-normal-state-background-color:var(--coachmark-pill-success-variant-normal-state-background-light-mode-color);--coachmark-pill-success-variant-normal-state-background-dark-mode-color:var(--pill-success-variant-normal-state-background-dark-mode-color);--coachmark-pill-success-variant-normal-state-background-light-mode-color:var(--pill-success-variant-normal-state-background-light-mode-color);--coachmark-pill-success-variant-pressed-state-background-color:var(--coachmark-pill-success-variant-pressed-state-background-light-mode-color);--coachmark-pill-success-variant-pressed-state-background-dark-mode-color:var(--pill-success-variant-pressed-state-background-dark-mode-color);--coachmark-pill-success-variant-pressed-state-background-light-mode-color:var(--pill-success-variant-pressed-state-background-light-mode-color);--coachmark-pill-success-variant-text-color:var(--coachmark-pill-success-variant-text-light-mode-color);--coachmark-pill-success-variant-text-dark-mode-color:var(--pill-success-variant-text-dark-mode-color);--coachmark-pill-success-variant-text-light-mode-color:var(--pill-success-variant-text-light-mode-color);--coachmark-pill-warning-variant-background-color:var(--coachmark-pill-warning-variant-background-light-mode-color);--coachmark-pill-warning-variant-background-dark-mode-color:var(--pill-warning-variant-background-dark-mode-color);--coachmark-pill-warning-variant-background-light-mode-color:var(--pill-warning-variant-background-light-mode-color);--coachmark-pill-warning-variant-icon-color:var(--coachmark-pill-warning-variant-icon-light-mode-color);--coachmark-pill-warning-variant-icon-dark-mode-color:var(--pill-warning-variant-icon-dark-mode-color);--coachmark-pill-warning-variant-icon-light-mode-color:var(--pill-warning-variant-icon-light-mode-color);--coachmark-pill-warning-variant-normal-state-background-color:var(--coachmark-pill-warning-variant-normal-state-background-light-mode-color);--coachmark-pill-warning-variant-normal-state-background-dark-mode-color:var(--pill-warning-variant-normal-state-background-dark-mode-color);--coachmark-pill-warning-variant-normal-state-background-light-mode-color:var(--pill-warning-variant-normal-state-background-light-mode-color);--coachmark-pill-warning-variant-pressed-state-background-color:var(--coachmark-pill-warning-variant-pressed-state-background-light-mode-color);--coachmark-pill-warning-variant-pressed-state-background-dark-mode-color:var(--pill-warning-variant-pressed-state-background-dark-mode-color);--coachmark-pill-warning-variant-pressed-state-background-light-mode-color:var(--pill-warning-variant-pressed-state-background-light-mode-color);--coachmark-pill-warning-variant-text-color:var(--coachmark-pill-warning-variant-text-light-mode-color);--coachmark-pill-warning-variant-text-dark-mode-color:var(--pill-warning-variant-text-dark-mode-color);--coachmark-pill-warning-variant-text-light-mode-color:var(--pill-warning-variant-text-light-mode-color);--coachmark-step-indicator-case:var(--core-type-paragraph-20-case);--coachmark-step-indicator-color:var(--coachmark-step-indicator-light-mode-color);--coachmark-step-indicator-dark-mode-color:var(--core-text-inverse-dark-mode-color);--coachmark-step-indicator-font-family:var(--core-type-paragraph-20-font-family);--coachmark-step-indicator-leading:var(--core-type-paragraph-20-leading);--coachmark-step-indicator-light-mode-color:var(--core-text-inverse-light-mode-color);--coachmark-step-indicator-number-spacing:var(--core-type-paragraph-20-number-spacing);--coachmark-step-indicator-scale:var(--core-type-paragraph-20-scale);--coachmark-step-indicator-size:var(--core-type-paragraph-20-size);--coachmark-step-indicator-tracking:var(--core-type-paragraph-20-tracking);--coachmark-step-indicator-weight:var(--core-type-paragraph-20-weight);--coachmark-text-link-color:var(--coachmark-text-link-light-mode-color);--coachmark-text-link-dark-mode-color:var(--core-text-inverse-dark-mode-color);--coachmark-text-link-disabled-state-opacity:var(--text-link-disabled-state-opacity);--coachmark-text-link-hover-state-opacity:var(--text-link-hover-state-opacity);--coachmark-text-link-light-mode-color:var(--core-text-inverse-light-mode-color);--coachmark-text-link-normal-state-opacity:var(--text-link-normal-state-opacity);--coachmark-text-link-pressed-state-opacity:var(--text-link-pressed-state-opacity);--coachmark-text-link-text-case:var(--text-link-small-size-text-case);--coachmark-text-link-text-font-family:var(--text-link-small-size-text-font-family);--coachmark-text-link-text-leading:var(--text-link-small-size-text-leading);--coachmark-text-link-text-number-spacing:var(--text-link-small-size-text-number-spacing);--coachmark-text-link-text-scale:var(--text-link-small-size-text-scale);--coachmark-text-link-text-size:var(--text-link-small-size-text-size);--coachmark-text-link-text-tracking:var(--text-link-small-size-text-tracking);--coachmark-text-link-text-weight:var(--text-link-small-size-text-weight);--coachmark-text-link-vertical-padding:0px;--coachmark-vertical-padding:var(--core-metrics-spacing-200);--code-display-border-radius:var(--core-radius-200);--color-picker-adjustments-hue-min-height:var(--core-small-size-minimum-height);--color-picker-adjustments-hue-radius:var(--core-radius-100);--color-picker-adjustments-saturation-brightness-min-height:200;--color-picker-adjustments-saturation-brightness-radius:var(--core-radius-200);--color-picker-adjustments-scrubber-border-inner-color:var(--color-picker-adjustments-scrubber-border-inner-light-mode-color);--color-picker-adjustments-scrubber-border-inner-dark-mode-color:var(--core-fill-white-dark-mode-color);--color-picker-adjustments-scrubber-border-inner-light-mode-color:var(--core-fill-white-light-mode-color);--color-picker-adjustments-scrubber-border-inner-width:2px;--color-picker-adjustments-scrubber-border-outer-color:var(--color-picker-adjustments-scrubber-border-outer-light-mode-color);--color-picker-adjustments-scrubber-border-outer-dark-mode-color:var(--core-fill-black-dark-mode-color);--color-picker-adjustments-scrubber-border-outer-light-mode-color:var(--core-fill-black-light-mode-color);--color-picker-adjustments-scrubber-border-outer-width:1px;--color-picker-adjustments-scrubber-multiplier:1.25;--color-picker-adjustments-scrubber-padding:var(--core-metrics-spacing-50);--color-picker-adjustments-scrubber-size:16px;--color-picker-adjustments-scrubber-width:2px;--color-picker-dots-horizontal-spacing:14px;--color-picker-dots-icon-color:var(--color-picker-dots-icon-light-mode-color);--color-picker-dots-icon-dark-background-color:var(--core-fill-white-light-mode-color);--color-picker-dots-icon-dark-mode-color:rgba(255,255,255,1);--color-picker-dots-icon-light-background-color:var(--core-fill-black-light-mode-color);--color-picker-dots-icon-light-mode-color:rgba(255,255,255,1);--color-picker-dots-icon-size:24px;--color-picker-dots-size:var(--core-small-size-minimum-height);--color-picker-dots-vertical-spacing:16px;--color-picker-grid-color-palette-gray-color:var(--color-picker-grid-color-palette-gray-light-mode-color);--color-picker-grid-color-palette-gray-dark-mode-color:#D9D9D9;--color-picker-grid-color-palette-gray-light-mode-color:#D9D9D9;--color-picker-swatch-selected-state-border-color:var(--color-picker-swatch-selected-state-light-mode-border-color);--color-picker-swatch-selected-state-dark-mode-border-color:var(--core-fill-white-dark-mode-color);--color-picker-swatch-selected-state-light-mode-border-color:var(--core-fill-black-light-mode-color);--color-picker-vertical-spacing:16px;--combobox-tags-horizontal-spacing:var(--core-metrics-spacing-100);--content-area-width-regular-width:600px;--content-area-width-wide-width:1248px;--content-card-background-color:var(--content-card-background-light-mode-color);--content-card-background-dark-mode-color:var(--content-card-default-variant-background-dark-mode-color);--content-card-background-light-mode-color:var(--content-card-default-variant-background-light-mode-color);--content-card-border-color:var(--content-card-border-light-mode-color);--content-card-border-dark-mode-color:var(--content-card-default-variant-border-dark-mode-color);--content-card-border-high-contrast-color:var(--content-card-border-high-contrast-light-mode-color);--content-card-border-high-contrast-dark-mode-color:var(--content-card-default-variant-border-high-contrast-dark-mode-color);--content-card-border-high-contrast-light-mode-color:var(--content-card-default-variant-border-high-contrast-light-mode-color);--content-card-border-light-mode-color:var(--content-card-default-variant-border-light-mode-color);--content-card-border-normal-contrast-color:var(--content-card-border-normal-contrast-light-mode-color);--content-card-border-normal-contrast-dark-mode-color:var(--content-card-default-variant-border-normal-contrast-dark-mode-color);--content-card-border-normal-contrast-light-mode-color:var(--content-card-default-variant-border-normal-contrast-light-mode-color);--content-card-border-radius:var(--content-card-default-variant-border-radius);--content-card-border-width:var(--content-card-default-variant-border-width);--content-card-default-variant-background-color:var(--content-card-default-variant-background-light-mode-color);--content-card-default-variant-background-dark-mode-color:var(--core-surface-10-dark-mode-color);--content-card-default-variant-background-light-mode-color:var(--core-surface-10-light-mode-color);--content-card-default-variant-border-color:var(--content-card-default-variant-border-light-mode-color);--content-card-default-variant-border-dark-mode-color:var(--core-fill-30-dark-mode-color);--content-card-default-variant-border-high-contrast-color:var(--content-card-default-variant-border-high-contrast-light-mode-color);--content-card-default-variant-border-high-contrast-dark-mode-color:var(--core-fill-20-dark-mode-color);--content-card-default-variant-border-high-contrast-light-mode-color:var(--core-fill-20-light-mode-color);--content-card-default-variant-border-light-mode-color:var(--core-fill-30-light-mode-color);--content-card-default-variant-border-normal-contrast-color:var(--content-card-default-variant-border-normal-contrast-light-mode-color);--content-card-default-variant-border-normal-contrast-dark-mode-color:var(--core-fill-30-dark-mode-color);--content-card-default-variant-border-normal-contrast-light-mode-color:var(--core-fill-30-light-mode-color);--content-card-default-variant-border-radius:var(--core-radius-200);--content-card-default-variant-border-width:var(--core-border-10);--content-card-emphasis-variant-background-color:var(--content-card-emphasis-variant-background-light-mode-color);--content-card-emphasis-variant-background-dark-mode-color:var(--core-fill-50-dark-mode-color);--content-card-emphasis-variant-background-light-mode-color:var(--core-fill-50-light-mode-color);--content-card-emphasis-variant-border-color:var(--content-card-emphasis-variant-border-light-mode-color);--content-card-emphasis-variant-border-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--content-card-emphasis-variant-border-light-mode-color:var(--core-emphasis-30-light-mode-color);--content-card-horizontal-padding:var(--core-metrics-spacing-200);--content-card-padding-horizontal-size:var(--content-card-horizontal-padding);--content-card-padding-vertical-size:var(--content-card-vertical-padding);--content-card-vertical-padding:var(--core-metrics-spacing-200);--content-expander-animation-duration:var(--core-animation-move-transition-moderate-speed-duration);--content-expander-animation-easing:var(--core-animation-move-transition-easing);--content-expander-collapsed-display-disabled-state-color:var(--content-expander-collapsed-display-disabled-state-light-mode-color);--content-expander-collapsed-display-disabled-state-dark-mode-color:var(--core-text-30-dark-mode-color);--content-expander-collapsed-display-disabled-state-light-mode-color:var(--core-text-30-light-mode-color);--content-expander-collapsed-display-disabled-state-underline-size:var(--content-expander-underline-size);--content-expander-collapsed-display-hover-state-color:var(--content-expander-collapsed-display-hover-state-light-mode-color);--content-expander-collapsed-display-hover-state-dark-mode-color:var(--core-constant-gray-85-color);--content-expander-collapsed-display-hover-state-light-mode-color:var(--core-constant-gray-45-color);--content-expander-collapsed-display-hover-state-underline-size:var(--content-expander-underline-size);--content-expander-collapsed-display-normal-state-color:var(--content-expander-collapsed-display-normal-state-light-mode-color);--content-expander-collapsed-display-normal-state-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--content-expander-collapsed-display-normal-state-light-mode-color:var(--core-emphasis-text-light-mode-color);--content-expander-collapsed-display-normal-state-underline-size:0px;--content-expander-collapsed-display-pressed-state-color:var(--content-expander-collapsed-display-pressed-state-light-mode-color);--content-expander-collapsed-display-pressed-state-dark-mode-color:var(--core-constant-gray-60-color);--content-expander-collapsed-display-pressed-state-light-mode-color:#767676;--content-expander-collapsed-display-pressed-state-underline-size:var(--content-expander-underline-size);--content-expander-disabled-state-color:var(--content-expander-disabled-state-light-mode-color);--content-expander-disabled-state-dark-mode-color:var(--core-text-30-dark-mode-color);--content-expander-disabled-state-light-mode-color:var(--core-text-30-light-mode-color);--content-expander-expanded-display-disabled-state-color:var(--content-expander-expanded-display-disabled-state-light-mode-color);--content-expander-expanded-display-disabled-state-dark-mode-color:var(--content-expander-collapsed-display-disabled-state-dark-mode-color);--content-expander-expanded-display-disabled-state-light-mode-color:var(--content-expander-collapsed-display-disabled-state-light-mode-color);--content-expander-expanded-display-disabled-state-underline-size:var(--content-expander-collapsed-display-disabled-state-underline-size);--content-expander-expanded-display-hover-state-color:var(--content-expander-expanded-display-hover-state-light-mode-color);--content-expander-expanded-display-hover-state-dark-mode-color:var(--content-expander-collapsed-display-hover-state-dark-mode-color);--content-expander-expanded-display-hover-state-light-mode-color:var(--content-expander-collapsed-display-hover-state-light-mode-color);--content-expander-expanded-display-hover-state-underline-size:var(--content-expander-collapsed-display-hover-state-underline-size);--content-expander-expanded-display-normal-state-color:var(--content-expander-expanded-display-normal-state-light-mode-color);--content-expander-expanded-display-normal-state-dark-mode-color:var(--content-expander-collapsed-display-normal-state-dark-mode-color);--content-expander-expanded-display-normal-state-light-mode-color:var(--content-expander-collapsed-display-normal-state-light-mode-color);--content-expander-expanded-display-normal-state-underline-size:1px;--content-expander-expanded-display-pressed-state-color:var(--content-expander-expanded-display-pressed-state-light-mode-color);--content-expander-expanded-display-pressed-state-dark-mode-color:var(--content-expander-collapsed-display-pressed-state-dark-mode-color);--content-expander-expanded-display-pressed-state-light-mode-color:var(--content-expander-collapsed-display-pressed-state-light-mode-color);--content-expander-expanded-display-pressed-state-underline-size:var(--content-expander-collapsed-display-pressed-state-underline-size);--content-expander-hover-state-color:var(--content-expander-hover-state-light-mode-color);--content-expander-hover-state-dark-mode-color:var(--core-emphasis-20-dark-mode-color);--content-expander-hover-state-light-mode-color:var(--core-emphasis-20-light-mode-color);--content-expander-icon-height:var(--core-icon-small-size-height);--content-expander-icon-width:var(--core-icon-small-size-width);--content-expander-normal-state-color:var(--content-expander-normal-state-light-mode-color);--content-expander-normal-state-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--content-expander-normal-state-light-mode-color:var(--core-emphasis-text-light-mode-color);--content-expander-pressed-state-color:var(--content-expander-pressed-state-light-mode-color);--content-expander-pressed-state-dark-mode-color:var(--core-emphasis-10-dark-mode-color);--content-expander-pressed-state-light-mode-color:var(--core-emphasis-10-light-mode-color);--content-expander-spacing:var(--core-metrics-spacing-100);--content-expander-text-case:var(--core-type-semibold-30-case);--content-expander-text-font-family:var(--core-type-semibold-30-font-family);--content-expander-text-leading:var(--core-type-semibold-30-leading);--content-expander-text-number-spacing:var(--core-type-semibold-30-number-spacing);--content-expander-text-scale:var(--core-type-semibold-30-scale);--content-expander-text-size:var(--core-type-semibold-30-size);--content-expander-text-tracking:var(--core-type-semibold-30-tracking);--content-expander-text-weight:var(--core-type-semibold-30-weight);--content-expander-underline-size:1px;--date-picker-date-background-range-first-selection-disabled-state-color:var(--date-picker-date-background-range-first-selection-disabled-state-light-mode-color);--date-picker-date-background-range-first-selection-disabled-state-dark-mode-color:var(--core-fill-30-dark-mode-color);--date-picker-date-background-range-first-selection-disabled-state-light-mode-color:var(--core-fill-30-light-mode-color);--date-picker-date-background-range-first-selection-hover-state-color:var(--date-picker-date-background-range-first-selection-hover-state-light-mode-color);--date-picker-date-background-range-first-selection-hover-state-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--date-picker-date-background-range-first-selection-hover-state-light-mode-color:var(--core-emphasis-40-light-mode-color);--date-picker-date-background-range-first-selection-normal-state-color:var(--date-picker-date-background-range-first-selection-normal-state-light-mode-color);--date-picker-date-background-range-first-selection-normal-state-dark-mode-color:var(--core-fill-10-dark-mode-color);--date-picker-date-background-range-first-selection-normal-state-light-mode-color:var(--core-fill-10-light-mode-color);--date-picker-date-background-range-first-selection-pressed-state-color:var(--date-picker-date-background-range-first-selection-pressed-state-light-mode-color);--date-picker-date-background-range-first-selection-pressed-state-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--date-picker-date-background-range-first-selection-pressed-state-light-mode-color:var(--core-emphasis-30-light-mode-color);--date-picker-date-background-range-last-selection-disabled-state-color:var(--date-picker-date-background-range-last-selection-disabled-state-light-mode-color);--date-picker-date-background-range-last-selection-disabled-state-dark-mode-color:var(--core-fill-30-dark-mode-color);--date-picker-date-background-range-last-selection-disabled-state-light-mode-color:var(--core-fill-30-light-mode-color);--date-picker-date-background-range-last-selection-hover-state-color:var(--date-picker-date-background-range-last-selection-hover-state-light-mode-color);--date-picker-date-background-range-last-selection-hover-state-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--date-picker-date-background-range-last-selection-hover-state-light-mode-color:var(--core-emphasis-40-light-mode-color);--date-picker-date-background-range-last-selection-normal-state-color:var(--date-picker-date-background-range-last-selection-normal-state-light-mode-color);--date-picker-date-background-range-last-selection-normal-state-dark-mode-color:var(--core-fill-10-dark-mode-color);--date-picker-date-background-range-last-selection-normal-state-light-mode-color:var(--core-fill-10-light-mode-color);--date-picker-date-background-range-last-selection-pressed-state-color:var(--date-picker-date-background-range-last-selection-pressed-state-light-mode-color);--date-picker-date-background-range-last-selection-pressed-state-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--date-picker-date-background-range-last-selection-pressed-state-light-mode-color:var(--core-emphasis-30-light-mode-color);--date-picker-date-background-range-middle-selection-disabled-state-color:var(--date-picker-date-background-range-middle-selection-disabled-state-light-mode-color);--date-picker-date-background-range-middle-selection-disabled-state-dark-mode-color:var(--core-fill-40-dark-mode-color);--date-picker-date-background-range-middle-selection-disabled-state-light-mode-color:var(--core-fill-40-light-mode-color);--date-picker-date-background-range-middle-selection-hover-state-color:var(--date-picker-date-background-range-middle-selection-hover-state-light-mode-color);--date-picker-date-background-range-middle-selection-hover-state-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--date-picker-date-background-range-middle-selection-hover-state-light-mode-color:var(--core-emphasis-40-light-mode-color);--date-picker-date-background-range-middle-selection-normal-state-color:var(--date-picker-date-background-range-middle-selection-normal-state-light-mode-color);--date-picker-date-background-range-middle-selection-normal-state-dark-mode-color:var(--core-fill-40-dark-mode-color);--date-picker-date-background-range-middle-selection-normal-state-light-mode-color:var(--core-fill-40-light-mode-color);--date-picker-date-background-range-middle-selection-pressed-state-color:var(--date-picker-date-background-range-middle-selection-pressed-state-light-mode-color);--date-picker-date-background-range-middle-selection-pressed-state-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--date-picker-date-background-range-middle-selection-pressed-state-light-mode-color:var(--core-emphasis-30-light-mode-color);--date-picker-date-background-single-selection-disabled-state-color:var(--date-picker-date-background-single-selection-disabled-state-light-mode-color);--date-picker-date-background-single-selection-disabled-state-dark-mode-color:var(--core-fill-30-dark-mode-color);--date-picker-date-background-single-selection-disabled-state-light-mode-color:var(--core-fill-30-light-mode-color);--date-picker-date-background-single-selection-hover-state-color:var(--date-picker-date-background-single-selection-hover-state-light-mode-color);--date-picker-date-background-single-selection-hover-state-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--date-picker-date-background-single-selection-hover-state-light-mode-color:var(--core-emphasis-40-light-mode-color);--date-picker-date-background-single-selection-normal-state-color:var(--date-picker-date-background-single-selection-normal-state-light-mode-color);--date-picker-date-background-single-selection-normal-state-dark-mode-color:var(--core-fill-10-dark-mode-color);--date-picker-date-background-single-selection-normal-state-light-mode-color:var(--core-fill-10-light-mode-color);--date-picker-date-background-single-selection-pressed-state-color:var(--date-picker-date-background-single-selection-pressed-state-light-mode-color);--date-picker-date-background-single-selection-pressed-state-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--date-picker-date-background-single-selection-pressed-state-light-mode-color:var(--core-emphasis-30-light-mode-color);--date-picker-date-background-unselected-selection-disabled-state-color:var(--date-picker-date-background-unselected-selection-disabled-state-light-mode-color);--date-picker-date-background-unselected-selection-disabled-state-dark-mode-color:var(--core-surface-5-dark-mode-color);--date-picker-date-background-unselected-selection-disabled-state-light-mode-color:var(--core-surface-5-light-mode-color);--date-picker-date-background-unselected-selection-hover-state-color:var(--date-picker-date-background-unselected-selection-hover-state-light-mode-color);--date-picker-date-background-unselected-selection-hover-state-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--date-picker-date-background-unselected-selection-hover-state-light-mode-color:var(--core-emphasis-40-light-mode-color);--date-picker-date-background-unselected-selection-normal-state-color:var(--date-picker-date-background-unselected-selection-normal-state-light-mode-color);--date-picker-date-background-unselected-selection-normal-state-dark-mode-color:var(--core-surface-5-dark-mode-color);--date-picker-date-background-unselected-selection-normal-state-light-mode-color:var(--core-surface-5-light-mode-color);--date-picker-date-background-unselected-selection-pressed-state-color:var(--date-picker-date-background-unselected-selection-pressed-state-light-mode-color);--date-picker-date-background-unselected-selection-pressed-state-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--date-picker-date-background-unselected-selection-pressed-state-light-mode-color:var(--core-emphasis-30-light-mode-color);--date-picker-date-border-disabled-state-color-color:var(--date-picker-date-border-disabled-state-color-light-mode-color);--date-picker-date-border-disabled-state-color-dark-mode-color:var(--core-fill-30-dark-mode-color);--date-picker-date-border-disabled-state-color-light-mode-color:var(--core-fill-30-light-mode-color);--date-picker-date-border-focused-state-border:2;--date-picker-date-border-focused-state-color-color:var(--date-picker-date-border-focused-state-color-light-mode-color);--date-picker-date-border-focused-state-color-dark-mode-color:var(--core-focus-dark-mode-color);--date-picker-date-border-focused-state-color-light-mode-color:var(--core-focus-light-mode-color);--date-picker-date-border-focused-state-opacity:1;--date-picker-date-border-normal-state-border:2;--date-picker-date-border-normal-state-color-color:var(--date-picker-date-border-normal-state-color-light-mode-color);--date-picker-date-border-normal-state-color-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--date-picker-date-border-normal-state-color-light-mode-color:var(--core-emphasis-fill-light-mode-color);--date-picker-date-border-normal-state-opacity:0;--date-picker-date-border-radius:var(--core-radius-circle);--date-picker-date-text-range-first-selection-disabled-state-color:var(--date-picker-date-text-range-first-selection-disabled-state-light-mode-color);--date-picker-date-text-range-first-selection-disabled-state-dark-mode-color:var(--core-text-inverse-dark-mode-color);--date-picker-date-text-range-first-selection-disabled-state-light-mode-color:var(--core-text-inverse-light-mode-color);--date-picker-date-text-range-first-selection-hover-state-color:var(--date-picker-date-text-range-first-selection-hover-state-light-mode-color);--date-picker-date-text-range-first-selection-hover-state-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-date-text-range-first-selection-hover-state-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-date-text-range-first-selection-normal-state-color:var(--date-picker-date-text-range-first-selection-normal-state-light-mode-color);--date-picker-date-text-range-first-selection-normal-state-dark-mode-color:var(--core-text-inverse-dark-mode-color);--date-picker-date-text-range-first-selection-normal-state-light-mode-color:var(--core-text-inverse-light-mode-color);--date-picker-date-text-range-first-selection-pressed-state-color:var(--date-picker-date-text-range-first-selection-pressed-state-light-mode-color);--date-picker-date-text-range-first-selection-pressed-state-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-date-text-range-first-selection-pressed-state-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-date-text-range-last-selection-disabled-state-color:var(--date-picker-date-text-range-last-selection-disabled-state-light-mode-color);--date-picker-date-text-range-last-selection-disabled-state-dark-mode-color:var(--core-text-inverse-dark-mode-color);--date-picker-date-text-range-last-selection-disabled-state-light-mode-color:var(--core-text-inverse-light-mode-color);--date-picker-date-text-range-last-selection-hover-state-color:var(--date-picker-date-text-range-last-selection-hover-state-light-mode-color);--date-picker-date-text-range-last-selection-hover-state-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-date-text-range-last-selection-hover-state-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-date-text-range-last-selection-normal-state-color:var(--date-picker-date-text-range-last-selection-normal-state-light-mode-color);--date-picker-date-text-range-last-selection-normal-state-dark-mode-color:var(--core-text-inverse-dark-mode-color);--date-picker-date-text-range-last-selection-normal-state-light-mode-color:var(--core-text-inverse-light-mode-color);--date-picker-date-text-range-last-selection-pressed-state-color:var(--date-picker-date-text-range-last-selection-pressed-state-light-mode-color);--date-picker-date-text-range-last-selection-pressed-state-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-date-text-range-last-selection-pressed-state-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-date-text-range-middle-selection-disabled-state-color:var(--date-picker-date-text-range-middle-selection-disabled-state-light-mode-color);--date-picker-date-text-range-middle-selection-disabled-state-dark-mode-color:var(--core-text-30-dark-mode-color);--date-picker-date-text-range-middle-selection-disabled-state-light-mode-color:var(--core-text-30-light-mode-color);--date-picker-date-text-range-middle-selection-hover-state-color:var(--date-picker-date-text-range-middle-selection-hover-state-light-mode-color);--date-picker-date-text-range-middle-selection-hover-state-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-date-text-range-middle-selection-hover-state-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-date-text-range-middle-selection-normal-state-color:var(--date-picker-date-text-range-middle-selection-normal-state-light-mode-color);--date-picker-date-text-range-middle-selection-normal-state-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-date-text-range-middle-selection-normal-state-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-date-text-range-middle-selection-pressed-state-color:var(--date-picker-date-text-range-middle-selection-pressed-state-light-mode-color);--date-picker-date-text-range-middle-selection-pressed-state-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-date-text-range-middle-selection-pressed-state-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-date-text-single-selection-disabled-state-color:var(--date-picker-date-text-single-selection-disabled-state-light-mode-color);--date-picker-date-text-single-selection-disabled-state-dark-mode-color:var(--core-text-inverse-dark-mode-color);--date-picker-date-text-single-selection-disabled-state-light-mode-color:var(--core-text-inverse-light-mode-color);--date-picker-date-text-single-selection-hover-state-color:var(--date-picker-date-text-single-selection-hover-state-light-mode-color);--date-picker-date-text-single-selection-hover-state-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-date-text-single-selection-hover-state-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-date-text-single-selection-normal-state-color:var(--date-picker-date-text-single-selection-normal-state-light-mode-color);--date-picker-date-text-single-selection-normal-state-dark-mode-color:var(--core-text-inverse-dark-mode-color);--date-picker-date-text-single-selection-normal-state-light-mode-color:var(--core-text-inverse-light-mode-color);--date-picker-date-text-single-selection-pressed-state-color:var(--date-picker-date-text-single-selection-pressed-state-light-mode-color);--date-picker-date-text-single-selection-pressed-state-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-date-text-single-selection-pressed-state-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-date-text-unselected-selection-disabled-state-color:var(--date-picker-date-text-unselected-selection-disabled-state-light-mode-color);--date-picker-date-text-unselected-selection-disabled-state-dark-mode-color:var(--core-text-30-dark-mode-color);--date-picker-date-text-unselected-selection-disabled-state-light-mode-color:var(--core-text-30-light-mode-color);--date-picker-date-text-unselected-selection-hover-state-color:var(--date-picker-date-text-unselected-selection-hover-state-light-mode-color);--date-picker-date-text-unselected-selection-hover-state-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-date-text-unselected-selection-hover-state-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-date-text-unselected-selection-normal-state-color:var(--date-picker-date-text-unselected-selection-normal-state-light-mode-color);--date-picker-date-text-unselected-selection-normal-state-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-date-text-unselected-selection-normal-state-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-date-text-unselected-selection-pressed-state-color:var(--date-picker-date-text-unselected-selection-pressed-state-light-mode-color);--date-picker-date-text-unselected-selection-pressed-state-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-date-text-unselected-selection-pressed-state-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-grid-item-height:var(--core-small-size-minimum-height);--date-picker-grid-item-horizontal-padding:0px;--date-picker-grid-item-vertical-padding:var(--core-metrics-spacing-100);--date-picker-grid-item-width:var(--core-small-size-minimum-height);--date-picker-header-button-background-color:var(--date-picker-header-button-background-light-mode-color);--date-picker-header-button-background-dark-mode-color:var(--core-fill-40-dark-mode-color);--date-picker-header-button-background-light-mode-color:var(--core-fill-40-light-mode-color);--date-picker-header-button-border-radius:var(--core-radius-10);--date-picker-header-button-color:var(--date-picker-header-button-light-mode-color);--date-picker-header-button-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-header-button-horizontal-spacing:var(--core-metrics-spacing-200);--date-picker-header-button-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-header-button-padding:var(--core-metrics-spacing-100);--date-picker-header-color-color:var(--date-picker-header-color-light-mode-color);--date-picker-header-color-dark-mode-color:var(--core-text-10-dark-mode-color);--date-picker-header-color-light-mode-color:var(--core-text-10-light-mode-color);--date-picker-header-font-case:var(--core-type-heading-30-case);--date-picker-header-font-font-family:var(--core-type-heading-30-font-family);--date-picker-header-font-leading:var(--core-type-heading-30-leading);--date-picker-header-font-number-spacing:var(--core-type-heading-30-number-spacing);--date-picker-header-font-scale:var(--core-type-heading-30-scale);--date-picker-header-font-size:var(--core-type-heading-30-size);--date-picker-header-font-tracking:var(--core-type-heading-30-tracking);--date-picker-header-font-weight:var(--core-type-heading-30-weight);--date-picker-header-minimum-height:40px;--date-picker-header-vertical-spacing:var(--core-metrics-spacing-200);--date-picker-menu-horizontal-spacing:var(--core-metrics-spacing-400);--date-picker-menu-row-background-selected-state-color-color:var(--date-picker-menu-row-background-selected-state-color-light-mode-color);--date-picker-menu-row-background-selected-state-color-dark-mode-color:var(--core-fill-40-dark-mode-color);--date-picker-menu-row-background-selected-state-color-light-mode-color:var(--core-fill-40-light-mode-color);--date-picker-menu-row-height:48px;--date-picker-menu-row-label-selected-state-text-color:var(--date-picker-menu-row-label-selected-state-text-light-mode-color);--date-picker-menu-row-label-selected-state-text-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--date-picker-menu-row-label-selected-state-text-light-mode-color:var(--core-emphasis-text-light-mode-color);--date-picker-menu-row-width:111px;--date-picker-menu-text-case:var(--core-type-semibold-30-case);--date-picker-menu-text-font-family:var(--core-type-semibold-30-font-family);--date-picker-menu-text-leading:var(--core-type-semibold-30-leading);--date-picker-menu-text-number-spacing:var(--core-type-semibold-30-number-spacing);--date-picker-menu-text-scale:var(--core-type-semibold-30-scale);--date-picker-menu-text-size:var(--core-type-semibold-30-size);--date-picker-menu-text-tracking:var(--core-type-semibold-30-tracking);--date-picker-menu-text-weight:var(--core-type-semibold-30-weight);--date-picker-menu-vertical-spacing:var(--core-metrics-spacing-300);--date-picker-minimum-width:280px;--date-picker-month-minimum-width:50px;--date-picker-today-border-color-color:var(--date-picker-today-border-color-light-mode-color);--date-picker-today-border-color-dark-mode-color:var(--core-fill-10-dark-mode-color);--date-picker-today-border-color-light-mode-color:var(--core-fill-10-light-mode-color);--date-picker-today-border-width:var(--core-border-10);--date-picker-today-font-case:var(--core-type-semibold-30-case);--date-picker-today-font-font-family:var(--core-type-semibold-30-font-family);--date-picker-today-font-leading:var(--core-type-semibold-30-leading);--date-picker-today-font-number-spacing:var(--core-type-semibold-30-number-spacing);--date-picker-today-font-scale:var(--core-type-semibold-30-scale);--date-picker-today-font-size:var(--core-type-semibold-30-size);--date-picker-today-font-tracking:var(--core-type-semibold-30-tracking);--date-picker-today-font-weight:var(--core-type-semibold-30-weight);--date-picker-today-label-disabled-state-color-color:var(--date-picker-today-label-disabled-state-color-light-mode-color);--date-picker-today-label-disabled-state-color-dark-mode-color:var(--core-fill-30-dark-mode-color);--date-picker-today-label-disabled-state-color-light-mode-color:var(--core-fill-30-light-mode-color);--date-picker-weekdays-color-color:var(--date-picker-weekdays-color-light-mode-color);--date-picker-weekdays-color-dark-mode-color:var(--core-text-20-dark-mode-color);--date-picker-weekdays-color-light-mode-color:var(--core-text-20-light-mode-color);--date-picker-weekdays-font-case:var(--core-type-paragraph-30-case);--date-picker-weekdays-font-font-family:var(--core-type-paragraph-30-font-family);--date-picker-weekdays-font-leading:var(--core-type-paragraph-30-leading);--date-picker-weekdays-font-number-spacing:var(--core-type-paragraph-30-number-spacing);--date-picker-weekdays-font-scale:var(--core-type-paragraph-30-scale);--date-picker-weekdays-font-size:var(--core-type-paragraph-30-size);--date-picker-weekdays-font-tracking:var(--core-type-paragraph-30-tracking);--date-picker-weekdays-font-weight:var(--core-type-paragraph-30-weight);--divider-extra-small-variant-vertical-padding:0px;--divider-fill-color:var(--divider-fill-light-mode-color);--divider-fill-dark-mode-color:var(--core-divider-20-dark-mode-color);--divider-fill-light-mode-color:var(--core-divider-20-light-mode-color);--divider-height:var(--core-base-size);--divider-large-variant-vertical-padding:var(--core-metrics-spacing-400);--divider-medium-variant-vertical-padding:var(--core-metrics-spacing-200);--divider-radius:var(--core-radius-33);--divider-small-variant-vertical-padding:var(--core-metrics-spacing-100);--divider-thick-size-height:var(--core-border-80);--divider-thin-size-height:var(--core-border-20);--dropdown-button-border-radius:var(--button-border-radius);--dropdown-button-focus-ring-border-size:var(--button-focus-ring-border-size);--dropdown-button-focus-ring-buffer-size:var(--button-focus-ring-buffer-size);--dropdown-button-large-size-content-spacing:var(--button-large-size-content-spacing);--dropdown-button-large-size-minimum-height:var(--button-large-size-minimum-height);--dropdown-button-large-size-minimum-width-multiplier:var(--button-large-size-minimum-width-multiplier);--dropdown-button-large-size-primary-rank-horizontal-padding:var(--button-large-size-primary-rank-horizontal-padding);--dropdown-button-large-size-primary-rank-vertical-padding:var(--button-large-size-primary-rank-vertical-padding);--dropdown-button-large-size-secondary-rank-horizontal-padding:var(--button-large-size-secondary-rank-horizontal-padding);--dropdown-button-large-size-secondary-rank-vertical-padding:var(--button-large-size-secondary-rank-vertical-padding);--dropdown-button-large-size-tertiary-rank-horizontal-padding:var(--button-large-size-tertiary-rank-horizontal-padding);--dropdown-button-large-size-tertiary-rank-vertical-padding:var(--button-large-size-tertiary-rank-vertical-padding);--dropdown-button-large-size-text-case:var(--button-large-size-text-case);--dropdown-button-large-size-text-font-family:var(--button-large-size-text-font-family);--dropdown-button-large-size-text-leading:var(--button-large-size-text-leading);--dropdown-button-large-size-text-number-spacing:var(--button-large-size-text-number-spacing);--dropdown-button-large-size-text-scale:var(--button-large-size-text-scale);--dropdown-button-large-size-text-size:var(--button-large-size-text-size);--dropdown-button-large-size-text-tracking:var(--button-large-size-text-tracking);--dropdown-button-large-size-text-weight:var(--button-large-size-text-weight);--dropdown-button-medium-size-content-spacing:var(--button-medium-size-content-spacing);--dropdown-button-medium-size-minimum-height:var(--button-medium-size-minimum-height);--dropdown-button-medium-size-minimum-width-multiplier:var(--button-medium-size-minimum-width-multiplier);--dropdown-button-medium-size-primary-rank-horizontal-padding:var(--button-medium-size-primary-rank-horizontal-padding);--dropdown-button-medium-size-primary-rank-vertical-padding:var(--button-medium-size-primary-rank-vertical-padding);--dropdown-button-medium-size-secondary-rank-horizontal-padding:var(--button-medium-size-secondary-rank-horizontal-padding);--dropdown-button-medium-size-secondary-rank-vertical-padding:var(--button-medium-size-secondary-rank-vertical-padding);--dropdown-button-medium-size-tertiary-rank-horizontal-padding:var(--button-medium-size-tertiary-rank-horizontal-padding);--dropdown-button-medium-size-tertiary-rank-vertical-padding:var(--button-medium-size-tertiary-rank-vertical-padding);--dropdown-button-medium-size-text-case:var(--button-medium-size-text-case);--dropdown-button-medium-size-text-font-family:var(--button-medium-size-text-font-family);--dropdown-button-medium-size-text-leading:var(--button-medium-size-text-leading);--dropdown-button-medium-size-text-number-spacing:var(--button-medium-size-text-number-spacing);--dropdown-button-medium-size-text-scale:var(--button-medium-size-text-scale);--dropdown-button-medium-size-text-size:var(--button-medium-size-text-size);--dropdown-button-medium-size-text-tracking:var(--button-medium-size-text-tracking);--dropdown-button-medium-size-text-weight:var(--button-medium-size-text-weight);--dropdown-button-normal-variant-primary-rank-disabled-state-background-color:var(--dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color:var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);--dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-label-color:var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);--dropdown-button-normal-variant-primary-rank-disabled-state-label-color:var(--dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-label-color);--dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-background-color:var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-label-color:var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);--dropdown-button-normal-variant-primary-rank-focus-state-background-color:var(--dropdown-button-normal-variant-primary-rank-focus-state-light-mode-background-color);--dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-background-color:var(--button-normal-variant-primary-rank-focus-state-dark-mode-background-color);--dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-label-color:var(--button-normal-variant-primary-rank-focus-state-dark-mode-label-color);--dropdown-button-normal-variant-primary-rank-focus-state-label-color:var(--dropdown-button-normal-variant-primary-rank-focus-state-light-mode-label-color);--dropdown-button-normal-variant-primary-rank-focus-state-light-mode-background-color:var(--button-normal-variant-primary-rank-focus-state-light-mode-background-color);--dropdown-button-normal-variant-primary-rank-focus-state-light-mode-label-color:var(--button-normal-variant-primary-rank-focus-state-light-mode-label-color);--dropdown-button-normal-variant-primary-rank-hover-state-background-color:var(--dropdown-button-normal-variant-primary-rank-hover-state-light-mode-background-color);--dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-background-color:var(--button-normal-variant-primary-rank-hover-state-dark-mode-background-color);--dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-label-color:var(--button-normal-variant-primary-rank-hover-state-dark-mode-label-color);--dropdown-button-normal-variant-primary-rank-hover-state-label-color:var(--dropdown-button-normal-variant-primary-rank-hover-state-light-mode-label-color);--dropdown-button-normal-variant-primary-rank-hover-state-light-mode-background-color:var(--button-normal-variant-primary-rank-hover-state-light-mode-background-color);--dropdown-button-normal-variant-primary-rank-hover-state-light-mode-label-color:var(--button-normal-variant-primary-rank-hover-state-light-mode-label-color);--dropdown-button-normal-variant-primary-rank-normal-state-background-color:var(--dropdown-button-normal-variant-primary-rank-normal-state-light-mode-background-color);--dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-background-color:var(--button-normal-variant-primary-rank-normal-state-dark-mode-background-color);--dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-label-color:var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color);--dropdown-button-normal-variant-primary-rank-normal-state-label-color:var(--dropdown-button-normal-variant-primary-rank-normal-state-light-mode-label-color);--dropdown-button-normal-variant-primary-rank-normal-state-light-mode-background-color:var(--button-normal-variant-primary-rank-normal-state-light-mode-background-color);--dropdown-button-normal-variant-primary-rank-normal-state-light-mode-label-color:var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color);--dropdown-button-normal-variant-primary-rank-pressed-state-background-color:var(--dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);--dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color:var(--button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);--dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-label-color:var(--button-normal-variant-primary-rank-pressed-state-dark-mode-label-color);--dropdown-button-normal-variant-primary-rank-pressed-state-label-color:var(--dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-label-color);--dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-background-color:var(--button-normal-variant-primary-rank-pressed-state-light-mode-background-color);--dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-label-color:var(--button-normal-variant-primary-rank-pressed-state-light-mode-label-color);--dropdown-button-normal-variant-secondary-rank-disabled-state-background-color:var(--dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);--dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color:var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color);--dropdown-button-normal-variant-secondary-rank-disabled-state-label-color:var(--dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);--dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color:var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-label-color:var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);--dropdown-button-normal-variant-secondary-rank-focus-state-background-color:var(--dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-background-color);--dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-background-color:var(--button-normal-variant-secondary-rank-focus-state-dark-mode-background-color);--dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-label-color:var(--button-normal-variant-secondary-rank-focus-state-dark-mode-label-color);--dropdown-button-normal-variant-secondary-rank-focus-state-label-color:var(--dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-label-color);--dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-background-color:var(--button-normal-variant-secondary-rank-focus-state-light-mode-background-color);--dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-label-color:var(--button-normal-variant-secondary-rank-focus-state-light-mode-label-color);--dropdown-button-normal-variant-secondary-rank-hover-state-background-color:var(--dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color:var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);--dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-label-color:var(--button-normal-variant-secondary-rank-hover-state-dark-mode-label-color);--dropdown-button-normal-variant-secondary-rank-hover-state-label-color:var(--dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-label-color);--dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-background-color:var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-label-color:var(--button-normal-variant-secondary-rank-hover-state-light-mode-label-color);--dropdown-button-normal-variant-secondary-rank-normal-state-background-color:var(--dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color:var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);--dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-label-color:var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);--dropdown-button-normal-variant-secondary-rank-normal-state-label-color:var(--dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-label-color);--dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-background-color:var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-label-color:var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);--dropdown-button-normal-variant-secondary-rank-pressed-state-background-color:var(--dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);--dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color:var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color);--dropdown-button-normal-variant-secondary-rank-pressed-state-label-color:var(--dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-label-color);--dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color:var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-label-color:var(--button-normal-variant-secondary-rank-pressed-state-light-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-disabled-state-background-color:var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color:var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color:var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-disabled-state-label-color:var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color:var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color:var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-focus-state-background-color:var(--dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color:var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color:var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-focus-state-label-color:var(--dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-background-color:var(--button-normal-variant-tertiary-rank-focus-state-light-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-label-color:var(--button-normal-variant-tertiary-rank-focus-state-light-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-hover-state-background-color:var(--dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color:var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color:var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-hover-state-label-color:var(--dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-background-color:var(--button-normal-variant-tertiary-rank-hover-state-light-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-label-color:var(--button-normal-variant-tertiary-rank-hover-state-light-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-normal-state-background-color:var(--dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color:var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color:var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-normal-state-label-color:var(--dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-background-color:var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-label-color:var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-pressed-state-background-color:var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color:var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color:var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-pressed-state-label-color:var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color:var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color:var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color);--dropdown-button-small-size-content-spacing:var(--button-small-size-content-spacing);--dropdown-button-small-size-minimum-height:var(--button-small-size-minimum-height);--dropdown-button-small-size-minimum-width-multiplier:var(--button-small-size-minimum-width-multiplier);--dropdown-button-small-size-primary-rank-horizontal-padding:var(--button-small-size-primary-rank-horizontal-padding);--dropdown-button-small-size-primary-rank-vertical-padding:var(--button-small-size-primary-rank-vertical-padding);--dropdown-button-small-size-secondary-rank-horizontal-padding:var(--button-small-size-secondary-rank-horizontal-padding);--dropdown-button-small-size-secondary-rank-vertical-padding:var(--button-small-size-secondary-rank-vertical-padding);--dropdown-button-small-size-tertiary-rank-horizontal-padding:var(--button-small-size-tertiary-rank-horizontal-padding);--dropdown-button-small-size-tertiary-rank-vertical-padding:var(--button-small-size-tertiary-rank-vertical-padding);--dropdown-button-small-size-text-case:var(--button-small-size-text-case);--dropdown-button-small-size-text-font-family:var(--button-small-size-text-font-family);--dropdown-button-small-size-text-leading:var(--button-small-size-text-leading);--dropdown-button-small-size-text-number-spacing:var(--button-small-size-text-number-spacing);--dropdown-button-small-size-text-scale:var(--button-small-size-text-scale);--dropdown-button-small-size-text-size:var(--button-small-size-text-size);--dropdown-button-small-size-text-tracking:var(--button-small-size-text-tracking);--dropdown-button-small-size-text-weight:var(--button-small-size-text-weight);--dropdown-button-tertiary-rank-underline:var(--button-tertiary-rank-underline);--dropdown-icon-button-border-radius:var(--icon-button-border-radius);--dropdown-icon-button-disabled-state-background-color:var(--dropdown-icon-button-disabled-state-light-mode-background-color);--dropdown-icon-button-disabled-state-dark-mode-background-color:var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);--dropdown-icon-button-disabled-state-dark-mode-icon-color:var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);--dropdown-icon-button-disabled-state-icon-color:var(--dropdown-icon-button-disabled-state-light-mode-icon-color);--dropdown-icon-button-disabled-state-light-mode-background-color:var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);--dropdown-icon-button-disabled-state-light-mode-icon-color:var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);--dropdown-icon-button-focus-ring-border-size:var(--icon-button-focus-ring-border-size);--dropdown-icon-button-focus-ring-buffer-size:var(--icon-button-focus-ring-buffer-size);--dropdown-icon-button-focus-state-background-color:var(--dropdown-icon-button-focus-state-light-mode-background-color);--dropdown-icon-button-focus-state-dark-mode-background-color:var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);--dropdown-icon-button-focus-state-dark-mode-icon-color:var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);--dropdown-icon-button-focus-state-icon-color:var(--dropdown-icon-button-focus-state-light-mode-icon-color);--dropdown-icon-button-focus-state-light-mode-background-color:var(--icon-button-secondary-rank-focus-state-light-mode-background-color);--dropdown-icon-button-focus-state-light-mode-icon-color:var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);--dropdown-icon-button-hover-state-background-color:var(--dropdown-icon-button-hover-state-light-mode-background-color);--dropdown-icon-button-hover-state-dark-mode-background-color:var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);--dropdown-icon-button-hover-state-dark-mode-icon-color:var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);--dropdown-icon-button-hover-state-icon-color:var(--dropdown-icon-button-hover-state-light-mode-icon-color);--dropdown-icon-button-hover-state-light-mode-background-color:var(--icon-button-secondary-rank-hover-state-light-mode-background-color);--dropdown-icon-button-hover-state-light-mode-icon-color:var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);--dropdown-icon-button-large-size-icon-height:var(--icon-button-large-size-icon-height);--dropdown-icon-button-large-size-icon-width:var(--icon-button-large-size-icon-width);--dropdown-icon-button-large-size-minimum-height:var(--icon-button-large-size-minimum-height);--dropdown-icon-button-large-size-padding-size:var(--icon-button-large-size-padding-size);--dropdown-icon-button-large-size-width-multiplier:var(--icon-button-large-size-width-multiplier);--dropdown-icon-button-medium-size-horizontal-spacing-size:var(--icon-button-medium-size-horizontal-spacing-size);--dropdown-icon-button-medium-size-icon-height:var(--icon-button-medium-size-icon-height);--dropdown-icon-button-medium-size-icon-width:var(--icon-button-medium-size-icon-width);--dropdown-icon-button-medium-size-minimum-height:var(--icon-button-medium-size-minimum-height);--dropdown-icon-button-medium-size-padding-size:var(--icon-button-medium-size-padding-size);--dropdown-icon-button-medium-size-width-multiplier:var(--icon-button-medium-size-width-multiplier);--dropdown-icon-button-normal-state-background-color:var(--dropdown-icon-button-normal-state-light-mode-background-color);--dropdown-icon-button-normal-state-dark-mode-background-color:var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);--dropdown-icon-button-normal-state-dark-mode-icon-color:var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);--dropdown-icon-button-normal-state-icon-color:var(--dropdown-icon-button-normal-state-light-mode-icon-color);--dropdown-icon-button-normal-state-light-mode-background-color:var(--icon-button-secondary-rank-normal-state-light-mode-background-color);--dropdown-icon-button-normal-state-light-mode-icon-color:var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);--dropdown-icon-button-pressed-state-background-color:var(--dropdown-icon-button-pressed-state-light-mode-background-color);--dropdown-icon-button-pressed-state-dark-mode-background-color:var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);--dropdown-icon-button-pressed-state-dark-mode-icon-color:var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);--dropdown-icon-button-pressed-state-icon-color:var(--dropdown-icon-button-pressed-state-light-mode-icon-color);--dropdown-icon-button-pressed-state-light-mode-background-color:var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);--dropdown-icon-button-pressed-state-light-mode-icon-color:var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);--dropdown-icon-button-small-size-icon-height:var(--icon-button-small-size-icon-height);--dropdown-icon-button-small-size-icon-width:var(--icon-button-small-size-icon-width);--dropdown-icon-button-small-size-minimum-height:var(--icon-button-small-size-minimum-height);--dropdown-icon-button-small-size-padding-size:var(--icon-button-small-size-padding-size);--dropdown-icon-button-small-size-width-multiplier:var(--icon-button-small-size-width-multiplier);--empty-state-background-color:var(--empty-state-background-light-mode-color);--empty-state-background-dark-mode-color:var(--core-surface-10-dark-mode-color);--empty-state-background-light-mode-color:var(--core-surface-10-light-mode-color);--empty-state-border-color:var(--empty-state-border-light-mode-color);--empty-state-border-dark-mode-color:var(--core-fill-30-dark-mode-color);--empty-state-border-light-mode-color:var(--core-fill-30-light-mode-color);--empty-state-border-radius:var(--core-radius-200);--empty-state-border-width:var(--core-border-10);--empty-state-button-group-overflow-button-border-radius:var(--button-group-overflow-button-border-radius);--empty-state-button-group-overflow-button-compact-size-minimum-height:var(--button-group-overflow-button-compact-size-minimum-height);--empty-state-button-group-overflow-button-compact-size-minimum-padding-size:var(--button-group-overflow-button-compact-size-minimum-padding-size);--empty-state-button-group-overflow-button-compact-size-minimum-width:var(--button-group-overflow-button-compact-size-minimum-width);--empty-state-button-group-overflow-button-compact-size-padding-size:var(--button-group-overflow-button-compact-size-padding-size);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-disabled-state-background-color:var(--empty-state-button-group-overflow-button-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-disabled-state-light-mode-background-color:var(--button-group-overflow-button-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-focus-ring-border-size:var(--button-group-overflow-button-focus-ring-border-size);--empty-state-button-group-overflow-button-focus-ring-buffer-size:var(--button-group-overflow-button-focus-ring-buffer-size);--empty-state-button-group-overflow-button-focus-state-background-color:var(--empty-state-button-group-overflow-button-focus-state-light-mode-background-color);--empty-state-button-group-overflow-button-focus-state-dark-mode-background-color:var(--button-group-overflow-button-focus-state-dark-mode-background-color);--empty-state-button-group-overflow-button-focus-state-dark-mode-icon-color:var(--button-group-overflow-button-focus-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-focus-state-icon-color:var(--empty-state-button-group-overflow-button-focus-state-light-mode-icon-color);--empty-state-button-group-overflow-button-focus-state-light-mode-background-color:var(--button-group-overflow-button-focus-state-light-mode-background-color);--empty-state-button-group-overflow-button-focus-state-light-mode-icon-color:var(--button-group-overflow-button-focus-state-light-mode-icon-color);--empty-state-button-group-overflow-button-hover-state-background-color:var(--empty-state-button-group-overflow-button-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-hover-state-dark-mode-background-color:var(--button-group-overflow-button-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-hover-state-icon-color:var(--empty-state-button-group-overflow-button-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-hover-state-light-mode-background-color:var(--button-group-overflow-button-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-hover-state-light-mode-icon-color:var(--button-group-overflow-button-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-large-size-icon-height:var(--button-group-overflow-button-large-size-icon-height);--empty-state-button-group-overflow-button-large-size-icon-width:var(--button-group-overflow-button-large-size-icon-width);--empty-state-button-group-overflow-button-large-size-minimum-height:var(--button-group-overflow-button-large-size-minimum-height);--empty-state-button-group-overflow-button-large-size-padding-size:var(--button-group-overflow-button-large-size-padding-size);--empty-state-button-group-overflow-button-large-size-width-multiplier:var(--button-group-overflow-button-large-size-width-multiplier);--empty-state-button-group-overflow-button-medium-size-horizontal-spacing-size:var(--button-group-overflow-button-medium-size-horizontal-spacing-size);--empty-state-button-group-overflow-button-medium-size-icon-height:var(--button-group-overflow-button-medium-size-icon-height);--empty-state-button-group-overflow-button-medium-size-icon-width:var(--button-group-overflow-button-medium-size-icon-width);--empty-state-button-group-overflow-button-medium-size-minimum-height:var(--button-group-overflow-button-medium-size-minimum-height);--empty-state-button-group-overflow-button-medium-size-padding-size:var(--button-group-overflow-button-medium-size-padding-size);--empty-state-button-group-overflow-button-medium-size-width-multiplier:var(--button-group-overflow-button-medium-size-width-multiplier);--empty-state-button-group-overflow-button-minimum-height:var(--button-group-overflow-button-minimum-height);--empty-state-button-group-overflow-button-minimum-width:var(--button-group-overflow-button-minimum-width);--empty-state-button-group-overflow-button-normal-size-minimum-height:var(--button-group-overflow-button-normal-size-minimum-height);--empty-state-button-group-overflow-button-normal-size-minimum-width:var(--button-group-overflow-button-normal-size-minimum-width);--empty-state-button-group-overflow-button-normal-size-padding-size:var(--button-group-overflow-button-normal-size-padding-size);--empty-state-button-group-overflow-button-normal-state-background-color:var(--empty-state-button-group-overflow-button-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-state-dark-mode-background-color:var(--button-group-overflow-button-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-state-icon-color:var(--empty-state-button-group-overflow-button-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-state-light-mode-background-color:var(--button-group-overflow-button-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-state-light-mode-icon-color:var(--button-group-overflow-button-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-padding-size:var(--button-group-overflow-button-padding-size);--empty-state-button-group-overflow-button-pressed-state-background-color:var(--empty-state-button-group-overflow-button-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-pressed-state-light-mode-background-color:var(--button-group-overflow-button-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-disabled-state-background-color:var(--empty-state-button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-focus-state-background-color:var(--empty-state-button-group-overflow-button-primary-rank-focus-state-light-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color:var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color:var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-focus-state-icon-color:var(--empty-state-button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-focus-state-light-mode-background-color:var(--button-group-overflow-button-primary-rank-focus-state-light-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color:var(--button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-hover-state-background-color:var(--empty-state-button-group-overflow-button-primary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-hover-state-icon-color:var(--empty-state-button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-primary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-normal-state-background-color:var(--empty-state-button-group-overflow-button-primary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-normal-state-icon-color:var(--empty-state-button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-primary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-pressed-state-background-color:var(--empty-state-button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-disabled-state-background-color:var(--empty-state-button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-focus-state-background-color:var(--empty-state-button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color:var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color:var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-focus-state-icon-color:var(--empty-state-button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color:var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color:var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-hover-state-background-color:var(--empty-state-button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-hover-state-icon-color:var(--empty-state-button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-normal-state-background-color:var(--empty-state-button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-normal-state-icon-color:var(--empty-state-button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-pressed-state-background-color:var(--empty-state-button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-size-multiplier:var(--button-group-overflow-button-size-multiplier);--empty-state-button-group-overflow-button-small-size-icon-height:var(--button-group-overflow-button-small-size-icon-height);--empty-state-button-group-overflow-button-small-size-icon-width:var(--button-group-overflow-button-small-size-icon-width);--empty-state-button-group-overflow-button-small-size-minimum-height:var(--button-group-overflow-button-small-size-minimum-height);--empty-state-button-group-overflow-button-small-size-padding-size:var(--button-group-overflow-button-small-size-padding-size);--empty-state-button-group-overflow-button-small-size-width-multiplier:var(--button-group-overflow-button-small-size-width-multiplier);--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-background-color:var(--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-focus-state-background-color:var(--empty-state-button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color:var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-focus-state-icon-color:var(--empty-state-button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color:var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-hover-state-background-color:var(--empty-state-button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-hover-state-icon-color:var(--empty-state-button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-normal-state-background-color:var(--empty-state-button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-normal-state-icon-color:var(--empty-state-button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-background-color:var(--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);--empty-state-button-group-spacing:var(--button-group-spacing);--empty-state-button-group-vertical-spacing:var(--core-metrics-spacing-400);--empty-state-heading-color:var(--empty-state-heading-light-mode-color);--empty-state-heading-dark-mode-color:var(--core-text-10-dark-mode-color);--empty-state-heading-light-mode-color:var(--core-text-10-light-mode-color);--empty-state-heading-text-case:var(--core-type-heading-20-case);--empty-state-heading-text-color:var(--empty-state-heading-text-light-mode-color);--empty-state-heading-text-dark-mode-color:var(--core-text-10-dark-mode-color);--empty-state-heading-text-font-family:var(--core-type-heading-20-font-family);--empty-state-heading-text-leading:var(--core-type-heading-20-leading);--empty-state-heading-text-light-mode-color:var(--core-text-10-light-mode-color);--empty-state-heading-text-number-spacing:var(--core-type-heading-20-number-spacing);--empty-state-heading-text-scale:var(--core-type-heading-20-scale);--empty-state-heading-text-size:var(--core-type-heading-20-size);--empty-state-heading-text-tracking:var(--core-type-heading-20-tracking);--empty-state-heading-text-weight:var(--core-type-heading-20-weight);--empty-state-horizontal-padding:var(--core-metrics-spacing-400);--empty-state-icon-size:80px;--empty-state-illustration-size:96px;--empty-state-paragraph-text-case:var(--core-type-paragraph-30-case);--empty-state-paragraph-text-color:var(--empty-state-paragraph-text-light-mode-color);--empty-state-paragraph-text-dark-mode-color:var(--core-text-10-dark-mode-color);--empty-state-paragraph-text-font-family:var(--core-type-paragraph-30-font-family);--empty-state-paragraph-text-leading:var(--core-type-paragraph-30-leading);--empty-state-paragraph-text-light-mode-color:var(--core-text-10-light-mode-color);--empty-state-paragraph-text-number-spacing:var(--core-type-paragraph-30-number-spacing);--empty-state-paragraph-text-scale:var(--core-type-paragraph-30-scale);--empty-state-paragraph-text-size:var(--core-type-paragraph-30-size);--empty-state-paragraph-text-tracking:var(--core-type-paragraph-30-tracking);--empty-state-paragraph-text-weight:var(--core-type-paragraph-30-weight);--empty-state-paragraph-vertical-spacing:var(--core-metrics-spacing-100);--empty-state-vertical-padding:var(--core-metrics-spacing-400);--field-action-text-case:var(--core-type-semibold-20-case);--field-action-text-color:var(--field-light-mode-action-text-color);--field-action-text-font-family:var(--core-type-semibold-20-font-family);--field-action-text-leading:var(--core-type-semibold-20-leading);--field-action-text-number-spacing:var(--core-type-semibold-20-number-spacing);--field-action-text-scale:var(--core-type-semibold-20-scale);--field-action-text-size:var(--core-type-semibold-20-size);--field-action-text-tracking:var(--core-type-semibold-20-tracking);--field-action-text-weight:var(--core-type-semibold-20-weight);--field-action-vertical-padding-size:8px;--field-border-radius:var(--core-radius-forms);--field-border-size:1px;--field-dark-mode-action-text-color:var(--core-emphasis-fill-dark-mode-color);--field-dark-mode-error-message-text-color:var(--core-critical-text-dark-mode-color);--field-dark-mode-helper-text-text-color:var(--core-text-20-dark-mode-color);--field-dark-mode-placeholder-text-color:var(--core-text-20-dark-mode-color);--field-dark-mode-selection-caret-color:var(--field-dark-mode-selection-text-cursor-color);--field-dark-mode-selection-highlight-color:var(--core-fill-30-dark-mode-color);--field-dark-mode-selection-text-cursor-color:var(--core-text-10-dark-mode-color);--field-disabled-state-background-color:var(--field-disabled-state-light-mode-background-color);--field-disabled-state-border-color:var(--field-disabled-state-light-mode-border-color);--field-disabled-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--field-disabled-state-dark-mode-border-color:var(--core-fill-40-dark-mode-color);--field-disabled-state-dark-mode-input-color:var(--field-disabled-state-empty-phase-dark-mode-label-color);--field-disabled-state-empty-phase-dark-mode-label-color:var(--core-text-30-dark-mode-color);--field-disabled-state-empty-phase-label-color:var(--field-disabled-state-empty-phase-light-mode-label-color);--field-disabled-state-empty-phase-light-mode-label-color:var(--core-text-30-light-mode-color);--field-disabled-state-float-phase-dark-mode-label-color:var(--core-text-30-dark-mode-color);--field-disabled-state-float-phase-label-color:var(--field-disabled-state-float-phase-light-mode-label-color);--field-disabled-state-float-phase-light-mode-label-color:var(--core-text-30-light-mode-color);--field-disabled-state-input-color:var(--field-disabled-state-light-mode-input-color);--field-disabled-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--field-disabled-state-light-mode-border-color:var(--core-fill-40-light-mode-color);--field-disabled-state-light-mode-input-color:var(--field-disabled-state-empty-phase-light-mode-label-color);--field-empty-phase-horizontal-padding-size:16px;--field-empty-phase-label-text-case:var(--core-type-paragraph-30-case);--field-empty-phase-label-text-font-family:var(--core-type-paragraph-30-font-family);--field-empty-phase-label-text-leading:var(--core-type-paragraph-30-leading);--field-empty-phase-label-text-number-spacing:var(--core-type-paragraph-30-number-spacing);--field-empty-phase-label-text-scale:var(--core-type-paragraph-30-scale);--field-empty-phase-label-text-size:var(--core-type-paragraph-30-size);--field-empty-phase-label-text-tracking:var(--core-type-paragraph-30-tracking);--field-empty-phase-label-text-weight:var(--core-type-paragraph-30-weight);--field-empty-phase-vertical-padding-size:20px;--field-error-message-icon-buffer-size:8px;--field-error-message-icon-height:8px;--field-error-message-icon-vertical-spacing:8px;--field-error-message-icon-width:var(--field-error-message-icon-height);--field-error-message-text-case:var(--core-type-paragraph-20-case);--field-error-message-text-color:var(--field-light-mode-error-message-text-color);--field-error-message-text-font-family:var(--core-type-paragraph-20-font-family);--field-error-message-text-leading:var(--core-type-paragraph-20-leading);--field-error-message-text-number-spacing:var(--core-type-paragraph-20-number-spacing);--field-error-message-text-scale:var(--core-type-paragraph-20-scale);--field-error-message-text-size:var(--core-type-paragraph-20-size);--field-error-message-text-tracking:var(--core-type-paragraph-20-tracking);--field-error-message-text-vertical-spacing:8px;--field-error-message-text-weight:var(--core-type-paragraph-20-weight);--field-float-phase-horizontal-padding-size:var(--field-empty-phase-horizontal-padding-size);--field-float-phase-label-margin-bottom-size:2px;--field-float-phase-label-margin-top-size:8px;--field-float-phase-label-text-case:var(--core-type-semibold-20-case);--field-float-phase-label-text-font-family:var(--core-type-semibold-20-font-family);--field-float-phase-label-text-leading:var(--core-type-semibold-20-leading);--field-float-phase-label-text-number-spacing:var(--core-type-semibold-20-number-spacing);--field-float-phase-label-text-scale:var(--core-type-semibold-20-scale);--field-float-phase-label-text-size:var(--core-type-semibold-20-size);--field-float-phase-label-text-tracking:var(--core-type-semibold-20-tracking);--field-float-phase-label-text-weight:500;--field-float-phase-vertical-padding-size:8px;--field-focus-state-background-color:var(--field-focus-state-light-mode-background-color);--field-focus-state-border-size:2px;--field-focus-state-dark-mode-background-color:var(--field-normal-state-dark-mode-background-color);--field-focus-state-dark-mode-input-color:var(--field-normal-state-dark-mode-input-color);--field-focus-state-float-phase-dark-mode-label-color:var(--field-normal-state-float-phase-dark-mode-label-color);--field-focus-state-float-phase-label-color:var(--field-focus-state-float-phase-light-mode-label-color);--field-focus-state-float-phase-light-mode-label-color:var(--field-normal-state-float-phase-light-mode-label-color);--field-focus-state-input-color:var(--field-focus-state-light-mode-input-color);--field-focus-state-invalid-validity-border-color:var(--field-focus-state-invalid-validity-light-mode-border-color);--field-focus-state-invalid-validity-dark-mode-border-color:var(--field-focus-state-normal-validity-dark-mode-border-color);--field-focus-state-invalid-validity-light-mode-border-color:var(--field-focus-state-normal-validity-light-mode-border-color);--field-focus-state-light-mode-background-color:var(--field-normal-state-light-mode-background-color);--field-focus-state-light-mode-input-color:var(--field-normal-state-light-mode-input-color);--field-focus-state-normal-validity-border-color:var(--field-focus-state-normal-validity-light-mode-border-color);--field-focus-state-normal-validity-dark-mode-border-color:var(--core-emphasis-fill-dark-mode-color);--field-focus-state-normal-validity-light-mode-border-color:var(--core-emphasis-fill-light-mode-color);--field-helper-text-case:var(--core-type-paragraph-20-case);--field-helper-text-font-family:var(--core-type-paragraph-20-font-family);--field-helper-text-horizontal-spacing:0px;--field-helper-text-leading:var(--core-type-paragraph-20-leading);--field-helper-text-number-spacing:var(--core-type-paragraph-20-number-spacing);--field-helper-text-scale:var(--core-type-paragraph-20-scale);--field-helper-text-size:var(--core-type-paragraph-20-size);--field-helper-text-text-color:var(--field-light-mode-helper-text-text-color);--field-helper-text-tracking:var(--core-type-paragraph-20-tracking);--field-helper-text-vertical-spacing:8px;--field-helper-text-weight:var(--core-type-paragraph-20-weight);--field-hover-state-background-color:var(--field-hover-state-light-mode-background-color);--field-hover-state-dark-mode-background-color:var(--field-normal-state-dark-mode-background-color);--field-hover-state-dark-mode-input-color:var(--field-normal-state-dark-mode-input-color);--field-hover-state-empty-phase-dark-mode-label-color:var(--field-normal-state-empty-phase-dark-mode-label-color);--field-hover-state-empty-phase-label-color:var(--field-hover-state-empty-phase-light-mode-label-color);--field-hover-state-empty-phase-light-mode-label-color:var(--field-normal-state-empty-phase-light-mode-label-color);--field-hover-state-float-phase-dark-mode-label-color:var(--field-normal-state-float-phase-dark-mode-label-color);--field-hover-state-float-phase-label-color:var(--field-hover-state-float-phase-light-mode-label-color);--field-hover-state-float-phase-light-mode-label-color:var(--field-normal-state-float-phase-light-mode-label-color);--field-hover-state-input-color:var(--field-hover-state-light-mode-input-color);--field-hover-state-invalid-validity-border-color:var(--field-hover-state-invalid-validity-light-mode-border-color);--field-hover-state-invalid-validity-dark-mode-border-color:var(--field-hover-state-normal-validity-dark-mode-border-color);--field-hover-state-invalid-validity-light-mode-border-color:var(--field-hover-state-normal-validity-light-mode-border-color);--field-hover-state-light-mode-background-color:var(--field-normal-state-light-mode-background-color);--field-hover-state-light-mode-input-color:var(--field-normal-state-light-mode-input-color);--field-hover-state-normal-validity-border-color:var(--field-hover-state-normal-validity-light-mode-border-color);--field-hover-state-normal-validity-dark-mode-border-color:var(--core-emphasis-fill-dark-mode-color);--field-hover-state-normal-validity-light-mode-border-color:var(--core-emphasis-fill-light-mode-color);--field-icon-buffer-size:16px;--field-icon-height:24px;--field-icon-width:var(--field-icon-height);--field-image-accessory-spacing-left-size:12px;--field-input-case:var(--core-type-paragraph-30-case);--field-input-font-family:var(--core-type-paragraph-30-font-family);--field-input-leading:var(--core-type-paragraph-30-leading);--field-input-number-spacing:var(--core-type-paragraph-30-number-spacing);--field-input-scale:var(--core-type-paragraph-30-scale);--field-input-size:var(--core-type-paragraph-30-size);--field-input-tracking:var(--core-type-paragraph-30-tracking);--field-input-weight:var(--core-type-paragraph-30-weight);--field-light-mode-action-text-color:var(--core-emphasis-fill-light-mode-color);--field-light-mode-error-message-text-color:var(--core-critical-text-light-mode-color);--field-light-mode-helper-text-text-color:var(--core-text-20-light-mode-color);--field-light-mode-placeholder-text-color:var(--core-text-20-light-mode-color);--field-light-mode-selection-caret-color:var(--field-light-mode-selection-text-cursor-color);--field-light-mode-selection-highlight-color:var(--core-fill-30-light-mode-color);--field-light-mode-selection-text-cursor-color:var(--core-text-10-light-mode-color);--field-normal-state-background-color:var(--field-normal-state-light-mode-background-color);--field-normal-state-dark-mode-background-color:var(--core-surface-5-dark-mode-color);--field-normal-state-dark-mode-input-color:var(--core-text-10-dark-mode-color);--field-normal-state-empty-phase-dark-mode-label-color:var(--core-text-20-dark-mode-color);--field-normal-state-empty-phase-label-color:var(--field-normal-state-empty-phase-light-mode-label-color);--field-normal-state-empty-phase-light-mode-label-color:var(--core-text-20-light-mode-color);--field-normal-state-float-phase-dark-mode-label-color:var(--core-text-10-dark-mode-color);--field-normal-state-float-phase-label-color:var(--field-normal-state-float-phase-light-mode-label-color);--field-normal-state-float-phase-light-mode-label-color:var(--core-text-10-light-mode-color);--field-normal-state-input-color:var(--field-normal-state-light-mode-input-color);--field-normal-state-invalid-validity-border-color:var(--field-normal-state-invalid-validity-light-mode-border-color);--field-normal-state-invalid-validity-dark-mode-border-color:var(--core-critical-fill-dark-mode-color);--field-normal-state-invalid-validity-light-mode-border-color:var(--core-critical-fill-light-mode-color);--field-normal-state-light-mode-background-color:var(--core-surface-5-light-mode-color);--field-normal-state-light-mode-input-color:var(--core-text-10-light-mode-color);--field-normal-state-normal-validity-border-color:var(--field-normal-state-normal-validity-light-mode-border-color);--field-normal-state-normal-validity-border-high-contrast-color:var(--field-normal-state-normal-validity-light-mode-border-high-contrast-color);--field-normal-state-normal-validity-border-normal-contrast-color:var(--field-normal-state-normal-validity-light-mode-border-normal-contrast-color);--field-normal-state-normal-validity-dark-mode-border-color:var(--core-fill-30-dark-mode-color);--field-normal-state-normal-validity-dark-mode-border-high-contrast-color:var(--core-fill-20-dark-mode-color);--field-normal-state-normal-validity-dark-mode-border-normal-contrast-color:var(--core-fill-30-dark-mode-color);--field-normal-state-normal-validity-light-mode-border-color:var(--core-fill-30-light-mode-color);--field-normal-state-normal-validity-light-mode-border-high-contrast-color:var(--core-fill-20-light-mode-color);--field-normal-state-normal-validity-light-mode-border-normal-contrast-color:var(--core-fill-30-light-mode-color);--field-placeholder-text-color:var(--field-light-mode-placeholder-text-color);--field-selection-caret-color:var(--field-light-mode-selection-caret-color);--field-selection-highlight-color:var(--field-light-mode-selection-highlight-color);--field-selection-text-cursor-color:var(--field-light-mode-selection-text-cursor-color);--field-trailing-accessory-buffer-size:16px;--field-trailing-accessory-disabled-state-opacity:var(--core-opacity-disabled-state);--field-trailing-accessory-height:48px;--field-trailing-accessory-position-bottom-size:8px;--field-trailing-accessory-position-right-size:0px;--field-trailing-accessory-width:var(--field-trailing-accessory-height);--file-upload-dropzone-disabled-state-background-color:var(--file-upload-dropzone-disabled-state-background-light-mode-color);--file-upload-dropzone-disabled-state-background-dark-mode-color:var(--core-fill-50-dark-mode-color);--file-upload-dropzone-disabled-state-background-light-mode-color:var(--core-fill-50-light-mode-color);--file-upload-dropzone-disabled-state-border-color:var(--file-upload-dropzone-disabled-state-border-light-mode-color);--file-upload-dropzone-disabled-state-border-dark-mode-color:var(--core-fill-40-dark-mode-color);--file-upload-dropzone-disabled-state-border-light-mode-color:var(--core-fill-40-light-mode-color);--file-upload-dropzone-disabled-state-border-radius:var(--file-upload-dropzone-normal-state-border-radius);--file-upload-dropzone-disabled-state-border-width:var(--file-upload-dropzone-normal-state-border-width);--file-upload-dropzone-disabled-state-icon-color:var(--file-upload-dropzone-disabled-state-icon-light-mode-color);--file-upload-dropzone-disabled-state-icon-dark-mode-color:var(--core-text-30-dark-mode-color);--file-upload-dropzone-disabled-state-icon-light-mode-color:var(--core-text-30-light-mode-color);--file-upload-dropzone-disabled-state-subtext-case:var(--file-upload-dropzone-normal-state-subtext-case);--file-upload-dropzone-disabled-state-subtext-color:var(--file-upload-dropzone-disabled-state-subtext-light-mode-color);--file-upload-dropzone-disabled-state-subtext-dark-mode-color:var(--file-upload-dropzone-normal-state-subtext-dark-mode-color);--file-upload-dropzone-disabled-state-subtext-font-family:var(--file-upload-dropzone-normal-state-subtext-font-family);--file-upload-dropzone-disabled-state-subtext-leading:var(--file-upload-dropzone-normal-state-subtext-leading);--file-upload-dropzone-disabled-state-subtext-light-mode-color:var(--file-upload-dropzone-normal-state-subtext-light-mode-color);--file-upload-dropzone-disabled-state-subtext-number-spacing:var(--file-upload-dropzone-normal-state-subtext-number-spacing);--file-upload-dropzone-disabled-state-subtext-scale:var(--file-upload-dropzone-normal-state-subtext-scale);--file-upload-dropzone-disabled-state-subtext-size:var(--file-upload-dropzone-normal-state-subtext-size);--file-upload-dropzone-disabled-state-subtext-tracking:var(--file-upload-dropzone-normal-state-subtext-tracking);--file-upload-dropzone-disabled-state-subtext-weight:var(--file-upload-dropzone-normal-state-subtext-weight);--file-upload-dropzone-disabled-state-text-case:var(--file-upload-dropzone-normal-state-text-case);--file-upload-dropzone-disabled-state-text-color:var(--file-upload-dropzone-disabled-state-text-light-mode-color);--file-upload-dropzone-disabled-state-text-dark-mode-color:var(--file-upload-dropzone-normal-state-text-dark-mode-color);--file-upload-dropzone-disabled-state-text-font-family:var(--file-upload-dropzone-normal-state-text-font-family);--file-upload-dropzone-disabled-state-text-leading:var(--file-upload-dropzone-normal-state-text-leading);--file-upload-dropzone-disabled-state-text-light-mode-color:var(--file-upload-dropzone-normal-state-text-light-mode-color);--file-upload-dropzone-disabled-state-text-number-spacing:var(--file-upload-dropzone-normal-state-text-number-spacing);--file-upload-dropzone-disabled-state-text-scale:var(--file-upload-dropzone-normal-state-text-scale);--file-upload-dropzone-disabled-state-text-size:var(--file-upload-dropzone-normal-state-text-size);--file-upload-dropzone-disabled-state-text-tracking:var(--file-upload-dropzone-normal-state-text-tracking);--file-upload-dropzone-disabled-state-text-weight:var(--file-upload-dropzone-normal-state-text-weight);--file-upload-dropzone-horizontal-padding:var(--core-metrics-spacing-400);--file-upload-dropzone-hover-state-background-color:var(--file-upload-dropzone-hover-state-background-light-mode-color);--file-upload-dropzone-hover-state-background-dark-mode-color:var(--core-fill-50-dark-mode-color);--file-upload-dropzone-hover-state-background-light-mode-color:var(--core-fill-50-light-mode-color);--file-upload-dropzone-hover-state-border-color:var(--file-upload-dropzone-hover-state-border-light-mode-color);--file-upload-dropzone-hover-state-border-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--file-upload-dropzone-hover-state-border-light-mode-color:var(--core-emphasis-fill-light-mode-color);--file-upload-dropzone-hover-state-border-radius:var(--file-upload-dropzone-normal-state-border-radius);--file-upload-dropzone-hover-state-border-width:var(--file-upload-dropzone-normal-state-border-width);--file-upload-dropzone-hover-state-icon-color:var(--file-upload-dropzone-hover-state-icon-light-mode-color);--file-upload-dropzone-hover-state-icon-dark-mode-color:var(--file-upload-dropzone-normal-state-icon-dark-mode-color);--file-upload-dropzone-hover-state-icon-light-mode-color:var(--file-upload-dropzone-normal-state-icon-light-mode-color);--file-upload-dropzone-hover-state-subtext-case:var(--file-upload-dropzone-normal-state-subtext-case);--file-upload-dropzone-hover-state-subtext-color:var(--file-upload-dropzone-hover-state-subtext-light-mode-color);--file-upload-dropzone-hover-state-subtext-dark-mode-color:var(--file-upload-dropzone-normal-state-subtext-dark-mode-color);--file-upload-dropzone-hover-state-subtext-font-family:var(--file-upload-dropzone-normal-state-subtext-font-family);--file-upload-dropzone-hover-state-subtext-leading:var(--file-upload-dropzone-normal-state-subtext-leading);--file-upload-dropzone-hover-state-subtext-light-mode-color:var(--file-upload-dropzone-normal-state-subtext-light-mode-color);--file-upload-dropzone-hover-state-subtext-number-spacing:var(--file-upload-dropzone-normal-state-subtext-number-spacing);--file-upload-dropzone-hover-state-subtext-scale:var(--file-upload-dropzone-normal-state-subtext-scale);--file-upload-dropzone-hover-state-subtext-size:var(--file-upload-dropzone-normal-state-subtext-size);--file-upload-dropzone-hover-state-subtext-tracking:var(--file-upload-dropzone-normal-state-subtext-tracking);--file-upload-dropzone-hover-state-subtext-weight:var(--file-upload-dropzone-normal-state-subtext-weight);--file-upload-dropzone-hover-state-text-case:var(--file-upload-dropzone-normal-state-text-case);--file-upload-dropzone-hover-state-text-color:var(--file-upload-dropzone-hover-state-text-light-mode-color);--file-upload-dropzone-hover-state-text-dark-mode-color:var(--file-upload-dropzone-normal-state-text-dark-mode-color);--file-upload-dropzone-hover-state-text-font-family:var(--file-upload-dropzone-normal-state-text-font-family);--file-upload-dropzone-hover-state-text-leading:var(--file-upload-dropzone-normal-state-text-leading);--file-upload-dropzone-hover-state-text-light-mode-color:var(--file-upload-dropzone-normal-state-text-light-mode-color);--file-upload-dropzone-hover-state-text-number-spacing:var(--file-upload-dropzone-normal-state-text-number-spacing);--file-upload-dropzone-hover-state-text-scale:var(--file-upload-dropzone-normal-state-text-scale);--file-upload-dropzone-hover-state-text-size:var(--file-upload-dropzone-normal-state-text-size);--file-upload-dropzone-hover-state-text-tracking:var(--file-upload-dropzone-normal-state-text-tracking);--file-upload-dropzone-hover-state-text-weight:var(--file-upload-dropzone-normal-state-text-weight);--file-upload-dropzone-minimum-height:400px;--file-upload-dropzone-normal-state-background-color:var(--file-upload-dropzone-normal-state-background-light-mode-color);--file-upload-dropzone-normal-state-background-dark-mode-color:var(--core-surface-10-dark-mode-color);--file-upload-dropzone-normal-state-background-light-mode-color:var(--core-surface-10-light-mode-color);--file-upload-dropzone-normal-state-border-color:var(--file-upload-dropzone-normal-state-border-light-mode-color);--file-upload-dropzone-normal-state-border-dark-mode-color:var(--core-fill-20-dark-mode-color);--file-upload-dropzone-normal-state-border-light-mode-color:var(--core-fill-20-light-mode-color);--file-upload-dropzone-normal-state-border-radius:var(--core-radius-200);--file-upload-dropzone-normal-state-border-width:var(--core-border-10);--file-upload-dropzone-normal-state-icon-color:var(--file-upload-dropzone-normal-state-icon-light-mode-color);--file-upload-dropzone-normal-state-icon-dark-mode-color:var(--core-text-10-dark-mode-color);--file-upload-dropzone-normal-state-icon-light-mode-color:var(--core-text-10-light-mode-color);--file-upload-dropzone-normal-state-subtext-case:var(--core-type-paragraph-20-case);--file-upload-dropzone-normal-state-subtext-color:var(--file-upload-dropzone-normal-state-subtext-light-mode-color);--file-upload-dropzone-normal-state-subtext-dark-mode-color:var(--core-text-20-dark-mode-color);--file-upload-dropzone-normal-state-subtext-font-family:var(--core-type-paragraph-20-font-family);--file-upload-dropzone-normal-state-subtext-leading:var(--core-type-paragraph-20-leading);--file-upload-dropzone-normal-state-subtext-light-mode-color:var(--core-text-20-light-mode-color);--file-upload-dropzone-normal-state-subtext-number-spacing:var(--core-type-paragraph-20-number-spacing);--file-upload-dropzone-normal-state-subtext-scale:var(--core-type-paragraph-20-scale);--file-upload-dropzone-normal-state-subtext-size:var(--core-type-paragraph-20-size);--file-upload-dropzone-normal-state-subtext-tracking:var(--core-type-paragraph-20-tracking);--file-upload-dropzone-normal-state-subtext-weight:var(--core-type-paragraph-20-weight);--file-upload-dropzone-normal-state-text-case:var(--core-type-paragraph-30-case);--file-upload-dropzone-normal-state-text-color:var(--file-upload-dropzone-normal-state-text-light-mode-color);--file-upload-dropzone-normal-state-text-dark-mode-color:var(--core-text-10-dark-mode-color);--file-upload-dropzone-normal-state-text-font-family:var(--core-type-paragraph-30-font-family);--file-upload-dropzone-normal-state-text-leading:var(--core-type-paragraph-30-leading);--file-upload-dropzone-normal-state-text-light-mode-color:var(--core-text-10-light-mode-color);--file-upload-dropzone-normal-state-text-number-spacing:var(--core-type-paragraph-30-number-spacing);--file-upload-dropzone-normal-state-text-scale:var(--core-type-paragraph-30-scale);--file-upload-dropzone-normal-state-text-size:var(--core-type-paragraph-30-size);--file-upload-dropzone-normal-state-text-tracking:var(--core-type-paragraph-30-tracking);--file-upload-dropzone-normal-state-text-weight:var(--core-type-paragraph-30-weight);--file-upload-dropzone-pressed-state-background-color:var(--file-upload-dropzone-pressed-state-background-light-mode-color);--file-upload-dropzone-pressed-state-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--file-upload-dropzone-pressed-state-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--file-upload-dropzone-pressed-state-border-color:var(--file-upload-dropzone-pressed-state-border-light-mode-color);--file-upload-dropzone-pressed-state-border-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--file-upload-dropzone-pressed-state-border-light-mode-color:var(--core-emphasis-fill-light-mode-color);--file-upload-dropzone-pressed-state-border-radius:var(--file-upload-dropzone-normal-state-border-radius);--file-upload-dropzone-pressed-state-border-width:var(--file-upload-dropzone-normal-state-border-width);--file-upload-dropzone-pressed-state-icon-color:var(--file-upload-dropzone-pressed-state-icon-light-mode-color);--file-upload-dropzone-pressed-state-icon-dark-mode-color:var(--file-upload-dropzone-normal-state-icon-dark-mode-color);--file-upload-dropzone-pressed-state-icon-light-mode-color:var(--file-upload-dropzone-normal-state-icon-light-mode-color);--file-upload-dropzone-pressed-state-subtext-case:var(--file-upload-dropzone-normal-state-subtext-case);--file-upload-dropzone-pressed-state-subtext-color:var(--file-upload-dropzone-pressed-state-subtext-light-mode-color);--file-upload-dropzone-pressed-state-subtext-dark-mode-color:var(--file-upload-dropzone-normal-state-subtext-dark-mode-color);--file-upload-dropzone-pressed-state-subtext-font-family:var(--file-upload-dropzone-normal-state-subtext-font-family);--file-upload-dropzone-pressed-state-subtext-leading:var(--file-upload-dropzone-normal-state-subtext-leading);--file-upload-dropzone-pressed-state-subtext-light-mode-color:var(--file-upload-dropzone-normal-state-subtext-light-mode-color);--file-upload-dropzone-pressed-state-subtext-number-spacing:var(--file-upload-dropzone-normal-state-subtext-number-spacing);--file-upload-dropzone-pressed-state-subtext-scale:var(--file-upload-dropzone-normal-state-subtext-scale);--file-upload-dropzone-pressed-state-subtext-size:var(--file-upload-dropzone-normal-state-subtext-size);--file-upload-dropzone-pressed-state-subtext-tracking:var(--file-upload-dropzone-normal-state-subtext-tracking);--file-upload-dropzone-pressed-state-subtext-weight:var(--file-upload-dropzone-normal-state-subtext-weight);--file-upload-dropzone-pressed-state-text-case:var(--file-upload-dropzone-normal-state-text-case);--file-upload-dropzone-pressed-state-text-color:var(--file-upload-dropzone-pressed-state-text-light-mode-color);--file-upload-dropzone-pressed-state-text-dark-mode-color:var(--file-upload-dropzone-normal-state-text-dark-mode-color);--file-upload-dropzone-pressed-state-text-font-family:var(--file-upload-dropzone-normal-state-text-font-family);--file-upload-dropzone-pressed-state-text-leading:var(--file-upload-dropzone-normal-state-text-leading);--file-upload-dropzone-pressed-state-text-light-mode-color:var(--file-upload-dropzone-normal-state-text-light-mode-color);--file-upload-dropzone-pressed-state-text-number-spacing:var(--file-upload-dropzone-normal-state-text-number-spacing);--file-upload-dropzone-pressed-state-text-scale:var(--file-upload-dropzone-normal-state-text-scale);--file-upload-dropzone-pressed-state-text-size:var(--file-upload-dropzone-normal-state-text-size);--file-upload-dropzone-pressed-state-text-tracking:var(--file-upload-dropzone-normal-state-text-tracking);--file-upload-dropzone-pressed-state-text-weight:var(--file-upload-dropzone-normal-state-text-weight);--file-upload-dropzone-vertical-padding:var(--file-upload-dropzone-horizontal-padding);--file-upload-upload-item-error-state-background-color:var(--file-upload-upload-item-error-state-background-light-mode-color);--file-upload-upload-item-error-state-background-dark-mode-color:var(--file-upload-upload-item-normal-state-background-dark-mode-color);--file-upload-upload-item-error-state-background-light-mode-color:var(--file-upload-upload-item-normal-state-background-light-mode-color);--file-upload-upload-item-error-state-leading-accessory-background-color:var(--file-upload-upload-item-error-state-leading-accessory-background-light-mode-color);--file-upload-upload-item-error-state-leading-accessory-background-dark-mode-color:var(--file-upload-upload-item-normal-state-background-dark-mode-color);--file-upload-upload-item-error-state-leading-accessory-background-light-mode-color:var(--file-upload-upload-item-normal-state-background-light-mode-color);--file-upload-upload-item-error-state-leading-accessory-height:var(--core-metrics-spacing-300);--file-upload-upload-item-error-state-leading-accessory-icon-color:var(--file-upload-upload-item-error-state-leading-accessory-icon-light-mode-color);--file-upload-upload-item-error-state-leading-accessory-icon-dark-mode-color:var(--core-fill-10-dark-mode-color);--file-upload-upload-item-error-state-leading-accessory-icon-light-mode-color:var(--core-fill-10-light-mode-color);--file-upload-upload-item-error-state-leading-accessory-width:var(--file-upload-upload-item-error-state-leading-accessory-height);--file-upload-upload-item-error-state-subtext-case:var(--file-upload-upload-item-normal-state-subtext-case);--file-upload-upload-item-error-state-subtext-color:var(--file-upload-upload-item-error-state-subtext-light-mode-color);--file-upload-upload-item-error-state-subtext-dark-mode-color:var(--core-critical-text-dark-mode-color);--file-upload-upload-item-error-state-subtext-font-family:var(--file-upload-upload-item-normal-state-subtext-font-family);--file-upload-upload-item-error-state-subtext-leading:var(--file-upload-upload-item-normal-state-subtext-leading);--file-upload-upload-item-error-state-subtext-light-mode-color:var(--core-critical-text-light-mode-color);--file-upload-upload-item-error-state-subtext-number-spacing:var(--file-upload-upload-item-normal-state-subtext-number-spacing);--file-upload-upload-item-error-state-subtext-scale:var(--file-upload-upload-item-normal-state-subtext-scale);--file-upload-upload-item-error-state-subtext-size:var(--file-upload-upload-item-normal-state-subtext-size);--file-upload-upload-item-error-state-subtext-tracking:var(--file-upload-upload-item-normal-state-subtext-tracking);--file-upload-upload-item-error-state-subtext-weight:var(--file-upload-upload-item-normal-state-subtext-weight);--file-upload-upload-item-error-state-text-case:var(--file-upload-upload-item-normal-state-text-case);--file-upload-upload-item-error-state-text-color:var(--file-upload-upload-item-error-state-text-light-mode-color);--file-upload-upload-item-error-state-text-dark-mode-color:var(--file-upload-upload-item-normal-state-text-dark-mode-color);--file-upload-upload-item-error-state-text-font-family:var(--file-upload-upload-item-normal-state-text-font-family);--file-upload-upload-item-error-state-text-leading:var(--file-upload-upload-item-normal-state-text-leading);--file-upload-upload-item-error-state-text-light-mode-color:var(--file-upload-upload-item-normal-state-text-light-mode-color);--file-upload-upload-item-error-state-text-number-spacing:var(--file-upload-upload-item-normal-state-text-number-spacing);--file-upload-upload-item-error-state-text-scale:var(--file-upload-upload-item-normal-state-text-scale);--file-upload-upload-item-error-state-text-size:var(--file-upload-upload-item-normal-state-text-size);--file-upload-upload-item-error-state-text-tracking:var(--file-upload-upload-item-normal-state-text-tracking);--file-upload-upload-item-error-state-text-weight:var(--file-upload-upload-item-normal-state-text-weight);--file-upload-upload-item-error-state-trailing-accessory-icon-color:var(--file-upload-upload-item-error-state-trailing-accessory-icon-light-mode-color);--file-upload-upload-item-error-state-trailing-accessory-icon-dark-mode-color:var(--core-critical-fill-dark-mode-color);--file-upload-upload-item-error-state-trailing-accessory-icon-light-mode-color:var(--core-critical-fill-light-mode-color);--file-upload-upload-item-horizontal-gap:var(--core-metrics-spacing-200);--file-upload-upload-item-hover-state-background-color:var(--file-upload-upload-item-hover-state-background-light-mode-color);--file-upload-upload-item-hover-state-background-dark-mode-color:var(--core-fill-50-dark-mode-color);--file-upload-upload-item-hover-state-background-light-mode-color:var(--core-fill-50-light-mode-color);--file-upload-upload-item-hover-state-leading-accessory-background-color:var(--file-upload-upload-item-hover-state-leading-accessory-background-light-mode-color);--file-upload-upload-item-hover-state-leading-accessory-background-dark-mode-color:var(--file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color);--file-upload-upload-item-hover-state-leading-accessory-background-light-mode-color:var(--file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color);--file-upload-upload-item-hover-state-leading-accessory-height:var(--file-upload-upload-item-normal-state-leading-accessory-height);--file-upload-upload-item-hover-state-leading-accessory-icon-color:var(--file-upload-upload-item-hover-state-leading-accessory-icon-light-mode-color);--file-upload-upload-item-hover-state-leading-accessory-icon-dark-mode-color:var(--file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color);--file-upload-upload-item-hover-state-leading-accessory-icon-light-mode-color:var(--file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color);--file-upload-upload-item-hover-state-leading-accessory-width:var(--file-upload-upload-item-normal-state-leading-accessory-width);--file-upload-upload-item-hover-state-subtext-case:var(--file-upload-upload-item-normal-state-subtext-case);--file-upload-upload-item-hover-state-subtext-color:var(--file-upload-upload-item-hover-state-subtext-light-mode-color);--file-upload-upload-item-hover-state-subtext-dark-mode-color:var(--file-upload-upload-item-normal-state-subtext-dark-mode-color);--file-upload-upload-item-hover-state-subtext-font-family:var(--file-upload-upload-item-normal-state-subtext-font-family);--file-upload-upload-item-hover-state-subtext-leading:var(--file-upload-upload-item-normal-state-subtext-leading);--file-upload-upload-item-hover-state-subtext-light-mode-color:var(--file-upload-upload-item-normal-state-subtext-light-mode-color);--file-upload-upload-item-hover-state-subtext-number-spacing:var(--file-upload-upload-item-normal-state-subtext-number-spacing);--file-upload-upload-item-hover-state-subtext-scale:var(--file-upload-upload-item-normal-state-subtext-scale);--file-upload-upload-item-hover-state-subtext-size:var(--file-upload-upload-item-normal-state-subtext-size);--file-upload-upload-item-hover-state-subtext-tracking:var(--file-upload-upload-item-normal-state-subtext-tracking);--file-upload-upload-item-hover-state-subtext-weight:var(--file-upload-upload-item-normal-state-subtext-weight);--file-upload-upload-item-hover-state-text-case:var(--file-upload-upload-item-normal-state-text-case);--file-upload-upload-item-hover-state-text-color:var(--file-upload-upload-item-hover-state-text-light-mode-color);--file-upload-upload-item-hover-state-text-dark-mode-color:var(--file-upload-upload-item-normal-state-text-dark-mode-color);--file-upload-upload-item-hover-state-text-font-family:var(--file-upload-upload-item-normal-state-text-font-family);--file-upload-upload-item-hover-state-text-leading:var(--file-upload-upload-item-normal-state-text-leading);--file-upload-upload-item-hover-state-text-light-mode-color:var(--file-upload-upload-item-normal-state-text-light-mode-color);--file-upload-upload-item-hover-state-text-number-spacing:var(--file-upload-upload-item-normal-state-text-number-spacing);--file-upload-upload-item-hover-state-text-scale:var(--file-upload-upload-item-normal-state-text-scale);--file-upload-upload-item-hover-state-text-size:var(--file-upload-upload-item-normal-state-text-size);--file-upload-upload-item-hover-state-text-tracking:var(--file-upload-upload-item-normal-state-text-tracking);--file-upload-upload-item-hover-state-text-weight:var(--file-upload-upload-item-normal-state-text-weight);--file-upload-upload-item-hover-state-trailing-accessory-icon-color:var(--file-upload-upload-item-hover-state-trailing-accessory-icon-light-mode-color);--file-upload-upload-item-hover-state-trailing-accessory-icon-dark-mode-color:var(--file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color);--file-upload-upload-item-hover-state-trailing-accessory-icon-light-mode-color:var(--file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color);--file-upload-upload-item-loading-state-background-color:var(--file-upload-upload-item-loading-state-background-light-mode-color);--file-upload-upload-item-loading-state-background-dark-mode-color:var(--file-upload-upload-item-normal-state-background-dark-mode-color);--file-upload-upload-item-loading-state-background-light-mode-color:var(--file-upload-upload-item-normal-state-background-light-mode-color);--file-upload-upload-item-loading-state-leading-accessory-background-color:var(--file-upload-upload-item-loading-state-leading-accessory-background-light-mode-color);--file-upload-upload-item-loading-state-leading-accessory-background-dark-mode-color:var(--file-upload-upload-item-normal-state-background-dark-mode-color);--file-upload-upload-item-loading-state-leading-accessory-background-light-mode-color:var(--file-upload-upload-item-normal-state-background-light-mode-color);--file-upload-upload-item-loading-state-leading-accessory-height:var(--core-metrics-spacing-300);--file-upload-upload-item-loading-state-leading-accessory-icon-color:var(--file-upload-upload-item-loading-state-leading-accessory-icon-light-mode-color);--file-upload-upload-item-loading-state-leading-accessory-icon-dark-mode-color:var(--core-fill-10-dark-mode-color);--file-upload-upload-item-loading-state-leading-accessory-icon-light-mode-color:var(--core-fill-10-light-mode-color);--file-upload-upload-item-loading-state-leading-accessory-width:var(--file-upload-upload-item-loading-state-leading-accessory-height);--file-upload-upload-item-loading-state-subtext-case:var(--core-type-paragraph-20-case);--file-upload-upload-item-loading-state-subtext-color:var(--file-upload-upload-item-loading-state-subtext-light-mode-color);--file-upload-upload-item-loading-state-subtext-dark-mode-color:var(--core-text-20-dark-mode-color);--file-upload-upload-item-loading-state-subtext-font-family:var(--core-type-paragraph-20-font-family);--file-upload-upload-item-loading-state-subtext-leading:var(--core-type-paragraph-20-leading);--file-upload-upload-item-loading-state-subtext-light-mode-color:var(--core-text-20-light-mode-color);--file-upload-upload-item-loading-state-subtext-number-spacing:var(--core-type-paragraph-20-number-spacing);--file-upload-upload-item-loading-state-subtext-scale:var(--core-type-paragraph-20-scale);--file-upload-upload-item-loading-state-subtext-size:var(--core-type-paragraph-20-size);--file-upload-upload-item-loading-state-subtext-tracking:var(--core-type-paragraph-20-tracking);--file-upload-upload-item-loading-state-subtext-weight:var(--core-type-paragraph-20-weight);--file-upload-upload-item-loading-state-text-case:var(--core-type-paragraph-30-case);--file-upload-upload-item-loading-state-text-color:var(--file-upload-upload-item-loading-state-text-light-mode-color);--file-upload-upload-item-loading-state-text-dark-mode-color:var(--core-text-10-dark-mode-color);--file-upload-upload-item-loading-state-text-font-family:var(--core-type-paragraph-30-font-family);--file-upload-upload-item-loading-state-text-leading:var(--core-type-paragraph-30-leading);--file-upload-upload-item-loading-state-text-light-mode-color:var(--core-text-10-light-mode-color);--file-upload-upload-item-loading-state-text-number-spacing:var(--core-type-paragraph-30-number-spacing);--file-upload-upload-item-loading-state-text-scale:var(--core-type-paragraph-30-scale);--file-upload-upload-item-loading-state-text-size:var(--core-type-paragraph-30-size);--file-upload-upload-item-loading-state-text-tracking:var(--core-type-paragraph-30-tracking);--file-upload-upload-item-loading-state-text-weight:var(--core-type-paragraph-30-weight);--file-upload-upload-item-loading-state-trailing-accessory-icon-color:var(--file-upload-upload-item-loading-state-trailing-accessory-icon-light-mode-color);--file-upload-upload-item-loading-state-trailing-accessory-icon-dark-mode-color:var(--core-fill-20-dark-mode-color);--file-upload-upload-item-loading-state-trailing-accessory-icon-light-mode-color:var(--core-fill-20-light-mode-color);--file-upload-upload-item-multiple-value-border-radius:var(--file-upload-upload-item-single-value-border-radius);--file-upload-upload-item-multiple-value-separator-color:var(--file-upload-upload-item-multiple-value-separator-light-mode-color);--file-upload-upload-item-multiple-value-separator-dark-mode-color:var(--core-divider-20-dark-mode-color);--file-upload-upload-item-multiple-value-separator-light-mode-color:var(--core-divider-20-light-mode-color);--file-upload-upload-item-normal-state-background-color:var(--file-upload-upload-item-normal-state-background-light-mode-color);--file-upload-upload-item-normal-state-background-dark-mode-color:var(--core-surface-10-dark-mode-color);--file-upload-upload-item-normal-state-background-light-mode-color:var(--core-surface-10-light-mode-color);--file-upload-upload-item-normal-state-leading-accessory-background-color:var(--file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color);--file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color:var(--core-fill-40-dark-mode-color);--file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color:var(--core-fill-40-light-mode-color);--file-upload-upload-item-normal-state-leading-accessory-height:var(--core-metrics-spacing-300);--file-upload-upload-item-normal-state-leading-accessory-icon-color:var(--file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color);--file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color:var(--core-fill-10-dark-mode-color);--file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color:var(--core-fill-10-light-mode-color);--file-upload-upload-item-normal-state-leading-accessory-width:var(--file-upload-upload-item-normal-state-leading-accessory-height);--file-upload-upload-item-normal-state-subtext-case:var(--core-type-paragraph-20-case);--file-upload-upload-item-normal-state-subtext-color:var(--file-upload-upload-item-normal-state-subtext-light-mode-color);--file-upload-upload-item-normal-state-subtext-dark-mode-color:var(--core-text-20-dark-mode-color);--file-upload-upload-item-normal-state-subtext-font-family:var(--core-type-paragraph-20-font-family);--file-upload-upload-item-normal-state-subtext-leading:var(--core-type-paragraph-20-leading);--file-upload-upload-item-normal-state-subtext-light-mode-color:var(--core-text-20-light-mode-color);--file-upload-upload-item-normal-state-subtext-number-spacing:var(--core-type-paragraph-20-number-spacing);--file-upload-upload-item-normal-state-subtext-scale:var(--core-type-paragraph-20-scale);--file-upload-upload-item-normal-state-subtext-size:var(--core-type-paragraph-20-size);--file-upload-upload-item-normal-state-subtext-tracking:var(--core-type-paragraph-20-tracking);--file-upload-upload-item-normal-state-subtext-weight:var(--core-type-paragraph-20-weight);--file-upload-upload-item-normal-state-text-case:var(--core-type-paragraph-30-case);--file-upload-upload-item-normal-state-text-color:var(--file-upload-upload-item-normal-state-text-light-mode-color);--file-upload-upload-item-normal-state-text-dark-mode-color:var(--core-text-10-dark-mode-color);--file-upload-upload-item-normal-state-text-font-family:var(--core-type-paragraph-30-font-family);--file-upload-upload-item-normal-state-text-leading:var(--core-type-paragraph-30-leading);--file-upload-upload-item-normal-state-text-light-mode-color:var(--core-text-10-light-mode-color);--file-upload-upload-item-normal-state-text-number-spacing:var(--core-type-paragraph-30-number-spacing);--file-upload-upload-item-normal-state-text-scale:var(--core-type-paragraph-30-scale);--file-upload-upload-item-normal-state-text-size:var(--core-type-paragraph-30-size);--file-upload-upload-item-normal-state-text-tracking:var(--core-type-paragraph-30-tracking);--file-upload-upload-item-normal-state-text-weight:var(--core-type-paragraph-30-weight);--file-upload-upload-item-normal-state-trailing-accessory-icon-color:var(--file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color);--file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color:var(--core-fill-20-dark-mode-color);--file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color:var(--core-fill-20-light-mode-color);--file-upload-upload-item-pressed-state-background-color:var(--file-upload-upload-item-pressed-state-background-light-mode-color);--file-upload-upload-item-pressed-state-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--file-upload-upload-item-pressed-state-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--file-upload-upload-item-pressed-state-leading-accessory-background-color:var(--file-upload-upload-item-pressed-state-leading-accessory-background-light-mode-color);--file-upload-upload-item-pressed-state-leading-accessory-background-dark-mode-color:var(--file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color);--file-upload-upload-item-pressed-state-leading-accessory-background-light-mode-color:var(--file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color);--file-upload-upload-item-pressed-state-leading-accessory-height:var(--file-upload-upload-item-normal-state-leading-accessory-height);--file-upload-upload-item-pressed-state-leading-accessory-icon-color:var(--file-upload-upload-item-pressed-state-leading-accessory-icon-light-mode-color);--file-upload-upload-item-pressed-state-leading-accessory-icon-dark-mode-color:var(--file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color);--file-upload-upload-item-pressed-state-leading-accessory-icon-light-mode-color:var(--file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color);--file-upload-upload-item-pressed-state-leading-accessory-width:var(--file-upload-upload-item-normal-state-leading-accessory-width);--file-upload-upload-item-pressed-state-subtext-case:var(--file-upload-upload-item-normal-state-subtext-case);--file-upload-upload-item-pressed-state-subtext-color:var(--file-upload-upload-item-pressed-state-subtext-light-mode-color);--file-upload-upload-item-pressed-state-subtext-dark-mode-color:var(--file-upload-upload-item-normal-state-subtext-dark-mode-color);--file-upload-upload-item-pressed-state-subtext-font-family:var(--file-upload-upload-item-normal-state-subtext-font-family);--file-upload-upload-item-pressed-state-subtext-leading:var(--file-upload-upload-item-normal-state-subtext-leading);--file-upload-upload-item-pressed-state-subtext-light-mode-color:var(--file-upload-upload-item-normal-state-subtext-light-mode-color);--file-upload-upload-item-pressed-state-subtext-number-spacing:var(--file-upload-upload-item-normal-state-subtext-number-spacing);--file-upload-upload-item-pressed-state-subtext-scale:var(--file-upload-upload-item-normal-state-subtext-scale);--file-upload-upload-item-pressed-state-subtext-size:var(--file-upload-upload-item-normal-state-subtext-size);--file-upload-upload-item-pressed-state-subtext-tracking:var(--file-upload-upload-item-normal-state-subtext-tracking);--file-upload-upload-item-pressed-state-subtext-weight:var(--file-upload-upload-item-normal-state-subtext-weight);--file-upload-upload-item-pressed-state-text-case:var(--file-upload-upload-item-normal-state-text-case);--file-upload-upload-item-pressed-state-text-color:var(--file-upload-upload-item-pressed-state-text-light-mode-color);--file-upload-upload-item-pressed-state-text-dark-mode-color:var(--file-upload-upload-item-normal-state-text-dark-mode-color);--file-upload-upload-item-pressed-state-text-font-family:var(--file-upload-upload-item-normal-state-text-font-family);--file-upload-upload-item-pressed-state-text-leading:var(--file-upload-upload-item-normal-state-text-leading);--file-upload-upload-item-pressed-state-text-light-mode-color:var(--file-upload-upload-item-normal-state-text-light-mode-color);--file-upload-upload-item-pressed-state-text-number-spacing:var(--file-upload-upload-item-normal-state-text-number-spacing);--file-upload-upload-item-pressed-state-text-scale:var(--file-upload-upload-item-normal-state-text-scale);--file-upload-upload-item-pressed-state-text-size:var(--file-upload-upload-item-normal-state-text-size);--file-upload-upload-item-pressed-state-text-tracking:var(--file-upload-upload-item-normal-state-text-tracking);--file-upload-upload-item-pressed-state-text-weight:var(--file-upload-upload-item-normal-state-text-weight);--file-upload-upload-item-pressed-state-trailing-accessory-icon-color:var(--file-upload-upload-item-pressed-state-trailing-accessory-icon-light-mode-color);--file-upload-upload-item-pressed-state-trailing-accessory-icon-dark-mode-color:var(--file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color);--file-upload-upload-item-pressed-state-trailing-accessory-icon-light-mode-color:var(--file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color);--file-upload-upload-item-single-value-border-color-color:var(--file-upload-upload-item-single-value-border-color-light-mode-color);--file-upload-upload-item-single-value-border-color-dark-mode-color:var(--core-fill-30-dark-mode-color);--file-upload-upload-item-single-value-border-color-light-mode-color:var(--core-fill-30-light-mode-color);--file-upload-upload-item-single-value-border-radius:var(--core-radius-200);--file-upload-upload-item-single-value-border-width:var(--core-border-10);--file-upload-upload-item-success-state-background-color:var(--file-upload-upload-item-success-state-background-light-mode-color);--file-upload-upload-item-success-state-background-dark-mode-color:var(--file-upload-upload-item-normal-state-background-dark-mode-color);--file-upload-upload-item-success-state-background-light-mode-color:var(--file-upload-upload-item-normal-state-background-light-mode-color);--file-upload-upload-item-success-state-leading-accessory-background-color:var(--file-upload-upload-item-success-state-leading-accessory-background-light-mode-color);--file-upload-upload-item-success-state-leading-accessory-background-dark-mode-color:var(--file-upload-upload-item-normal-state-background-dark-mode-color);--file-upload-upload-item-success-state-leading-accessory-background-light-mode-color:var(--file-upload-upload-item-normal-state-background-light-mode-color);--file-upload-upload-item-success-state-leading-accessory-height:var(--core-metrics-spacing-300);--file-upload-upload-item-success-state-leading-accessory-icon-color:var(--file-upload-upload-item-success-state-leading-accessory-icon-light-mode-color);--file-upload-upload-item-success-state-leading-accessory-icon-dark-mode-color:var(--core-fill-10-dark-mode-color);--file-upload-upload-item-success-state-leading-accessory-icon-light-mode-color:var(--core-fill-10-light-mode-color);--file-upload-upload-item-success-state-leading-accessory-width:var(--file-upload-upload-item-success-state-leading-accessory-height);--file-upload-upload-item-success-state-subtext-case:var(--file-upload-upload-item-normal-state-subtext-case);--file-upload-upload-item-success-state-subtext-color:var(--file-upload-upload-item-success-state-subtext-light-mode-color);--file-upload-upload-item-success-state-subtext-dark-mode-color:var(--file-upload-upload-item-normal-state-subtext-dark-mode-color);--file-upload-upload-item-success-state-subtext-font-family:var(--file-upload-upload-item-normal-state-subtext-font-family);--file-upload-upload-item-success-state-subtext-leading:var(--file-upload-upload-item-normal-state-subtext-leading);--file-upload-upload-item-success-state-subtext-light-mode-color:var(--file-upload-upload-item-normal-state-subtext-light-mode-color);--file-upload-upload-item-success-state-subtext-number-spacing:var(--file-upload-upload-item-normal-state-subtext-number-spacing);--file-upload-upload-item-success-state-subtext-scale:var(--file-upload-upload-item-normal-state-subtext-scale);--file-upload-upload-item-success-state-subtext-size:var(--file-upload-upload-item-normal-state-subtext-size);--file-upload-upload-item-success-state-subtext-tracking:var(--file-upload-upload-item-normal-state-subtext-tracking);--file-upload-upload-item-success-state-subtext-weight:var(--file-upload-upload-item-normal-state-subtext-weight);--file-upload-upload-item-success-state-text-case:var(--file-upload-upload-item-normal-state-text-case);--file-upload-upload-item-success-state-text-color:var(--file-upload-upload-item-success-state-text-light-mode-color);--file-upload-upload-item-success-state-text-dark-mode-color:var(--file-upload-upload-item-normal-state-text-dark-mode-color);--file-upload-upload-item-success-state-text-font-family:var(--file-upload-upload-item-normal-state-text-font-family);--file-upload-upload-item-success-state-text-leading:var(--file-upload-upload-item-normal-state-text-leading);--file-upload-upload-item-success-state-text-light-mode-color:var(--file-upload-upload-item-normal-state-text-light-mode-color);--file-upload-upload-item-success-state-text-number-spacing:var(--file-upload-upload-item-normal-state-text-number-spacing);--file-upload-upload-item-success-state-text-scale:var(--file-upload-upload-item-normal-state-text-scale);--file-upload-upload-item-success-state-text-size:var(--file-upload-upload-item-normal-state-text-size);--file-upload-upload-item-success-state-text-tracking:var(--file-upload-upload-item-normal-state-text-tracking);--file-upload-upload-item-success-state-text-weight:var(--file-upload-upload-item-normal-state-text-weight);--file-upload-upload-item-success-state-trailing-accessory-icon-color:var(--file-upload-upload-item-success-state-trailing-accessory-icon-light-mode-color);--file-upload-upload-item-success-state-trailing-accessory-icon-dark-mode-color:var(--core-success-fill-dark-mode-color);--file-upload-upload-item-success-state-trailing-accessory-icon-light-mode-color:var(--core-success-fill-light-mode-color);--file-upload-upload-item-vertical-padding:var(--core-metrics-spacing-200);--filter-button-border-radius:var(--core-radius-200);--filter-button-border-size:1px;--filter-button-disabled-state-background-color:var(--filter-button-disabled-state-background-light-mode-color);--filter-button-disabled-state-background-dark-mode-color:transparent;--filter-button-disabled-state-background-light-mode-color:transparent;--filter-button-disabled-state-border-color:var(--filter-button-disabled-state-border-light-mode-color);--filter-button-disabled-state-border-dark-mode-color:var(--core-fill-30-dark-mode-color);--filter-button-disabled-state-border-light-mode-color:var(--core-fill-30-light-mode-color);--filter-button-disabled-state-border-size:var(--core-border-10);--filter-button-disabled-state-feedback-color:var(--filter-button-disabled-state-feedback-light-mode-color);--filter-button-disabled-state-feedback-dark-mode-color:var(--core-text-30-dark-mode-color);--filter-button-disabled-state-feedback-light-mode-color:var(--core-text-30-light-mode-color);--filter-button-disabled-state-label-color:var(--filter-button-disabled-state-label-light-mode-color);--filter-button-disabled-state-label-dark-mode-color:var(--core-text-30-dark-mode-color);--filter-button-disabled-state-label-light-mode-color:var(--core-text-30-light-mode-color);--filter-button-feedback-maximum:99;--filter-button-hover-state-background-color:var(--filter-button-hover-state-background-light-mode-color);--filter-button-hover-state-background-dark-mode-color:var(--core-fill-40-dark-mode-color);--filter-button-hover-state-background-light-mode-color:var(--core-fill-40-light-mode-color);--filter-button-hover-state-border-color:var(--filter-button-hover-state-border-light-mode-color);--filter-button-hover-state-border-dark-mode-color:var(--core-fill-30-dark-mode-color);--filter-button-hover-state-border-light-mode-color:var(--core-fill-30-light-mode-color);--filter-button-hover-state-border-size:var(--core-border-10);--filter-button-hover-state-feedback-color:var(--filter-button-hover-state-feedback-light-mode-color);--filter-button-hover-state-feedback-dark-mode-color:var(--core-text-10-dark-mode-color);--filter-button-hover-state-feedback-light-mode-color:var(--core-text-10-light-mode-color);--filter-button-hover-state-label-color:var(--filter-button-hover-state-label-light-mode-color);--filter-button-hover-state-label-dark-mode-color:var(--core-text-20-dark-mode-color);--filter-button-hover-state-label-light-mode-color:var(--core-text-20-light-mode-color);--filter-button-icon-content-spacing:var(--core-metrics-spacing-50);--filter-button-icon-feedback-trailing-padding:2px;--filter-button-label-content-spacing:var(--core-metrics-spacing-100);--filter-button-medium-size-feedback-text-case:var(--core-type-semibold-30-case);--filter-button-medium-size-feedback-text-font-family:var(--core-type-semibold-30-font-family);--filter-button-medium-size-feedback-text-leading:var(--core-type-semibold-30-leading);--filter-button-medium-size-feedback-text-number-spacing:var(--core-type-semibold-30-number-spacing);--filter-button-medium-size-feedback-text-scale:var(--core-type-semibold-30-scale);--filter-button-medium-size-feedback-text-size:var(--core-type-semibold-30-size);--filter-button-medium-size-feedback-text-tracking:var(--core-type-semibold-30-tracking);--filter-button-medium-size-feedback-text-weight:var(--core-type-semibold-30-weight);--filter-button-medium-size-icon-horizontal-padding:12px;--filter-button-medium-size-icon-text-case:var(--core-type-semibold-30-case);--filter-button-medium-size-icon-text-font-family:var(--core-type-semibold-30-font-family);--filter-button-medium-size-icon-text-leading:var(--core-type-semibold-30-leading);--filter-button-medium-size-icon-text-number-spacing:var(--core-type-semibold-30-number-spacing);--filter-button-medium-size-icon-text-scale:var(--core-type-semibold-30-scale);--filter-button-medium-size-icon-text-size:var(--core-type-semibold-30-size);--filter-button-medium-size-icon-text-tracking:var(--core-type-semibold-30-tracking);--filter-button-medium-size-icon-text-weight:var(--core-type-semibold-30-weight);--filter-button-medium-size-icon-vertical-padding:12px;--filter-button-medium-size-label-horizontal-padding:16px;--filter-button-medium-size-label-text-case:var(--core-type-paragraph-30-case);--filter-button-medium-size-label-text-font-family:var(--core-type-paragraph-30-font-family);--filter-button-medium-size-label-text-leading:var(--core-type-paragraph-30-leading);--filter-button-medium-size-label-text-number-spacing:var(--core-type-paragraph-30-number-spacing);--filter-button-medium-size-label-text-scale:var(--core-type-paragraph-30-scale);--filter-button-medium-size-label-text-size:var(--core-type-paragraph-30-size);--filter-button-medium-size-label-text-tracking:var(--core-type-paragraph-30-tracking);--filter-button-medium-size-label-text-weight:var(--core-type-paragraph-30-weight);--filter-button-medium-size-label-vertical-padding:12px;--filter-button-medium-size-minimum-height:48px;--filter-button-medium-size-minimum-width-multiplier:1;--filter-button-normal-state-background-color:var(--filter-button-normal-state-background-light-mode-color);--filter-button-normal-state-background-dark-mode-color:transparent;--filter-button-normal-state-background-light-mode-color:transparent;--filter-button-normal-state-border-color:var(--filter-button-normal-state-border-light-mode-color);--filter-button-normal-state-border-dark-mode-color:var(--core-fill-30-dark-mode-color);--filter-button-normal-state-border-high-contrast-color:var(--filter-button-normal-state-border-high-contrast-light-mode-color);--filter-button-normal-state-border-high-contrast-dark-mode-color:var(--core-fill-20-dark-mode-color);--filter-button-normal-state-border-high-contrast-light-mode-color:var(--core-fill-20-light-mode-color);--filter-button-normal-state-border-light-mode-color:var(--core-fill-30-light-mode-color);--filter-button-normal-state-border-normal-contrast-color:var(--filter-button-normal-state-border-normal-contrast-light-mode-color);--filter-button-normal-state-border-normal-contrast-dark-mode-color:var(--core-fill-30-dark-mode-color);--filter-button-normal-state-border-normal-contrast-light-mode-color:var(--core-fill-30-light-mode-color);--filter-button-normal-state-border-size:var(--core-border-10);--filter-button-normal-state-feedback-color:var(--filter-button-normal-state-feedback-light-mode-color);--filter-button-normal-state-feedback-dark-mode-color:var(--core-text-10-dark-mode-color);--filter-button-normal-state-feedback-light-mode-color:var(--core-text-10-light-mode-color);--filter-button-normal-state-label-color:var(--filter-button-normal-state-label-light-mode-color);--filter-button-normal-state-label-dark-mode-color:var(--core-text-20-dark-mode-color);--filter-button-normal-state-label-light-mode-color:var(--core-text-20-light-mode-color);--filter-button-pressed-state-background-color:var(--filter-button-pressed-state-background-light-mode-color);--filter-button-pressed-state-background-dark-mode-color:transparent;--filter-button-pressed-state-background-light-mode-color:transparent;--filter-button-pressed-state-border-color:var(--filter-button-pressed-state-border-light-mode-color);--filter-button-pressed-state-border-dark-mode-color:var(--core-fill-10-dark-mode-color);--filter-button-pressed-state-border-light-mode-color:var(--core-fill-10-light-mode-color);--filter-button-pressed-state-border-size:var(--core-border-20);--filter-button-pressed-state-feedback-color:var(--filter-button-pressed-state-feedback-light-mode-color);--filter-button-pressed-state-feedback-dark-mode-color:var(--core-text-10-dark-mode-color);--filter-button-pressed-state-feedback-light-mode-color:var(--core-text-10-light-mode-color);--filter-button-pressed-state-label-color:var(--filter-button-pressed-state-label-light-mode-color);--filter-button-pressed-state-label-dark-mode-color:var(--core-text-20-dark-mode-color);--filter-button-pressed-state-label-light-mode-color:var(--core-text-20-light-mode-color);--filter-button-small-size-feedback-text-case:var(--core-type-semibold-20-case);--filter-button-small-size-feedback-text-font-family:var(--core-type-semibold-20-font-family);--filter-button-small-size-feedback-text-leading:var(--core-type-semibold-20-leading);--filter-button-small-size-feedback-text-number-spacing:var(--core-type-semibold-20-number-spacing);--filter-button-small-size-feedback-text-scale:var(--core-type-semibold-20-scale);--filter-button-small-size-feedback-text-size:var(--core-type-semibold-20-size);--filter-button-small-size-feedback-text-tracking:var(--core-type-semibold-20-tracking);--filter-button-small-size-feedback-text-weight:var(--core-type-semibold-20-weight);--filter-button-small-size-icon-horizontal-padding:8px;--filter-button-small-size-icon-text-case:var(--core-type-semibold-30-case);--filter-button-small-size-icon-text-font-family:var(--core-type-semibold-30-font-family);--filter-button-small-size-icon-text-leading:var(--core-type-semibold-30-leading);--filter-button-small-size-icon-text-number-spacing:var(--core-type-semibold-30-number-spacing);--filter-button-small-size-icon-text-scale:var(--core-type-semibold-30-scale);--filter-button-small-size-icon-text-size:var(--core-type-semibold-30-size);--filter-button-small-size-icon-text-tracking:var(--core-type-semibold-30-tracking);--filter-button-small-size-icon-text-weight:var(--core-type-semibold-30-weight);--filter-button-small-size-icon-vertical-padding:8px;--filter-button-small-size-label-horizontal-padding:12px;--filter-button-small-size-label-text-case:var(--core-type-paragraph-20-case);--filter-button-small-size-label-text-font-family:var(--core-type-paragraph-20-font-family);--filter-button-small-size-label-text-leading:var(--core-type-paragraph-20-leading);--filter-button-small-size-label-text-number-spacing:var(--core-type-paragraph-20-number-spacing);--filter-button-small-size-label-text-scale:var(--core-type-paragraph-20-scale);--filter-button-small-size-label-text-size:var(--core-type-paragraph-20-size);--filter-button-small-size-label-text-tracking:var(--core-type-paragraph-20-tracking);--filter-button-small-size-label-text-weight:var(--core-type-paragraph-20-weight);--filter-button-small-size-label-vertical-padding:9px;--filter-button-small-size-minimum-height:40px;--filter-button-small-size-minimum-width-multiplier:1;--footer-vertical-padding-size:16px;--hardware-slider-icon-size:24px;--hardware-slider-icon-tint-color:var(--hardware-slider-icon-tint-light-mode-color);--hardware-slider-icon-tint-dark-mode-color:var(--core-fill-inverse-dark-mode-color);--hardware-slider-icon-tint-light-mode-color:var(--core-fill-inverse-light-mode-color);--hardware-slider-minimum-height:48px;--hardware-slider-minimum-width:48px;--hardware-slider-track-active-corner-radius:40px;--hardware-slider-track-active-disabled-state-background-color:var(--hardware-slider-track-active-disabled-state-background-light-mode-color);--hardware-slider-track-active-disabled-state-background-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--hardware-slider-track-active-disabled-state-background-light-mode-color:var(--core-emphasis-30-light-mode-color);--hardware-slider-track-active-height:40px;--hardware-slider-track-active-normal-state-background-color:var(--hardware-slider-track-active-normal-state-background-light-mode-color);--hardware-slider-track-active-normal-state-background-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--hardware-slider-track-active-normal-state-background-light-mode-color:var(--core-emphasis-fill-light-mode-color);--hardware-slider-track-active-padding-horizontal-size:8px;--hardware-slider-track-inactive-corner-radius:16px;--hardware-slider-track-inactive-disabled-state-background-color:var(--hardware-slider-track-inactive-disabled-state-background-light-mode-color);--hardware-slider-track-inactive-disabled-state-background-dark-mode-color:var(--core-fill-40-dark-mode-color);--hardware-slider-track-inactive-disabled-state-background-light-mode-color:var(--core-fill-40-light-mode-color);--hardware-slider-track-inactive-height:16px;--hardware-slider-track-inactive-normal-state-background-color:var(--hardware-slider-track-inactive-normal-state-background-light-mode-color);--hardware-slider-track-inactive-normal-state-background-dark-mode-color:var(--core-fill-30-dark-mode-color);--hardware-slider-track-inactive-normal-state-background-light-mode-color:var(--core-fill-30-light-mode-color);--header-bottom-padding-compact-size-class-size:var(--core-metrics-spacing-200);--header-bottom-padding-normal-size-class-size:var(--header-top-padding-compact-size-class-size);--header-bottom-padding-size:var(--core-metrics-spacing-200);--header-bottom-padding-wide-size-class-size:var(--header-top-padding-compact-size-class-size);--header-compact-content-style-heading-container-minimum-height:var(--core-medium-size-minimum-height);--header-compact-content-style-secondary-title-case:var(--core-type-paragraph-20-case);--header-compact-content-style-secondary-title-color:var(--header-compact-content-style-secondary-title-light-mode-color);--header-compact-content-style-secondary-title-dark-mode-color:var(--core-text-20-dark-mode-color);--header-compact-content-style-secondary-title-font-family:var(--core-type-paragraph-20-font-family);--header-compact-content-style-secondary-title-leading:var(--core-type-paragraph-20-leading);--header-compact-content-style-secondary-title-light-mode-color:var(--core-text-20-light-mode-color);--header-compact-content-style-secondary-title-number-spacing:var(--core-type-paragraph-20-number-spacing);--header-compact-content-style-secondary-title-scale:var(--core-type-paragraph-20-scale);--header-compact-content-style-secondary-title-size:var(--core-type-paragraph-20-size);--header-compact-content-style-secondary-title-tracking:var(--core-type-paragraph-20-tracking);--header-compact-content-style-secondary-title-vertical-title-gap:0px;--header-compact-content-style-secondary-title-weight:var(--core-type-paragraph-20-weight);--header-compact-content-style-title-case:var(--core-type-heading-20-case);--header-compact-content-style-title-color:var(--header-compact-content-style-title-light-mode-color);--header-compact-content-style-title-dark-mode-color:var(--core-text-10-dark-mode-color);--header-compact-content-style-title-font-family:var(--core-type-heading-20-font-family);--header-compact-content-style-title-horizontal-accessory-gap:var(--core-metrics-spacing-100);--header-compact-content-style-title-leading:var(--core-type-heading-20-leading);--header-compact-content-style-title-light-mode-color:var(--core-text-10-light-mode-color);--header-compact-content-style-title-number-spacing:var(--core-type-heading-20-number-spacing);--header-compact-content-style-title-scale:var(--core-type-heading-20-scale);--header-compact-content-style-title-size:var(--core-type-heading-20-size);--header-compact-content-style-title-tracking:var(--core-type-heading-20-tracking);--header-compact-content-style-title-weight:var(--core-type-heading-20-weight);--header-compact-horizontal-size-class-heading-container-horizontal-gap:var(--core-metrics-spacing-150);--header-compact-horizontal-size-class-large-trailing-accessory-horizontal-start-gap:var(--core-metrics-spacing-150);--header-compact-horizontal-size-class-modal-sheet-context-vertical-end-gap:var(--core-metrics-spacing-200);--header-compact-horizontal-size-class-trailing-buttons-horizontal-gap:var(--core-metrics-spacing-100);--header-compact-vertical-size-class-compact-header-style-divider-vertical-end-gap:var(--core-metrics-spacing-100);--header-compact-vertical-size-class-divider-vertical-start-gap:var(--core-metrics-spacing-150);--header-compact-vertical-size-class-large-header-style-divider-vertical-end-gap:var(--header-compact-vertical-size-class-compact-header-style-divider-vertical-end-gap);--header-compact-vertical-size-class-large-header-style-paragraph-vertical-start-gap:var(--core-metrics-spacing-100);--header-divider-color:var(--header-divider-light-mode-color);--header-divider-dark-mode-color:var(--core-divider-20-dark-mode-color);--header-divider-light-mode-color:var(--core-divider-20-light-mode-color);--header-divider-size:var(--core-border-10);--header-horizontal-padding-compact-size-class-size:var(--core-metrics-spacing-200);--header-horizontal-padding-normal-size-class-size:var(--core-metrics-spacing-300);--header-horizontal-padding-size:var(--core-metrics-spacing-200);--header-horizontal-padding-wide-size-class-size:var(--header-top-padding-normal-size-class-size);--header-large-content-style-secondary-title-case:var(--core-type-paragraph-20-case);--header-large-content-style-secondary-title-color:var(--header-large-content-style-secondary-title-light-mode-color);--header-large-content-style-secondary-title-dark-mode-color:var(--core-text-20-dark-mode-color);--header-large-content-style-secondary-title-font-family:var(--core-type-paragraph-20-font-family);--header-large-content-style-secondary-title-leading:var(--core-type-paragraph-20-leading);--header-large-content-style-secondary-title-light-mode-color:var(--core-text-20-light-mode-color);--header-large-content-style-secondary-title-number-spacing:var(--core-type-paragraph-20-number-spacing);--header-large-content-style-secondary-title-scale:var(--core-type-paragraph-20-scale);--header-large-content-style-secondary-title-size:var(--core-type-paragraph-20-size);--header-large-content-style-secondary-title-tracking:var(--core-type-paragraph-20-tracking);--header-large-content-style-secondary-title-vertical-title-gap:var(--core-metrics-spacing-100);--header-large-content-style-secondary-title-weight:var(--core-type-paragraph-20-weight);--header-large-content-style-title-case:var(--core-type-heading-30-case);--header-large-content-style-title-color:var(--header-large-content-style-title-light-mode-color);--header-large-content-style-title-dark-mode-color:var(--core-text-10-dark-mode-color);--header-large-content-style-title-font-family:var(--core-type-heading-30-font-family);--header-large-content-style-title-horizontal-accessory-gap:var(--core-metrics-spacing-100);--header-large-content-style-title-leading:var(--core-type-heading-30-leading);--header-large-content-style-title-light-mode-color:var(--core-text-10-light-mode-color);--header-large-content-style-title-number-spacing:var(--core-type-heading-30-number-spacing);--header-large-content-style-title-scale:var(--core-type-heading-30-scale);--header-large-content-style-title-size:var(--core-type-heading-30-size);--header-large-content-style-title-tracking:var(--core-type-heading-30-tracking);--header-large-content-style-title-weight:var(--core-type-heading-30-weight);--header-main-text-dark-mode-text-color:var(--core-text-10-dark-mode-color);--header-main-text-horizontal-spacing:var(--core-metrics-spacing-200);--header-main-text-light-mode-text-color:var(--core-text-10-light-mode-color);--header-main-text-minimum-width:64px;--header-main-text-normal-phase-spacing-top-size:var(--core-metrics-spacing-100);--header-main-text-text-color:var(--header-main-text-light-mode-text-color);--header-main-text-transition-duration:0.16s;--header-modal-blade-context-vertical-end-gap:var(--core-metrics-spacing-300);--header-modal-full-context-vertical-end-gap:var(--core-metrics-spacing-300);--header-modal-partial-context-vertical-end-gap:var(--core-metrics-spacing-300);--header-nav-icon-button-spacing-bottom-size:var(--core-metrics-spacing-300);--header-nav-icon-button-spacing-buttom-size:var(--core-metrics-spacing-300);--header-paragraph-case:var(--core-type-paragraph-30-case);--header-paragraph-color:var(--header-paragraph-light-mode-color);--header-paragraph-dark-mode-color:var(--core-text-10-dark-mode-color);--header-paragraph-font-family:var(--core-type-paragraph-30-font-family);--header-paragraph-leading:var(--core-type-paragraph-30-leading);--header-paragraph-light-mode-color:var(--core-text-10-light-mode-color);--header-paragraph-number-spacing:var(--core-type-paragraph-30-number-spacing);--header-paragraph-scale:var(--core-type-paragraph-30-scale);--header-paragraph-size:var(--core-type-paragraph-30-size);--header-paragraph-tracking:var(--core-type-paragraph-30-tracking);--header-paragraph-weight:var(--core-type-paragraph-30-weight);--header-regular-horizontal-size-class-heading-container-horizontal-gap:var(--core-metrics-spacing-200);--header-regular-horizontal-size-class-large-trailing-accessory-horizontal-start-gap:var(--core-metrics-spacing-200);--header-regular-horizontal-size-class-modal-sheet-context-vertical-end-gap:var(--core-metrics-spacing-300);--header-regular-horizontal-size-class-trailing-buttons-horizontal-gap:var(--core-metrics-spacing-100);--header-regular-vertical-size-class-compact-header-style-divider-vertical-end-gap:var(--core-metrics-spacing-200);--header-regular-vertical-size-class-divider-vertical-start-gap:var(--core-metrics-spacing-200);--header-regular-vertical-size-class-large-header-style-divider-vertical-end-gap:var(--core-metrics-spacing-100);--header-regular-vertical-size-class-large-header-style-paragraph-vertical-start-gap:var(--core-metrics-spacing-200);--header-sub-text-dark-mode-text-color:var(--core-text-20-dark-mode-color);--header-sub-text-light-mode-text-color:var(--core-text-20-light-mode-color);--header-sub-text-spacing-bottom-size:var(--core-metrics-spacing-100);--header-sub-text-text-color:var(--header-sub-text-light-mode-text-color);--header-top-padding-compact-size-class-size:var(--core-metrics-spacing-200);--header-top-padding-normal-size-class-size:var(--core-metrics-spacing-300);--header-top-padding-size:var(--core-metrics-spacing-300);--header-top-padding-wide-size-class-size:var(--header-top-padding-normal-size-class-size);--header-wide-horizontal-size-class-heading-container-horizontal-gap:var(--header-regular-horizontal-size-class-heading-container-horizontal-gap);--header-wide-horizontal-size-class-large-trailing-accessory-horizontal-start-gap:var(--header-regular-horizontal-size-class-large-trailing-accessory-horizontal-start-gap);--header-wide-horizontal-size-class-modal-sheet-context-vertical-end-gap:var(--header-regular-horizontal-size-class-modal-sheet-context-vertical-end-gap);--header-wide-horizontal-size-class-trailing-buttons-horizontal-gap:var(--header-regular-horizontal-size-class-trailing-buttons-horizontal-gap);--icon-button-border-radius:var(--button-border-radius);--icon-button-compact-size-minimum-height:40px;--icon-button-compact-size-minimum-padding-size:12px;--icon-button-compact-size-minimum-width:40px;--icon-button-compact-size-padding-size:12px;--icon-button-destructive-variant-primary-rank-disabled-state-background-color:var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color:var(--core-text-30-dark-mode-color);--icon-button-destructive-variant-primary-rank-disabled-state-icon-color:var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color:var(--core-text-30-light-mode-color);--icon-button-destructive-variant-primary-rank-hover-state-background-color:var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color:var(--core-critical-20-dark-mode-color);--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color:var(--core-text-white-dark-mode-color);--icon-button-destructive-variant-primary-rank-hover-state-icon-color:var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);--icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color:var(--core-critical-20-light-mode-color);--icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color:var(--core-text-white-light-mode-color);--icon-button-destructive-variant-primary-rank-normal-state-background-color:var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color:var(--core-critical-fill-dark-mode-color);--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color:var(--core-text-white-dark-mode-color);--icon-button-destructive-variant-primary-rank-normal-state-icon-color:var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);--icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color:var(--core-critical-fill-light-mode-color);--icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color:var(--core-text-white-light-mode-color);--icon-button-destructive-variant-primary-rank-pressed-state-background-color:var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color:var(--core-critical-10-dark-mode-color);--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color:var(--core-text-white-dark-mode-color);--icon-button-destructive-variant-primary-rank-pressed-state-icon-color:var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color:var(--core-critical-10-light-mode-color);--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color:var(--core-text-white-light-mode-color);--icon-button-destructive-variant-secondary-rank-disabled-state-background-color:var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color:var(--core-text-30-dark-mode-color);--icon-button-destructive-variant-secondary-rank-disabled-state-icon-color:var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color:var(--core-text-30-light-mode-color);--icon-button-destructive-variant-secondary-rank-hover-state-background-color:var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color:var(--core-critical-40-dark-mode-color);--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color:var(--core-critical-text-dark-mode-color);--icon-button-destructive-variant-secondary-rank-hover-state-icon-color:var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color:var(--core-critical-40-light-mode-color);--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color:var(--core-critical-text-light-mode-color);--icon-button-destructive-variant-secondary-rank-normal-state-background-color:var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color:var(--core-critical-text-dark-mode-color);--icon-button-destructive-variant-secondary-rank-normal-state-icon-color:var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color:var(--core-critical-text-light-mode-color);--icon-button-destructive-variant-secondary-rank-pressed-state-background-color:var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--core-critical-30-dark-mode-color);--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color:var(--core-critical-text-dark-mode-color);--icon-button-destructive-variant-secondary-rank-pressed-state-icon-color:var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color:var(--core-critical-30-light-mode-color);--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color:var(--core-critical-text-light-mode-color);--icon-button-destructive-variant-tertiary-rank-disabled-state-background-color:var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color:transparent;--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color:var(--core-text-30-dark-mode-color);--icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color:var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color:transparent;--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color:var(--core-text-30-light-mode-color);--icon-button-destructive-variant-tertiary-rank-hover-state-background-color:var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color:var(--core-critical-40-dark-mode-color);--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color:var(--core-critical-text-dark-mode-color);--icon-button-destructive-variant-tertiary-rank-hover-state-icon-color:var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color:var(--core-critical-40-light-mode-color);--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color:var(--core-critical-text-light-mode-color);--icon-button-destructive-variant-tertiary-rank-normal-state-background-color:var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color:transparent;--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color:var(--core-critical-text-dark-mode-color);--icon-button-destructive-variant-tertiary-rank-normal-state-icon-color:var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color:transparent;--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color:var(--core-critical-text-light-mode-color);--icon-button-destructive-variant-tertiary-rank-pressed-state-background-color:var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color:var(--core-critical-30-dark-mode-color);--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color:var(--core-critical-text-dark-mode-color);--icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color:var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color:var(--core-critical-30-light-mode-color);--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color:var(--core-critical-text-light-mode-color);--icon-button-disabled-state-background-color:var(--icon-button-disabled-state-light-mode-background-color);--icon-button-disabled-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--icon-button-disabled-state-dark-mode-icon-color:var(--core-text-30-dark-mode-color);--icon-button-disabled-state-icon-color:var(--icon-button-disabled-state-light-mode-icon-color);--icon-button-disabled-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--icon-button-disabled-state-light-mode-icon-color:var(--core-text-30-light-mode-color);--icon-button-focus-ring-border-size:var(--core-focus-ring-border-size);--icon-button-focus-ring-buffer-size:var(--core-focus-ring-buffer-size);--icon-button-focus-state-background-color:var(--icon-button-focus-state-light-mode-background-color);--icon-button-focus-state-dark-mode-background-color:var(--icon-button-hover-state-dark-mode-background-color);--icon-button-focus-state-dark-mode-icon-color:var(--icon-button-hover-state-dark-mode-icon-color);--icon-button-focus-state-icon-color:var(--icon-button-focus-state-light-mode-icon-color);--icon-button-focus-state-light-mode-background-color:var(--icon-button-hover-state-light-mode-background-color);--icon-button-focus-state-light-mode-icon-color:var(--icon-button-hover-state-light-mode-icon-color);--icon-button-hover-state-background-color:var(--icon-button-hover-state-light-mode-background-color);--icon-button-hover-state-dark-mode-background-color:var(--core-emphasis-40-dark-mode-color);--icon-button-hover-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--icon-button-hover-state-icon-color:var(--icon-button-hover-state-light-mode-icon-color);--icon-button-hover-state-light-mode-background-color:var(--core-emphasis-40-light-mode-color);--icon-button-hover-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--icon-button-large-size-icon-height:var(--core-icon-medium-size-height);--icon-button-large-size-icon-width:var(--core-icon-medium-size-width);--icon-button-large-size-minimum-height:var(--core-large-size-minimum-height);--icon-button-large-size-padding-size:20px;--icon-button-large-size-width-multiplier:1;--icon-button-medium-size-horizontal-spacing-size:var(--core-metrics-spacing-100);--icon-button-medium-size-icon-height:var(--core-icon-medium-size-height);--icon-button-medium-size-icon-width:var(--core-icon-medium-size-width);--icon-button-medium-size-minimum-height:var(--core-medium-size-minimum-height);--icon-button-medium-size-padding-size:12px;--icon-button-medium-size-width-multiplier:1;--icon-button-minimum-height:48px;--icon-button-minimum-width:48px;--icon-button-normal-size-minimum-height:48px;--icon-button-normal-size-minimum-width:48px;--icon-button-normal-size-padding-size:16px;--icon-button-normal-state-background-color:var(--icon-button-normal-state-light-mode-background-color);--icon-button-normal-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--icon-button-normal-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--icon-button-normal-state-icon-color:var(--icon-button-normal-state-light-mode-icon-color);--icon-button-normal-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--icon-button-normal-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--icon-button-normal-variant-primary-rank-disabled-state-background-color:var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color:var(--core-text-30-dark-mode-color);--icon-button-normal-variant-primary-rank-disabled-state-icon-color:var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);--icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color:var(--core-text-30-light-mode-color);--icon-button-normal-variant-primary-rank-focus-state-background-color:var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color);--icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color:var(--core-emphasis-fill-dark-mode-color);--icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color:var(--core-text-inverse-dark-mode-color);--icon-button-normal-variant-primary-rank-focus-state-icon-color:var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);--icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color:var(--core-emphasis-fill-light-mode-color);--icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color:var(--core-text-inverse-light-mode-color);--icon-button-normal-variant-primary-rank-hover-state-background-color:var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color);--icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color:var(--core-emphasis-20-dark-mode-color);--icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color:var(--core-text-inverse-dark-mode-color);--icon-button-normal-variant-primary-rank-hover-state-icon-color:var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);--icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color:var(--core-emphasis-20-light-mode-color);--icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color:var(--core-text-inverse-light-mode-color);--icon-button-normal-variant-primary-rank-normal-state-background-color:var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color);--icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color:var(--core-emphasis-fill-dark-mode-color);--icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color:var(--core-text-inverse-dark-mode-color);--icon-button-normal-variant-primary-rank-normal-state-icon-color:var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);--icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color:var(--core-emphasis-fill-light-mode-color);--icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color:var(--core-text-inverse-light-mode-color);--icon-button-normal-variant-primary-rank-pressed-state-background-color:var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color:#CCCCCC;--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color:var(--core-text-inverse-dark-mode-color);--icon-button-normal-variant-primary-rank-pressed-state-icon-color:var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);--icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color:var(--core-emphasis-10-light-mode-color);--icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color:var(--core-text-inverse-light-mode-color);--icon-button-normal-variant-secondary-rank-disabled-state-background-color:var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color:var(--core-text-30-dark-mode-color);--icon-button-normal-variant-secondary-rank-disabled-state-icon-color:var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color:var(--core-text-30-light-mode-color);--icon-button-normal-variant-secondary-rank-hover-state-background-color:var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color:var(--core-emphasis-30-dark-mode-color);--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--icon-button-normal-variant-secondary-rank-hover-state-icon-color:var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);--icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color:var(--core-emphasis-40-light-mode-color);--icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--icon-button-normal-variant-secondary-rank-normal-state-background-color:var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--icon-button-normal-variant-secondary-rank-normal-state-icon-color:var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);--icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--icon-button-normal-variant-secondary-rank-pressed-state-background-color:var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--core-fill-20-dark-mode-color);--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--icon-button-normal-variant-secondary-rank-pressed-state-icon-color:var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color:var(--core-emphasis-30-light-mode-color);--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--icon-button-padding-size:16px;--icon-button-pressed-state-background-color:var(--icon-button-pressed-state-light-mode-background-color);--icon-button-pressed-state-dark-mode-background-color:var(--core-emphasis-30-dark-mode-color);--icon-button-pressed-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--icon-button-pressed-state-icon-color:var(--icon-button-pressed-state-light-mode-icon-color);--icon-button-pressed-state-light-mode-background-color:var(--core-emphasis-30-light-mode-color);--icon-button-pressed-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--icon-button-primary-rank-disabled-state-background-color:var(--icon-button-primary-rank-disabled-state-light-mode-background-color);--icon-button-primary-rank-disabled-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--icon-button-primary-rank-disabled-state-dark-mode-icon-color:var(--core-text-30-dark-mode-color);--icon-button-primary-rank-disabled-state-icon-color:var(--icon-button-primary-rank-disabled-state-light-mode-icon-color);--icon-button-primary-rank-disabled-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--icon-button-primary-rank-disabled-state-light-mode-icon-color:var(--core-text-30-light-mode-color);--icon-button-primary-rank-focus-state-background-color:var(--icon-button-primary-rank-focus-state-light-mode-background-color);--icon-button-primary-rank-focus-state-dark-mode-background-color:var(--icon-button-primary-rank-hover-state-dark-mode-background-color);--icon-button-primary-rank-focus-state-dark-mode-icon-color:var(--core-text-inverse-dark-mode-color);--icon-button-primary-rank-focus-state-icon-color:var(--icon-button-primary-rank-focus-state-light-mode-icon-color);--icon-button-primary-rank-focus-state-light-mode-background-color:var(--icon-button-primary-rank-hover-state-light-mode-background-color);--icon-button-primary-rank-focus-state-light-mode-icon-color:var(--core-text-inverse-light-mode-color);--icon-button-primary-rank-hover-state-background-color:var(--icon-button-primary-rank-hover-state-light-mode-background-color);--icon-button-primary-rank-hover-state-dark-mode-background-color:var(--core-blue-20-dark-mode-color);--icon-button-primary-rank-hover-state-dark-mode-icon-color:var(--core-text-inverse-dark-mode-color);--icon-button-primary-rank-hover-state-icon-color:var(--icon-button-primary-rank-hover-state-light-mode-icon-color);--icon-button-primary-rank-hover-state-light-mode-background-color:var(--core-blue-20-light-mode-color);--icon-button-primary-rank-hover-state-light-mode-icon-color:var(--core-text-inverse-light-mode-color);--icon-button-primary-rank-normal-state-background-color:var(--icon-button-primary-rank-normal-state-light-mode-background-color);--icon-button-primary-rank-normal-state-dark-mode-background-color:var(--core-blue-fill-dark-mode-color);--icon-button-primary-rank-normal-state-dark-mode-icon-color:var(--core-text-inverse-dark-mode-color);--icon-button-primary-rank-normal-state-icon-color:var(--icon-button-primary-rank-normal-state-light-mode-icon-color);--icon-button-primary-rank-normal-state-light-mode-background-color:var(--core-blue-fill-light-mode-color);--icon-button-primary-rank-normal-state-light-mode-icon-color:var(--core-text-inverse-light-mode-color);--icon-button-primary-rank-pressed-state-background-color:var(--icon-button-primary-rank-pressed-state-light-mode-background-color);--icon-button-primary-rank-pressed-state-dark-mode-background-color:#CCCCCC;--icon-button-primary-rank-pressed-state-dark-mode-icon-color:var(--core-text-inverse-dark-mode-color);--icon-button-primary-rank-pressed-state-icon-color:var(--icon-button-primary-rank-pressed-state-light-mode-icon-color);--icon-button-primary-rank-pressed-state-light-mode-background-color:var(--core-blue-10-light-mode-color);--icon-button-primary-rank-pressed-state-light-mode-icon-color:var(--core-text-inverse-light-mode-color);--icon-button-secondary-rank-disabled-state-background-color:var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);--icon-button-secondary-rank-disabled-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--icon-button-secondary-rank-disabled-state-dark-mode-icon-color:var(--core-text-30-dark-mode-color);--icon-button-secondary-rank-disabled-state-icon-color:var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);--icon-button-secondary-rank-disabled-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--icon-button-secondary-rank-disabled-state-light-mode-icon-color:var(--core-text-30-light-mode-color);--icon-button-secondary-rank-focus-state-background-color:var(--icon-button-secondary-rank-focus-state-light-mode-background-color);--icon-button-secondary-rank-focus-state-dark-mode-background-color:var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);--icon-button-secondary-rank-focus-state-dark-mode-icon-color:var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);--icon-button-secondary-rank-focus-state-icon-color:var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);--icon-button-secondary-rank-focus-state-light-mode-background-color:var(--icon-button-secondary-rank-hover-state-light-mode-background-color);--icon-button-secondary-rank-focus-state-light-mode-icon-color:var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);--icon-button-secondary-rank-hover-state-background-color:var(--icon-button-secondary-rank-hover-state-light-mode-background-color);--icon-button-secondary-rank-hover-state-dark-mode-background-color:var(--core-emphasis-30-dark-mode-color);--icon-button-secondary-rank-hover-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--icon-button-secondary-rank-hover-state-icon-color:var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);--icon-button-secondary-rank-hover-state-light-mode-background-color:var(--core-emphasis-40-light-mode-color);--icon-button-secondary-rank-hover-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--icon-button-secondary-rank-normal-state-background-color:var(--icon-button-secondary-rank-normal-state-light-mode-background-color);--icon-button-secondary-rank-normal-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--icon-button-secondary-rank-normal-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--icon-button-secondary-rank-normal-state-icon-color:var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);--icon-button-secondary-rank-normal-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--icon-button-secondary-rank-normal-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--icon-button-secondary-rank-pressed-state-background-color:var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);--icon-button-secondary-rank-pressed-state-dark-mode-background-color:var(--core-fill-20-dark-mode-color);--icon-button-secondary-rank-pressed-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--icon-button-secondary-rank-pressed-state-icon-color:var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);--icon-button-secondary-rank-pressed-state-light-mode-background-color:var(--core-emphasis-30-light-mode-color);--icon-button-secondary-rank-pressed-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--icon-button-small-size-icon-height:var(--core-icon-medium-size-height);--icon-button-small-size-icon-width:var(--core-icon-medium-size-width);--icon-button-small-size-minimum-height:var(--core-small-size-minimum-height);--icon-button-small-size-padding-size:8px;--icon-button-small-size-width-multiplier:1;--icon-button-tertiary-rank-disabled-state-background-color:var(--icon-button-tertiary-rank-disabled-state-light-mode-background-color);--icon-button-tertiary-rank-disabled-state-dark-mode-background-color:transparent;--icon-button-tertiary-rank-disabled-state-dark-mode-icon-color:var(--core-text-30-dark-mode-color);--icon-button-tertiary-rank-disabled-state-icon-color:var(--icon-button-tertiary-rank-disabled-state-light-mode-icon-color);--icon-button-tertiary-rank-disabled-state-light-mode-background-color:transparent;--icon-button-tertiary-rank-disabled-state-light-mode-icon-color:var(--core-text-30-light-mode-color);--icon-button-tertiary-rank-focus-state-background-color:var(--icon-button-tertiary-rank-focus-state-light-mode-background-color);--icon-button-tertiary-rank-focus-state-dark-mode-background-color:var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color);--icon-button-tertiary-rank-focus-state-dark-mode-icon-color:var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color);--icon-button-tertiary-rank-focus-state-icon-color:var(--icon-button-tertiary-rank-focus-state-light-mode-icon-color);--icon-button-tertiary-rank-focus-state-light-mode-background-color:var(--icon-button-tertiary-rank-hover-state-light-mode-background-color);--icon-button-tertiary-rank-focus-state-light-mode-icon-color:var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color);--icon-button-tertiary-rank-hover-state-background-color:var(--icon-button-tertiary-rank-hover-state-light-mode-background-color);--icon-button-tertiary-rank-hover-state-dark-mode-background-color:var(--core-emphasis-40-dark-mode-color);--icon-button-tertiary-rank-hover-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--icon-button-tertiary-rank-hover-state-icon-color:var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color);--icon-button-tertiary-rank-hover-state-light-mode-background-color:var(--core-emphasis-40-light-mode-color);--icon-button-tertiary-rank-hover-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--icon-button-tertiary-rank-normal-state-background-color:var(--icon-button-tertiary-rank-normal-state-light-mode-background-color);--icon-button-tertiary-rank-normal-state-dark-mode-background-color:transparent;--icon-button-tertiary-rank-normal-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--icon-button-tertiary-rank-normal-state-icon-color:var(--icon-button-tertiary-rank-normal-state-light-mode-icon-color);--icon-button-tertiary-rank-normal-state-light-mode-background-color:transparent;--icon-button-tertiary-rank-normal-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--icon-button-tertiary-rank-pressed-state-background-color:var(--icon-button-tertiary-rank-pressed-state-light-mode-background-color);--icon-button-tertiary-rank-pressed-state-dark-mode-background-color:var(--core-emphasis-30-dark-mode-color);--icon-button-tertiary-rank-pressed-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--icon-button-tertiary-rank-pressed-state-icon-color:var(--icon-button-tertiary-rank-pressed-state-light-mode-icon-color);--icon-button-tertiary-rank-pressed-state-light-mode-background-color:var(--core-emphasis-30-light-mode-color);--icon-button-tertiary-rank-pressed-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--inline-section-header-10-heading-case:var(--core-type-heading-10-case);--inline-section-header-10-heading-font-family:var(--core-type-heading-10-font-family);--inline-section-header-10-heading-leading:var(--core-type-heading-10-leading);--inline-section-header-10-heading-minimum-height:var(--core-small-size-minimum-height);--inline-section-header-10-heading-number-spacing:var(--core-type-heading-10-number-spacing);--inline-section-header-10-heading-scale:var(--core-type-heading-10-scale);--inline-section-header-10-heading-size:var(--core-type-heading-10-size);--inline-section-header-10-heading-tracking:var(--core-type-heading-10-tracking);--inline-section-header-10-heading-vertical-padding:9px;--inline-section-header-10-heading-weight:var(--core-type-heading-10-weight);--inline-section-header-10-paragraph-case:var(--core-type-paragraph-30-case);--inline-section-header-10-paragraph-font-family:var(--core-type-paragraph-30-font-family);--inline-section-header-10-paragraph-leading:var(--core-type-paragraph-30-leading);--inline-section-header-10-paragraph-number-spacing:var(--core-type-paragraph-30-number-spacing);--inline-section-header-10-paragraph-scale:var(--core-type-paragraph-30-scale);--inline-section-header-10-paragraph-size:var(--core-type-paragraph-30-size);--inline-section-header-10-paragraph-top-padding:0px;--inline-section-header-10-paragraph-tracking:var(--core-type-paragraph-30-tracking);--inline-section-header-10-paragraph-weight:var(--core-type-paragraph-30-weight);--inline-section-header-10-text-link-text-case:var(--text-link-small-size-text-case);--inline-section-header-10-text-link-text-font-family:var(--text-link-small-size-text-font-family);--inline-section-header-10-text-link-text-leading:var(--text-link-small-size-text-leading);--inline-section-header-10-text-link-text-number-spacing:var(--text-link-small-size-text-number-spacing);--inline-section-header-10-text-link-text-scale:var(--text-link-small-size-text-scale);--inline-section-header-10-text-link-text-size:var(--text-link-small-size-text-size);--inline-section-header-10-text-link-text-tracking:var(--text-link-small-size-text-tracking);--inline-section-header-10-text-link-text-weight:var(--text-link-small-size-text-weight);--inline-section-header-10-text-link-vertical-padding:0px;--inline-section-header-10-vertical-gap:0px;--inline-section-header-20-heading-case:var(--core-type-heading-20-case);--inline-section-header-20-heading-font-family:var(--core-type-heading-20-font-family);--inline-section-header-20-heading-leading:var(--core-type-heading-20-leading);--inline-section-header-20-heading-minimum-height:var(--core-small-size-minimum-height);--inline-section-header-20-heading-number-spacing:var(--core-type-heading-20-number-spacing);--inline-section-header-20-heading-scale:var(--core-type-heading-20-scale);--inline-section-header-20-heading-size:var(--core-type-heading-20-size);--inline-section-header-20-heading-tracking:var(--core-type-heading-20-tracking);--inline-section-header-20-heading-vertical-padding:7px;--inline-section-header-20-heading-weight:var(--core-type-heading-20-weight);--inline-section-header-20-paragraph-case:var(--core-type-paragraph-30-case);--inline-section-header-20-paragraph-font-family:var(--core-type-paragraph-30-font-family);--inline-section-header-20-paragraph-leading:var(--core-type-paragraph-30-leading);--inline-section-header-20-paragraph-number-spacing:var(--core-type-paragraph-30-number-spacing);--inline-section-header-20-paragraph-scale:var(--core-type-paragraph-30-scale);--inline-section-header-20-paragraph-size:var(--core-type-paragraph-30-size);--inline-section-header-20-paragraph-top-padding:5px;--inline-section-header-20-paragraph-tracking:var(--core-type-paragraph-30-tracking);--inline-section-header-20-paragraph-weight:var(--core-type-paragraph-30-weight);--inline-section-header-20-text-link-text-case:var(--text-link-medium-size-text-case);--inline-section-header-20-text-link-text-font-family:var(--text-link-medium-size-text-font-family);--inline-section-header-20-text-link-text-leading:var(--text-link-medium-size-text-leading);--inline-section-header-20-text-link-text-number-spacing:var(--text-link-medium-size-text-number-spacing);--inline-section-header-20-text-link-text-scale:var(--text-link-medium-size-text-scale);--inline-section-header-20-text-link-text-size:var(--text-link-medium-size-text-size);--inline-section-header-20-text-link-text-tracking:var(--text-link-medium-size-text-tracking);--inline-section-header-20-text-link-text-weight:var(--text-link-medium-size-text-weight);--inline-section-header-20-text-link-vertical-padding:0px;--inline-section-header-20-vertical-gap:var(--core-metrics-spacing-50);--inline-section-header-30-heading-case:var(--core-type-heading-30-case);--inline-section-header-30-heading-font-family:var(--core-type-heading-30-font-family);--inline-section-header-30-heading-leading:var(--core-type-heading-30-leading);--inline-section-header-30-heading-minimum-height:var(--core-small-size-minimum-height);--inline-section-header-30-heading-number-spacing:var(--core-type-heading-30-number-spacing);--inline-section-header-30-heading-scale:var(--core-type-heading-30-scale);--inline-section-header-30-heading-size:var(--core-type-heading-30-size);--inline-section-header-30-heading-tracking:var(--core-type-heading-30-tracking);--inline-section-header-30-heading-vertical-padding:4px;--inline-section-header-30-heading-weight:var(--core-type-heading-30-weight);--inline-section-header-30-paragraph-case:var(--core-type-paragraph-30-case);--inline-section-header-30-paragraph-font-family:var(--core-type-paragraph-30-font-family);--inline-section-header-30-paragraph-leading:var(--core-type-paragraph-30-leading);--inline-section-header-30-paragraph-number-spacing:var(--core-type-paragraph-30-number-spacing);--inline-section-header-30-paragraph-scale:var(--core-type-paragraph-30-scale);--inline-section-header-30-paragraph-size:var(--core-type-paragraph-30-size);--inline-section-header-30-paragraph-top-padding:12px;--inline-section-header-30-paragraph-tracking:var(--core-type-paragraph-30-tracking);--inline-section-header-30-paragraph-weight:var(--core-type-paragraph-30-weight);--inline-section-header-30-text-link-text-case:var(--text-link-medium-size-text-case);--inline-section-header-30-text-link-text-font-family:var(--text-link-medium-size-text-font-family);--inline-section-header-30-text-link-text-leading:var(--text-link-medium-size-text-leading);--inline-section-header-30-text-link-text-number-spacing:var(--text-link-medium-size-text-number-spacing);--inline-section-header-30-text-link-text-scale:var(--text-link-medium-size-text-scale);--inline-section-header-30-text-link-text-size:var(--text-link-medium-size-text-size);--inline-section-header-30-text-link-text-tracking:var(--text-link-medium-size-text-tracking);--inline-section-header-30-text-link-text-weight:var(--text-link-medium-size-text-weight);--inline-section-header-30-text-link-vertical-padding:0px;--inline-section-header-30-vertical-gap:var(--core-metrics-spacing-150);--inline-section-header-heading-color:var(--inline-section-header-heading-light-mode-color);--inline-section-header-heading-dark-mode-color:var(--core-text-10-dark-mode-color);--inline-section-header-heading-light-mode-color:var(--core-text-10-light-mode-color);--inline-section-header-horizontal-spacing:var(--core-metrics-spacing-100);--inline-section-header-paragraph-color:var(--inline-section-header-paragraph-light-mode-color);--inline-section-header-paragraph-dark-mode-color:var(--core-text-10-dark-mode-color);--inline-section-header-paragraph-light-mode-color:var(--core-text-10-light-mode-color);--inline-section-header-text-link-color:var(--inline-section-header-text-link-light-mode-color);--inline-section-header-text-link-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--inline-section-header-text-link-disabled-state-opacity:var(--text-link-disabled-state-opacity);--inline-section-header-text-link-hover-state-opacity:var(--text-link-hover-state-opacity);--inline-section-header-text-link-light-mode-color:var(--core-emphasis-text-light-mode-color);--inline-section-header-text-link-normal-state-opacity:var(--text-link-normal-state-opacity);--inline-section-header-text-link-pressed-state-opacity:var(--text-link-pressed-state-opacity);--inline-status-error-variant-icon-color:var(--inline-status-error-variant-icon-light-mode-color);--inline-status-error-variant-icon-dark-mode-color:var(--core-critical-text-dark-mode-color);--inline-status-error-variant-icon-light-mode-color:var(--core-critical-text-light-mode-color);--inline-status-error-variant-text-color:var(--inline-status-error-variant-text-light-mode-color);--inline-status-error-variant-text-dark-mode-color:var(--core-critical-text-dark-mode-color);--inline-status-error-variant-text-light-mode-color:var(--core-critical-text-light-mode-color);--inline-status-info-variant-icon-color:var(--inline-status-info-variant-icon-light-mode-color);--inline-status-info-variant-icon-dark-mode-color:var(--core-fill-20-dark-mode-color);--inline-status-info-variant-icon-light-mode-color:var(--core-fill-20-light-mode-color);--inline-status-info-variant-text-color:var(--inline-status-info-variant-text-light-mode-color);--inline-status-info-variant-text-dark-mode-color:var(--core-text-20-dark-mode-color);--inline-status-info-variant-text-light-mode-color:var(--core-text-20-light-mode-color);--inline-status-normal-size-icon-size:20px;--inline-status-normal-size-spacing-horizontal:var(--core-metrics-spacing-50);--inline-status-normal-size-text-case:var(--core-type-paragraph-20-case);--inline-status-normal-size-text-font-family:var(--core-type-paragraph-20-font-family);--inline-status-normal-size-text-leading:var(--core-type-paragraph-20-leading);--inline-status-normal-size-text-number-spacing:var(--core-type-paragraph-20-number-spacing);--inline-status-normal-size-text-scale:var(--core-type-paragraph-20-scale);--inline-status-normal-size-text-size:var(--core-type-paragraph-20-size);--inline-status-normal-size-text-tracking:var(--core-type-paragraph-20-tracking);--inline-status-normal-size-text-weight:var(--core-type-paragraph-20-weight);--inline-status-success-variant-icon-color:var(--inline-status-success-variant-icon-light-mode-color);--inline-status-success-variant-icon-dark-mode-color:var(--core-success-text-dark-mode-color);--inline-status-success-variant-icon-light-mode-color:var(--core-success-text-light-mode-color);--inline-status-success-variant-text-color:var(--inline-status-success-variant-text-light-mode-color);--inline-status-success-variant-text-dark-mode-color:var(--core-success-text-dark-mode-color);--inline-status-success-variant-text-light-mode-color:var(--core-success-text-light-mode-color);--inline-status-warning-variant-icon-color:var(--inline-status-warning-variant-icon-light-mode-color);--inline-status-warning-variant-icon-dark-mode-color:var(--core-warning-text-dark-mode-color);--inline-status-warning-variant-icon-light-mode-color:var(--core-warning-text-light-mode-color);--inline-status-warning-variant-text-color:var(--inline-status-warning-variant-text-light-mode-color);--inline-status-warning-variant-text-dark-mode-color:var(--core-warning-text-dark-mode-color);--inline-status-warning-variant-text-light-mode-color:var(--core-warning-text-light-mode-color);--keyboard-bar-background-color:var(--keyboard-bar-light-mode-background-color);--keyboard-bar-dark-mode-background-color:var(--core-fill-50-dark-mode-color);--keyboard-bar-dark-mode-separator-color:var(--core-fill-40-dark-mode-color);--keyboard-bar-dark-mode-surface-color:var(--core-surface-5-dark-mode-color);--keyboard-bar-horizontal-padding:var(--core-metrics-spacing-100);--keyboard-bar-light-mode-background-color:var(--core-fill-50-light-mode-color);--keyboard-bar-light-mode-separator-color:var(--core-fill-40-light-mode-color);--keyboard-bar-light-mode-surface-color:var(--core-surface-5-light-mode-color);--keyboard-bar-separator-color:var(--keyboard-bar-light-mode-separator-color);--keyboard-bar-spacing:var(--core-metrics-spacing-100);--keyboard-bar-surface-color:var(--keyboard-bar-light-mode-surface-color);--keyboard-bar-vertical-padding:var(--core-metrics-spacing-150);--menu-item-selected-value-disabled-state-accordion-color:var(--menu-item-selected-value-disabled-state-accordion-light-mode-color);--menu-item-selected-value-disabled-state-accordion-dark-mode-color:var(--menu-item-unselected-value-disabled-state-accordion-dark-mode-color);--menu-item-selected-value-disabled-state-accordion-light-mode-color:var(--menu-item-unselected-value-disabled-state-accordion-light-mode-color);--menu-item-selected-value-disabled-state-background-color:var(--menu-item-selected-value-disabled-state-background-light-mode-color);--menu-item-selected-value-disabled-state-background-dark-mode-color:var(--core-fill-50-dark-mode-color);--menu-item-selected-value-disabled-state-background-light-mode-color:var(--core-fill-50-light-mode-color);--menu-item-selected-value-disabled-state-drill-color:var(--menu-item-selected-value-disabled-state-drill-light-mode-color);--menu-item-selected-value-disabled-state-drill-dark-mode-color:var(--menu-item-unselected-value-disabled-state-drill-dark-mode-color);--menu-item-selected-value-disabled-state-drill-light-mode-color:var(--menu-item-unselected-value-disabled-state-drill-light-mode-color);--menu-item-selected-value-disabled-state-text-color:var(--menu-item-selected-value-disabled-state-text-light-mode-color);--menu-item-selected-value-disabled-state-text-dark-mode-color:var(--core-text-30-dark-mode-color);--menu-item-selected-value-disabled-state-text-light-mode-color:var(--core-text-30-light-mode-color);--menu-item-selected-value-hover-state-accordion-color:var(--menu-item-selected-value-hover-state-accordion-light-mode-color);--menu-item-selected-value-hover-state-accordion-dark-mode-color:var(--menu-item-unselected-value-hover-state-accordion-dark-mode-color);--menu-item-selected-value-hover-state-accordion-light-mode-color:var(--menu-item-unselected-value-hover-state-accordion-light-mode-color);--menu-item-selected-value-hover-state-background-color:var(--menu-item-selected-value-hover-state-background-light-mode-color);--menu-item-selected-value-hover-state-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--menu-item-selected-value-hover-state-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--menu-item-selected-value-hover-state-drill-color:var(--menu-item-selected-value-hover-state-drill-light-mode-color);--menu-item-selected-value-hover-state-drill-dark-mode-color:var(--menu-item-unselected-value-hover-state-drill-dark-mode-color);--menu-item-selected-value-hover-state-drill-light-mode-color:var(--menu-item-unselected-value-hover-state-drill-light-mode-color);--menu-item-selected-value-hover-state-text-color:var(--menu-item-selected-value-hover-state-text-light-mode-color);--menu-item-selected-value-hover-state-text-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--menu-item-selected-value-hover-state-text-light-mode-color:var(--core-emphasis-text-light-mode-color);--menu-item-selected-value-normal-state-accordion-color:var(--menu-item-selected-value-normal-state-accordion-light-mode-color);--menu-item-selected-value-normal-state-accordion-dark-mode-color:var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color);--menu-item-selected-value-normal-state-accordion-light-mode-color:var(--menu-item-unselected-value-normal-state-accordion-light-mode-color);--menu-item-selected-value-normal-state-background-color:var(--menu-item-selected-value-normal-state-background-light-mode-color);--menu-item-selected-value-normal-state-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--menu-item-selected-value-normal-state-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--menu-item-selected-value-normal-state-drill-color:var(--menu-item-selected-value-normal-state-drill-light-mode-color);--menu-item-selected-value-normal-state-drill-dark-mode-color:var(--menu-item-unselected-value-normal-state-drill-dark-mode-color);--menu-item-selected-value-normal-state-drill-light-mode-color:var(--menu-item-unselected-value-normal-state-drill-light-mode-color);--menu-item-selected-value-normal-state-text-color:var(--menu-item-selected-value-normal-state-text-light-mode-color);--menu-item-selected-value-normal-state-text-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--menu-item-selected-value-normal-state-text-light-mode-color:var(--core-emphasis-text-light-mode-color);--menu-item-selected-value-pressed-state-accordion-color:var(--menu-item-selected-value-pressed-state-accordion-light-mode-color);--menu-item-selected-value-pressed-state-accordion-dark-mode-color:var(--menu-item-unselected-value-pressed-state-accordion-dark-mode-color);--menu-item-selected-value-pressed-state-accordion-light-mode-color:var(--menu-item-unselected-value-pressed-state-accordion-light-mode-color);--menu-item-selected-value-pressed-state-background-color:var(--menu-item-selected-value-pressed-state-background-light-mode-color);--menu-item-selected-value-pressed-state-background-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--menu-item-selected-value-pressed-state-background-light-mode-color:var(--core-emphasis-30-light-mode-color);--menu-item-selected-value-pressed-state-drill-color:var(--menu-item-selected-value-pressed-state-drill-light-mode-color);--menu-item-selected-value-pressed-state-drill-dark-mode-color:var(--menu-item-unselected-value-pressed-state-drill-dark-mode-color);--menu-item-selected-value-pressed-state-drill-light-mode-color:var(--menu-item-unselected-value-pressed-state-drill-light-mode-color);--menu-item-selected-value-pressed-state-text-color:var(--menu-item-selected-value-pressed-state-text-light-mode-color);--menu-item-selected-value-pressed-state-text-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--menu-item-selected-value-pressed-state-text-light-mode-color:var(--core-emphasis-text-light-mode-color);--menu-item-unselected-value-disabled-state-accordion-color:var(--menu-item-unselected-value-disabled-state-accordion-light-mode-color);--menu-item-unselected-value-disabled-state-accordion-dark-mode-color:var(--core-text-30-dark-mode-color);--menu-item-unselected-value-disabled-state-accordion-light-mode-color:var(--core-text-30-light-mode-color);--menu-item-unselected-value-disabled-state-background-color:var(--menu-item-unselected-value-disabled-state-background-light-mode-color);--menu-item-unselected-value-disabled-state-background-dark-mode-color:transparent;--menu-item-unselected-value-disabled-state-background-light-mode-color:transparent;--menu-item-unselected-value-disabled-state-drill-color:var(--menu-item-unselected-value-disabled-state-drill-light-mode-color);--menu-item-unselected-value-disabled-state-drill-dark-mode-color:var(--core-fill-30-dark-mode-color);--menu-item-unselected-value-disabled-state-drill-light-mode-color:var(--core-fill-30-light-mode-color);--menu-item-unselected-value-disabled-state-text-color:var(--menu-item-unselected-value-disabled-state-text-light-mode-color);--menu-item-unselected-value-disabled-state-text-dark-mode-color:var(--core-text-30-dark-mode-color);--menu-item-unselected-value-disabled-state-text-light-mode-color:var(--core-text-30-light-mode-color);--menu-item-unselected-value-hover-state-accordion-color:var(--menu-item-unselected-value-hover-state-accordion-light-mode-color);--menu-item-unselected-value-hover-state-accordion-dark-mode-color:var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color);--menu-item-unselected-value-hover-state-accordion-light-mode-color:var(--menu-item-unselected-value-normal-state-accordion-light-mode-color);--menu-item-unselected-value-hover-state-background-color:var(--menu-item-unselected-value-hover-state-background-light-mode-color);--menu-item-unselected-value-hover-state-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--menu-item-unselected-value-hover-state-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--menu-item-unselected-value-hover-state-drill-color:var(--menu-item-unselected-value-hover-state-drill-light-mode-color);--menu-item-unselected-value-hover-state-drill-dark-mode-color:var(--menu-item-unselected-value-normal-state-drill-dark-mode-color);--menu-item-unselected-value-hover-state-drill-light-mode-color:var(--menu-item-unselected-value-normal-state-drill-light-mode-color);--menu-item-unselected-value-hover-state-text-color:var(--menu-item-unselected-value-hover-state-text-light-mode-color);--menu-item-unselected-value-hover-state-text-dark-mode-color:var(--core-text-10-dark-mode-color);--menu-item-unselected-value-hover-state-text-light-mode-color:var(--core-text-10-light-mode-color);--menu-item-unselected-value-normal-state-accordion-color:var(--menu-item-unselected-value-normal-state-accordion-light-mode-color);--menu-item-unselected-value-normal-state-accordion-dark-mode-color:var(--core-text-10-dark-mode-color);--menu-item-unselected-value-normal-state-accordion-light-mode-color:var(--core-text-10-light-mode-color);--menu-item-unselected-value-normal-state-background-color:var(--menu-item-unselected-value-normal-state-background-light-mode-color);--menu-item-unselected-value-normal-state-background-dark-mode-color:transparent;--menu-item-unselected-value-normal-state-background-light-mode-color:transparent;--menu-item-unselected-value-normal-state-drill-color:var(--menu-item-unselected-value-normal-state-drill-light-mode-color);--menu-item-unselected-value-normal-state-drill-dark-mode-color:var(--core-fill-20-dark-mode-color);--menu-item-unselected-value-normal-state-drill-light-mode-color:var(--core-fill-20-light-mode-color);--menu-item-unselected-value-normal-state-text-color:var(--menu-item-unselected-value-normal-state-text-light-mode-color);--menu-item-unselected-value-normal-state-text-dark-mode-color:var(--core-text-10-dark-mode-color);--menu-item-unselected-value-normal-state-text-light-mode-color:var(--core-text-10-light-mode-color);--menu-item-unselected-value-pressed-state-accordion-color:var(--menu-item-unselected-value-pressed-state-accordion-light-mode-color);--menu-item-unselected-value-pressed-state-accordion-dark-mode-color:var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color);--menu-item-unselected-value-pressed-state-accordion-light-mode-color:var(--menu-item-unselected-value-normal-state-accordion-light-mode-color);--menu-item-unselected-value-pressed-state-background-color:var(--menu-item-unselected-value-pressed-state-background-light-mode-color);--menu-item-unselected-value-pressed-state-background-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--menu-item-unselected-value-pressed-state-background-light-mode-color:var(--core-emphasis-30-light-mode-color);--menu-item-unselected-value-pressed-state-drill-color:var(--menu-item-unselected-value-pressed-state-drill-light-mode-color);--menu-item-unselected-value-pressed-state-drill-dark-mode-color:var(--menu-item-unselected-value-normal-state-drill-dark-mode-color);--menu-item-unselected-value-pressed-state-drill-light-mode-color:var(--menu-item-unselected-value-normal-state-drill-light-mode-color);--menu-item-unselected-value-pressed-state-text-color:var(--menu-item-unselected-value-pressed-state-text-light-mode-color);--menu-item-unselected-value-pressed-state-text-dark-mode-color:var(--core-text-10-dark-mode-color);--menu-item-unselected-value-pressed-state-text-light-mode-color:var(--core-text-10-light-mode-color);--modal-blade-background-color:var(--modal-blade-background-light-mode-color);--modal-blade-background-dark-mode-color:var(--core-surface-20-dark-mode-color);--modal-blade-background-light-mode-color:var(--core-surface-20-light-mode-color);--modal-blade-compact-horizontal-size-class-horizontal-padding:var(--modal-full-compact-horizontal-size-class-horizontal-padding);--modal-blade-compact-vertical-size-class-vertical-padding:var(--core-metrics-spacing-300);--modal-blade-corner-radius:var(--core-radius-modals);--modal-blade-maximum-width-size:464px;--modal-blade-regular-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-400);--modal-blade-regular-vertical-size-class-vertical-padding:var(--core-metrics-spacing-300);--modal-blade-wide-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-400);--modal-blade-wide-viewport-padding-bottom-size:0px;--modal-blade-wide-viewport-padding-left-size:var(--core-metrics-spacing-400);--modal-blade-wide-viewport-padding-right-size:var(--core-metrics-spacing-400);--modal-blade-wide-viewport-padding-top-size:var(--core-metrics-spacing-400);--modal-blade-wide-viewport-width-size:464px;--modal-dialog-actions-overflow-button-border-radius:var(--button-group-overflow-button-border-radius);--modal-dialog-actions-overflow-button-compact-size-minimum-height:var(--button-group-overflow-button-compact-size-minimum-height);--modal-dialog-actions-overflow-button-compact-size-minimum-padding-size:var(--button-group-overflow-button-compact-size-minimum-padding-size);--modal-dialog-actions-overflow-button-compact-size-minimum-width:var(--button-group-overflow-button-compact-size-minimum-width);--modal-dialog-actions-overflow-button-compact-size-padding-size:var(--button-group-overflow-button-compact-size-padding-size);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-disabled-state-light-mode-background-color:var(--button-group-overflow-button-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-focus-ring-border-size:var(--button-group-overflow-button-focus-ring-border-size);--modal-dialog-actions-overflow-button-focus-ring-buffer-size:var(--button-group-overflow-button-focus-ring-buffer-size);--modal-dialog-actions-overflow-button-focus-state-background-color:var(--modal-dialog-actions-overflow-button-focus-state-light-mode-background-color);--modal-dialog-actions-overflow-button-focus-state-dark-mode-background-color:var(--button-group-overflow-button-focus-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-focus-state-dark-mode-icon-color:var(--button-group-overflow-button-focus-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-focus-state-icon-color:var(--modal-dialog-actions-overflow-button-focus-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-focus-state-light-mode-background-color:var(--button-group-overflow-button-focus-state-light-mode-background-color);--modal-dialog-actions-overflow-button-focus-state-light-mode-icon-color:var(--button-group-overflow-button-focus-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-hover-state-background-color:var(--modal-dialog-actions-overflow-button-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-hover-state-dark-mode-background-color:var(--button-group-overflow-button-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-hover-state-light-mode-background-color:var(--button-group-overflow-button-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-hover-state-light-mode-icon-color:var(--button-group-overflow-button-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-large-size-icon-height:var(--button-group-overflow-button-large-size-icon-height);--modal-dialog-actions-overflow-button-large-size-icon-width:var(--button-group-overflow-button-large-size-icon-width);--modal-dialog-actions-overflow-button-large-size-minimum-height:var(--button-group-overflow-button-large-size-minimum-height);--modal-dialog-actions-overflow-button-large-size-padding-size:var(--button-group-overflow-button-large-size-padding-size);--modal-dialog-actions-overflow-button-large-size-width-multiplier:var(--button-group-overflow-button-large-size-width-multiplier);--modal-dialog-actions-overflow-button-medium-size-horizontal-spacing-size:var(--button-group-overflow-button-medium-size-horizontal-spacing-size);--modal-dialog-actions-overflow-button-medium-size-icon-height:var(--button-group-overflow-button-medium-size-icon-height);--modal-dialog-actions-overflow-button-medium-size-icon-width:var(--button-group-overflow-button-medium-size-icon-width);--modal-dialog-actions-overflow-button-medium-size-minimum-height:var(--button-group-overflow-button-medium-size-minimum-height);--modal-dialog-actions-overflow-button-medium-size-padding-size:var(--button-group-overflow-button-medium-size-padding-size);--modal-dialog-actions-overflow-button-medium-size-width-multiplier:var(--button-group-overflow-button-medium-size-width-multiplier);--modal-dialog-actions-overflow-button-minimum-height:var(--button-group-overflow-button-minimum-height);--modal-dialog-actions-overflow-button-minimum-width:var(--button-group-overflow-button-minimum-width);--modal-dialog-actions-overflow-button-normal-size-minimum-height:var(--button-group-overflow-button-normal-size-minimum-height);--modal-dialog-actions-overflow-button-normal-size-minimum-width:var(--button-group-overflow-button-normal-size-minimum-width);--modal-dialog-actions-overflow-button-normal-size-padding-size:var(--button-group-overflow-button-normal-size-padding-size);--modal-dialog-actions-overflow-button-normal-state-background-color:var(--modal-dialog-actions-overflow-button-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-state-dark-mode-background-color:var(--button-group-overflow-button-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-state-light-mode-background-color:var(--button-group-overflow-button-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-state-light-mode-icon-color:var(--button-group-overflow-button-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-padding-size:var(--button-group-overflow-button-padding-size);--modal-dialog-actions-overflow-button-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-pressed-state-light-mode-background-color:var(--button-group-overflow-button-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-primary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-primary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-focus-state-background-color:var(--modal-dialog-actions-overflow-button-primary-rank-focus-state-light-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-focus-state-dark-mode-background-color:var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-focus-state-dark-mode-icon-color:var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-focus-state-icon-color:var(--modal-dialog-actions-overflow-button-primary-rank-focus-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-focus-state-light-mode-background-color:var(--button-group-overflow-button-primary-rank-focus-state-light-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-focus-state-light-mode-icon-color:var(--button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-hover-state-background-color:var(--modal-dialog-actions-overflow-button-primary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-primary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-primary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-normal-state-background-color:var(--modal-dialog-actions-overflow-button-primary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-primary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-primary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-primary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-primary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-focus-state-background-color:var(--modal-dialog-actions-overflow-button-secondary-rank-focus-state-light-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-focus-state-dark-mode-background-color:var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-focus-state-dark-mode-icon-color:var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-focus-state-icon-color:var(--modal-dialog-actions-overflow-button-secondary-rank-focus-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-focus-state-light-mode-background-color:var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-focus-state-light-mode-icon-color:var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-hover-state-background-color:var(--modal-dialog-actions-overflow-button-secondary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-secondary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-normal-state-background-color:var(--modal-dialog-actions-overflow-button-secondary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-secondary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-size-multiplier:var(--button-group-overflow-button-size-multiplier);--modal-dialog-actions-overflow-button-small-size-icon-height:var(--button-group-overflow-button-small-size-icon-height);--modal-dialog-actions-overflow-button-small-size-icon-width:var(--button-group-overflow-button-small-size-icon-width);--modal-dialog-actions-overflow-button-small-size-minimum-height:var(--button-group-overflow-button-small-size-minimum-height);--modal-dialog-actions-overflow-button-small-size-padding-size:var(--button-group-overflow-button-small-size-padding-size);--modal-dialog-actions-overflow-button-small-size-width-multiplier:var(--button-group-overflow-button-small-size-width-multiplier);--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color:var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-light-mode-background-color:var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-background-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-light-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-dark-mode-background-color:var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-icon-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-light-mode-background-color:var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-light-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-background-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-dark-mode-background-color:var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-light-mode-background-color:var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-light-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-background-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-dark-mode-background-color:var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-light-mode-background-color:var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-light-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color:var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-light-mode-background-color:var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color:var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);--modal-dialog-actions-spacing:var(--button-group-spacing);--modal-dialog-actions-top-gap:var(--core-metrics-spacing-400);--modal-dialog-animation-duration:0.50s;--modal-dialog-animation-enter-transition-duration:var(--core-animation-enter-transition-moderate-speed-duration);--modal-dialog-animation-enter-transition-easing:var(--core-animation-exit-transition-easing);--modal-dialog-animation-enter-transition-opacity:0;--modal-dialog-animation-enter-transition-scale:0.9;--modal-dialog-animation-exit-transition-duration:var(--core-animation-exit-transition-moderate-speed-duration);--modal-dialog-animation-exit-transition-easing:var(--core-animation-exit-transition-easing);--modal-dialog-animation-exit-transition-opacity:0;--modal-dialog-animation-exit-transition-scale:0.9;--modal-dialog-background-color:var(--modal-dialog-background-light-mode-color);--modal-dialog-background-dark-mode-color:var(--core-surface-20-dark-mode-color);--modal-dialog-background-light-mode-color:var(--core-surface-20-light-mode-color);--modal-dialog-border-radius:var(--core-radius-modals);--modal-dialog-compact-horizontal-size-class-horizontal-inner-padding:var(--core-metrics-spacing-400);--modal-dialog-compact-horizontal-size-class-horizontal-outer-padding:var(--core-metrics-spacing-200);--modal-dialog-compact-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-400);--modal-dialog-compact-horizontal-size-class-maximum-width:464px;--modal-dialog-compact-vertical-size-class-vertical-inner-padding:var(--core-metrics-spacing-400);--modal-dialog-compact-vertical-size-class-vertical-outer-padding:var(--core-metrics-spacing-200);--modal-dialog-compact-vertical-size-class-vertical-padding:var(--core-metrics-spacing-400);--modal-dialog-content-heading-color:var(--modal-dialog-content-heading-light-mode-color);--modal-dialog-content-heading-dark-mode-color:var(--core-text-10-dark-mode-color);--modal-dialog-content-heading-light-mode-color:var(--core-text-10-light-mode-color);--modal-dialog-content-heading-text-case:var(--core-type-heading-30-case);--modal-dialog-content-heading-text-font-family:var(--core-type-heading-30-font-family);--modal-dialog-content-heading-text-leading:var(--core-type-heading-30-leading);--modal-dialog-content-heading-text-number-spacing:var(--core-type-heading-30-number-spacing);--modal-dialog-content-heading-text-scale:var(--core-type-heading-30-scale);--modal-dialog-content-heading-text-size:var(--core-type-heading-30-size);--modal-dialog-content-heading-text-tracking:var(--core-type-heading-30-tracking);--modal-dialog-content-heading-text-weight:var(--core-type-heading-30-weight);--modal-dialog-content-spinner-diameter-size:var(--activity-indicator-radial-large-size-diameter-size);--modal-dialog-content-spinner-stroke-size:var(--activity-indicator-radial-large-size-stroke-size);--modal-dialog-content-vertical-header-gap:var(--core-metrics-spacing-400);--modal-dialog-content-vertical-space:var(--core-metrics-spacing-200);--modal-dialog-horizontal-padding-size:var(--modal-dialog-narrow-viewport-horizontal-padding-size);--modal-dialog-maximum-width-size:480px;--modal-dialog-medium-viewport-horizontal-padding-size:40px;--modal-dialog-medium-viewport-vertical-padding-size:24px;--modal-dialog-medium-viewport-width:480px;--modal-dialog-narrow-viewport-horizontal-padding-size:24px;--modal-dialog-narrow-viewport-vertical-padding-size:24px;--modal-dialog-regular-horizontal-size-class-horizontal-inner-padding:var(--core-metrics-spacing-400);--modal-dialog-regular-horizontal-size-class-horizontal-outer-padding:var(--core-metrics-spacing-200);--modal-dialog-regular-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-400);--modal-dialog-regular-horizontal-size-class-maximum-width:464px;--modal-dialog-regular-vertical-size-class-vertical-inner-padding:var(--core-metrics-spacing-400);--modal-dialog-regular-vertical-size-class-vertical-outer-padding:var(--core-metrics-spacing-200);--modal-dialog-regular-vertical-size-class-vertical-padding:var(--core-metrics-spacing-400);--modal-dialog-veil-color:var(--modal-dialog-veil-light-mode-color);--modal-dialog-veil-dark-mode-color:var(--core-surface-overlay-dark-mode-color);--modal-dialog-veil-light-mode-color:var(--core-surface-overlay-light-mode-color);--modal-dialog-vertical-padding-size:var(--modal-dialog-narrow-viewport-vertical-padding-size);--modal-dialog-wide-horizontal-size-class-horizontal-inner-padding:var(--core-metrics-spacing-400);--modal-dialog-wide-horizontal-size-class-horizontal-outer-padding:var(--core-metrics-spacing-200);--modal-dialog-wide-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-400);--modal-dialog-wide-horizontal-size-class-maximum-width:464px;--modal-dialog-wide-viewport-horizontal-padding-size:32px;--modal-dialog-wide-viewport-vertical-padding-size:24px;--modal-dialog-wide-viewport-width:480px;--modal-full-animation-duration:var(--modal-full-narrow-viewport-animation-duration);--modal-full-animation-enter-transition-duration:var(--core-animation-enter-transition-moderate-speed-duration);--modal-full-animation-enter-transition-easing:var(--core-animation-exit-transition-easing);--modal-full-animation-exit-transition-duration:var(--core-animation-exit-transition-moderate-speed-duration);--modal-full-animation-exit-transition-easing:var(--core-animation-exit-transition-easing);--modal-full-background-color:var(--modal-full-background-light-mode-color);--modal-full-background-dark-mode-color:var(--core-surface-5-dark-mode-color);--modal-full-background-light-mode-color:var(--core-surface-5-light-mode-color);--modal-full-compact-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-200);--modal-full-compact-vertical-size-class-vertical-padding:var(--core-metrics-spacing-150);--modal-full-fixed-layout-width:600px;--modal-full-horizontal-padding-size:var(--modal-full-narrow-viewport-horizontal-padding-size);--modal-full-medium-viewport-animation-duration:var(--modal-full-narrow-viewport-animation-duration);--modal-full-medium-viewport-horizontal-padding-size:24px;--modal-full-medium-viewport-vertical-padding-size:24px;--modal-full-narrow-viewport-animation-duration:0.50s;--modal-full-narrow-viewport-horizontal-padding-size:16px;--modal-full-narrow-viewport-vertical-padding-size:16px;--modal-full-regular-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-300);--modal-full-regular-vertical-size-class-vertical-padding:var(--core-metrics-spacing-200);--modal-full-veil-color:var(--modal-full-veil-light-mode-color);--modal-full-veil-dark-mode-color:var(--core-surface-overlay-dark-mode-color);--modal-full-veil-light-mode-color:var(--core-surface-overlay-light-mode-color);--modal-full-vertical-padding-size:var(--modal-full-narrow-viewport-vertical-padding-size);--modal-full-wide-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-300);--modal-full-wide-viewport-animation-duration:var(--modal-full-medium-viewport-animation-duration);--modal-full-wide-viewport-horizontal-padding-size:32px;--modal-full-wide-viewport-vertical-padding-size:16px;--modal-partial-animation-duration:var(--modal-partial-narrow-viewport-animation-duration);--modal-partial-animation-enter-transition-duration:var(--core-animation-enter-transition-moderate-speed-duration);--modal-partial-animation-enter-transition-easing:var(--core-animation-exit-transition-easing);--modal-partial-animation-enter-transition-opacity:0;--modal-partial-animation-enter-transition-scale:0.9;--modal-partial-animation-exit-transition-duration:var(--core-animation-exit-transition-moderate-speed-duration);--modal-partial-animation-exit-transition-easing:var(--core-animation-exit-transition-easing);--modal-partial-animation-exit-transition-opacity:0;--modal-partial-animation-exit-transition-scale:0.9;--modal-partial-background-color:var(--modal-partial-background-light-mode-color);--modal-partial-background-dark-mode-color:var(--core-surface-20-dark-mode-color);--modal-partial-background-light-mode-color:var(--core-surface-20-light-mode-color);--modal-partial-border-radius:var(--core-radius-modals);--modal-partial-compact-horizontal-size-class-horizontal-inner-padding:var(--modal-full-regular-horizontal-size-class-horizontal-padding);--modal-partial-compact-horizontal-size-class-horizontal-outer-padding:0px;--modal-partial-compact-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-400);--modal-partial-compact-horizontal-size-class-maximum-width:var(--modal-partial-regular-horizontal-size-class-maximum-width);--modal-partial-compact-vertical-size-class-vertical-inner-padding:var(--core-metrics-spacing-300);--modal-partial-compact-vertical-size-class-vertical-outer-padding:var(--core-metrics-spacing-300);--modal-partial-compact-vertical-size-class-vertical-padding:var(--core-metrics-spacing-300);--modal-partial-horizontal-padding-size:var(--modal-partial-narrow-viewport-horizontal-padding-size);--modal-partial-horizontal-screen-buffer-size:var(--modal-partial-narrow-viewport-horizontal-screen-buffer-size);--modal-partial-medium-viewport-animation-duration:var(--modal-partial-narrow-viewport-animation-duration);--modal-partial-medium-viewport-horizontal-padding-size:var(--core-metrics-spacing-400);--modal-partial-medium-viewport-horizontal-screen-buffer-size:var(--core-metrics-spacing-300);--modal-partial-medium-viewport-vertical-padding-size:var(--core-metrics-spacing-400);--modal-partial-medium-viewport-vertical-screen-buffer-size:var(--core-metrics-spacing-300);--modal-partial-medium-viewport-width:664px;--modal-partial-narrow-viewport-animation-duration:0.50s;--modal-partial-narrow-viewport-horizontal-padding-size:var(--core-metrics-spacing-200);--modal-partial-narrow-viewport-horizontal-screen-buffer-size:0px;--modal-partial-narrow-viewport-vertical-padding-size:var(--core-metrics-spacing-200);--modal-partial-narrow-viewport-vertical-screen-buffer-size:0px;--modal-partial-regular-horizontal-size-class-horizontal-inner-padding:var(--core-metrics-spacing-400);--modal-partial-regular-horizontal-size-class-horizontal-outer-padding:var(--core-metrics-spacing-200);--modal-partial-regular-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-400);--modal-partial-regular-horizontal-size-class-maximum-width:664px;--modal-partial-regular-vertical-size-class-vertical-inner-padding:var(--modal-partial-compact-vertical-size-class-vertical-inner-padding);--modal-partial-regular-vertical-size-class-vertical-outer-padding:var(--modal-partial-compact-vertical-size-class-vertical-outer-padding);--modal-partial-regular-vertical-size-class-vertical-padding:var(--core-metrics-spacing-300);--modal-partial-veil-color:var(--modal-partial-veil-light-mode-color);--modal-partial-veil-dark-mode-color:var(--core-surface-overlay-dark-mode-color);--modal-partial-veil-light-mode-color:var(--core-surface-overlay-light-mode-color);--modal-partial-vertical-padding-size:var(--modal-partial-narrow-viewport-vertical-padding-size);--modal-partial-vertical-screen-buffer-size:var(--modal-partial-narrow-viewport-vertical-screen-buffer-size);--modal-partial-wide-horizontal-size-class-horizontal-inner-padding:var(--modal-partial-regular-horizontal-size-class-horizontal-inner-padding);--modal-partial-wide-horizontal-size-class-horizontal-outer-padding:var(--modal-partial-regular-horizontal-size-class-horizontal-outer-padding);--modal-partial-wide-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-400);--modal-partial-wide-horizontal-size-class-maximum-width:var(--modal-partial-regular-horizontal-size-class-maximum-width);--modal-partial-wide-viewport-animation-duration:var(--modal-partial-medium-viewport-animation-duration);--modal-partial-wide-viewport-horizontal-padding-size:var(--core-metrics-spacing-400);--modal-partial-wide-viewport-horizontal-screen-buffer-size:var(--core-metrics-spacing-300);--modal-partial-wide-viewport-vertical-padding-size:var(--core-metrics-spacing-400);--modal-partial-wide-viewport-vertical-screen-buffer-size:var(--core-metrics-spacing-300);--modal-partial-wide-viewport-width:664px;--modal-popover-anchor-space-horizontal-size:var(--core-metrics-spacing-100);--modal-popover-anchor-space-vertical-size:var(--core-metrics-spacing-100);--modal-popover-appear-animation-percentage:70px;--modal-popover-background-color:var(--modal-popover-background-light-mode-color);--modal-popover-background-dark-mode-color:var(--core-surface-30-dark-mode-color);--modal-popover-background-light-mode-color:var(--core-surface-30-light-mode-color);--modal-popover-border-radius:var(--core-radius-200);--modal-popover-compact-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-200);--modal-popover-compact-vertical-size-class-vertical-padding:var(--core-metrics-spacing-200);--modal-popover-regular-horizontal-size-class-horizontal-padding:var(--modal-popover-compact-horizontal-size-class-horizontal-padding);--modal-popover-regular-vertical-size-class-vertical-padding:var(--modal-popover-compact-vertical-size-class-vertical-padding);--modal-popover-size-maximum-height:464px;--modal-popover-size-minimum-width:200px;--modal-popover-wide-horizontal-size-class-horizontal-padding:var(--modal-popover-compact-horizontal-size-class-horizontal-padding);--modal-popover-wide-viewport-max-height-size:500px;--modal-popover-wide-viewport-min-width-size:200px;--modal-popover-wide-viewport-padding-bottom-size:var(--core-metrics-spacing-100);--modal-popover-wide-viewport-padding-left-size:var(--core-metrics-spacing-300);--modal-popover-wide-viewport-padding-right-size:var(--core-metrics-spacing-300);--modal-popover-wide-viewport-padding-top-size:var(--core-metrics-spacing-100);--modal-sheet-background-color:var(--modal-sheet-background-light-mode-color);--modal-sheet-background-dark-mode-color:var(--core-surface-20-dark-mode-color);--modal-sheet-background-light-mode-color:var(--core-surface-20-light-mode-color);--modal-sheet-border-radius:var(--core-radius-modals);--modal-sheet-compact-horizontal-size-class-bottom-gap:0px;--modal-sheet-compact-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-200);--modal-sheet-compact-horizontal-size-class-maximum-width:464px;--modal-sheet-compact-vertical-size-class-vertical-padding:var(--core-metrics-spacing-200);--modal-sheet-handle-background-color:var(--modal-sheet-handle-light-mode-background-color);--modal-sheet-handle-border-radius:var(--core-radius-circle);--modal-sheet-handle-dark-mode-background-color:rgba(255, 255, 255, 0.2);--modal-sheet-handle-dark-mode-fill-color:rgba(255, 255, 255, 0.4);--modal-sheet-handle-fill-color:var(--modal-sheet-handle-light-mode-fill-color);--modal-sheet-handle-height:6px;--modal-sheet-handle-light-mode-background-color:rgba(255, 255, 255, 0.4);--modal-sheet-handle-light-mode-fill-color:rgba(255, 255, 255, 0.4);--modal-sheet-handle-padding-bottom-size:8px;--modal-sheet-handle-padding-top-size:26px;--modal-sheet-handle-top-buffer-size:10px;--modal-sheet-handle-width:56px;--modal-sheet-margin-bottom-size:var(--modal-sheet-narrow-viewport-margin-bottom-size);--modal-sheet-narrow-viewport-margin-bottom-size:0px;--modal-sheet-narrow-viewport-padding-bottom-size:var(--core-metrics-spacing-200);--modal-sheet-narrow-viewport-padding-left-size:var(--core-metrics-spacing-200);--modal-sheet-narrow-viewport-padding-right-size:var(--core-metrics-spacing-200);--modal-sheet-narrow-viewport-padding-top-size:var(--core-metrics-spacing-200);--modal-sheet-padding-bottom-size:var(--modal-sheet-narrow-viewport-padding-bottom-size);--modal-sheet-padding-left-size:var(--modal-sheet-narrow-viewport-padding-left-size);--modal-sheet-padding-right-size:var(--modal-sheet-narrow-viewport-padding-right-size);--modal-sheet-padding-top-size:var(--modal-sheet-narrow-viewport-padding-top-size);--modal-sheet-regular-horizontal-size-class-bottom-gap:var(--core-metrics-spacing-200);--modal-sheet-regular-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-300);--modal-sheet-regular-horizontal-size-class-maximum-width:464px;--modal-sheet-regular-vertical-size-class-vertical-padding:var(--core-metrics-spacing-300);--modal-sheet-veil-color:var(--modal-sheet-veil-light-mode-color);--modal-sheet-veil-dark-mode-color:var(--core-surface-overlay-dark-mode-color);--modal-sheet-veil-light-mode-color:var(--core-surface-overlay-light-mode-color);--modal-sheet-wide-horizontal-size-class-bottom-gap:var(--core-metrics-spacing-200);--modal-sheet-wide-horizontal-size-class-horizontal-padding:var(--core-metrics-spacing-300);--modal-sheet-wide-horizontal-size-class-maximum-width:464px;--modal-sheet-wide-viewport-margin-bottom-size:16px;--modal-sheet-wide-viewport-padding-bottom-size:var(--core-metrics-spacing-400);--modal-sheet-wide-viewport-padding-left-size:var(--core-metrics-spacing-400);--modal-sheet-wide-viewport-padding-right-size:var(--core-metrics-spacing-400);--modal-sheet-wide-viewport-padding-top-size:var(--core-metrics-spacing-400);--numpad-tall-layout-button-border-radius:40px;--page-indicator-dark-mode-dot-color:var(--core-text-20-dark-mode-color);--page-indicator-dark-mode-selected-color:var(--core-emphasis-fill-dark-mode-color);--page-indicator-dot-color:var(--page-indicator-light-mode-dot-color);--page-indicator-dot-size:6px;--page-indicator-light-mode-dot-color:var(--core-text-20-light-mode-color);--page-indicator-light-mode-selected-color:var(--core-emphasis-fill-light-mode-color);--page-indicator-selected-color:var(--page-indicator-light-mode-selected-color);--page-indicator-selected-size:8px;--page-indicator-spacing-size:6px;--pagination-nav-content-spacing:var(--core-metrics-spacing-100);--pagination-nav-horizontal-margin:var(--core-metrics-spacing-100);--pagination-nav-vertical-margin:var(--core-metrics-spacing-200);--paging-indicator-selected-state-color:var(--paging-indicator-selected-state-light-mode-color);--paging-indicator-selected-state-dark-mode-color:var(--core-fill-10-dark-mode-color);--paging-indicator-selected-state-height:var(--core-metrics-spacing-50);--paging-indicator-selected-state-light-mode-color:var(--core-fill-10-light-mode-color);--paging-indicator-selected-state-width:var(--core-metrics-spacing-300);--paging-indicator-spacing:var(--core-metrics-spacing-25);--paging-indicator-unselected-state-color:var(--paging-indicator-unselected-state-light-mode-color);--paging-indicator-unselected-state-dark-mode-color:var(--core-fill-20-dark-mode-color);--paging-indicator-unselected-state-height:var(--core-metrics-spacing-25);--paging-indicator-unselected-state-light-mode-color:var(--core-fill-20-light-mode-color);--paging-indicator-unselected-state-width:var(--core-metrics-spacing-300);--pill-alpha-variant-background-color:var(--pill-alpha-variant-background-light-mode-color);--pill-alpha-variant-background-dark-mode-color:var(--pill-alpha-variant-normal-state-background-dark-mode-color);--pill-alpha-variant-background-light-mode-color:var(--pill-alpha-variant-normal-state-background-light-mode-color);--pill-alpha-variant-icon-color:var(--pill-alpha-variant-icon-light-mode-color);--pill-alpha-variant-icon-dark-mode-color:var(--core-pink-fill-dark-mode-color);--pill-alpha-variant-icon-light-mode-color:var(--core-pink-fill-light-mode-color);--pill-alpha-variant-normal-state-background-color:var(--pill-alpha-variant-normal-state-background-light-mode-color);--pill-alpha-variant-normal-state-background-dark-mode-color:var(--core-pink-40-dark-mode-color);--pill-alpha-variant-normal-state-background-light-mode-color:var(--core-pink-40-light-mode-color);--pill-alpha-variant-pressed-state-background-color:var(--pill-alpha-variant-pressed-state-background-light-mode-color);--pill-alpha-variant-pressed-state-background-dark-mode-color:var(--core-pink-30-dark-mode-color);--pill-alpha-variant-pressed-state-background-light-mode-color:var(--core-pink-30-light-mode-color);--pill-alpha-variant-text-color:var(--pill-alpha-variant-text-light-mode-color);--pill-alpha-variant-text-dark-mode-color:var(--core-pink-text-dark-mode-color);--pill-alpha-variant-text-light-mode-color:var(--core-pink-text-light-mode-color);--pill-beta-variant-background-color:var(--pill-beta-variant-background-light-mode-color);--pill-beta-variant-background-dark-mode-color:var(--pill-beta-variant-normal-state-background-dark-mode-color);--pill-beta-variant-background-light-mode-color:var(--pill-beta-variant-normal-state-background-light-mode-color);--pill-beta-variant-icon-color:var(--pill-beta-variant-icon-light-mode-color);--pill-beta-variant-icon-dark-mode-color:var(--core-teal-fill-dark-mode-color);--pill-beta-variant-icon-light-mode-color:var(--core-teal-fill-light-mode-color);--pill-beta-variant-normal-state-background-color:var(--pill-beta-variant-normal-state-background-light-mode-color);--pill-beta-variant-normal-state-background-dark-mode-color:var(--core-teal-40-dark-mode-color);--pill-beta-variant-normal-state-background-light-mode-color:var(--core-teal-40-light-mode-color);--pill-beta-variant-pressed-state-background-color:var(--pill-beta-variant-pressed-state-background-light-mode-color);--pill-beta-variant-pressed-state-background-dark-mode-color:var(--core-teal-30-dark-mode-color);--pill-beta-variant-pressed-state-background-light-mode-color:var(--core-teal-30-light-mode-color);--pill-beta-variant-text-color:var(--pill-beta-variant-text-light-mode-color);--pill-beta-variant-text-dark-mode-color:var(--core-teal-text-dark-mode-color);--pill-beta-variant-text-light-mode-color:var(--core-teal-text-light-mode-color);--pill-border-color:var(--pill-border-light-mode-color);--pill-border-dark-mode-color:var(--core-surface-5-dark-mode-color);--pill-border-light-mode-color:var(--core-surface-5-light-mode-color);--pill-border-width:var(--core-border-20);--pill-compact-size-border-radius:var(--core-radius-circle);--pill-compact-size-corner-radius:var(--pill-compact-size-border-radius);--pill-compact-size-horizontal-padding:var(--core-metrics-spacing-100);--pill-compact-size-icon-dot-radius:var(--pill-compact-size-indicator-dot-radius);--pill-compact-size-icon-left-padding:var(--pill-compact-size-indicator-icon-horizontal-padding-left);--pill-compact-size-icon-size:var(--pill-compact-size-indicator-icon-size);--pill-compact-size-icon-to-text-spacing:var(--pill-compact-size-indicator-icon-horizontal-padding-right);--pill-compact-size-indicator-dot-horizontal-padding-left:var(--core-metrics-spacing-50);--pill-compact-size-indicator-dot-horizontal-padding-right:var(--core-metrics-spacing-50);--pill-compact-size-indicator-dot-radius:var(--core-metrics-spacing-50);--pill-compact-size-indicator-icon-horizontal-padding-left:var(--core-metrics-spacing-50);--pill-compact-size-indicator-icon-horizontal-padding-right:var(--core-metrics-spacing-50);--pill-compact-size-indicator-icon-size:var(--core-metrics-spacing-200);--pill-compact-size-padding-horizontal-size:var(--pill-compact-size-horizontal-padding);--pill-compact-size-padding-vertical-size:var(--pill-compact-size-vertical-padding);--pill-compact-size-spacing-horizontal:var(--pill-compact-size-indicator-dot-horizontal-padding-right);--pill-compact-size-text-case:var(--core-type-semibold-10-case);--pill-compact-size-text-edge-padding:var(--pill-compact-size-text-horizontal-padding-left);--pill-compact-size-text-font-family:var(--core-type-semibold-10-font-family);--pill-compact-size-text-horizontal-padding-left:var(--core-metrics-spacing-100);--pill-compact-size-text-leading:var(--core-type-semibold-10-leading);--pill-compact-size-text-number-spacing:var(--core-type-semibold-10-number-spacing);--pill-compact-size-text-scale:var(--core-type-semibold-10-scale);--pill-compact-size-text-size:var(--core-type-semibold-10-size);--pill-compact-size-text-tracking:var(--core-type-semibold-10-tracking);--pill-compact-size-text-weight:var(--core-type-semibold-10-weight);--pill-compact-size-vertical-padding:var(--core-metrics-spacing-25);--pill-critical-variant-background-color:var(--pill-critical-variant-background-light-mode-color);--pill-critical-variant-background-dark-mode-color:var(--pill-critical-variant-normal-state-background-dark-mode-color);--pill-critical-variant-background-light-mode-color:var(--pill-critical-variant-normal-state-background-light-mode-color);--pill-critical-variant-icon-color:var(--pill-critical-variant-icon-light-mode-color);--pill-critical-variant-icon-dark-mode-color:var(--core-critical-fill-dark-mode-color);--pill-critical-variant-icon-light-mode-color:var(--core-critical-fill-light-mode-color);--pill-critical-variant-normal-state-background-color:var(--pill-critical-variant-normal-state-background-light-mode-color);--pill-critical-variant-normal-state-background-dark-mode-color:var(--core-critical-40-dark-mode-color);--pill-critical-variant-normal-state-background-light-mode-color:var(--core-critical-40-light-mode-color);--pill-critical-variant-pressed-state-background-color:var(--pill-critical-variant-pressed-state-background-light-mode-color);--pill-critical-variant-pressed-state-background-dark-mode-color:var(--core-critical-30-dark-mode-color);--pill-critical-variant-pressed-state-background-light-mode-color:var(--core-critical-30-light-mode-color);--pill-critical-variant-text-color:var(--pill-critical-variant-text-light-mode-color);--pill-critical-variant-text-dark-mode-color:var(--core-critical-text-dark-mode-color);--pill-critical-variant-text-light-mode-color:var(--core-critical-text-light-mode-color);--pill-emphasis-variant-background-color:var(--pill-emphasis-variant-background-light-mode-color);--pill-emphasis-variant-background-dark-mode-color:var(--pill-emphasis-variant-normal-state-background-dark-mode-color);--pill-emphasis-variant-background-light-mode-color:var(--pill-emphasis-variant-normal-state-background-light-mode-color);--pill-emphasis-variant-icon-color:var(--pill-emphasis-variant-icon-light-mode-color);--pill-emphasis-variant-icon-dark-mode-color:var(--core-blue-text-dark-mode-color);--pill-emphasis-variant-icon-light-mode-color:var(--core-blue-text-light-mode-color);--pill-emphasis-variant-normal-state-background-color:var(--pill-emphasis-variant-normal-state-background-light-mode-color);--pill-emphasis-variant-normal-state-background-dark-mode-color:var(--core-blue-40-dark-mode-color);--pill-emphasis-variant-normal-state-background-light-mode-color:var(--core-blue-40-light-mode-color);--pill-emphasis-variant-pressed-state-background-color:var(--pill-emphasis-variant-pressed-state-background-light-mode-color);--pill-emphasis-variant-pressed-state-background-dark-mode-color:var(--core-blue-30-dark-mode-color);--pill-emphasis-variant-pressed-state-background-light-mode-color:var(--core-blue-30-light-mode-color);--pill-emphasis-variant-text-color:var(--pill-emphasis-variant-text-light-mode-color);--pill-emphasis-variant-text-dark-mode-color:var(--core-blue-text-dark-mode-color);--pill-emphasis-variant-text-light-mode-color:var(--core-blue-text-light-mode-color);--pill-insight-variant-background-color:var(--pill-insight-variant-background-light-mode-color);--pill-insight-variant-background-dark-mode-color:var(--pill-insight-variant-normal-state-background-dark-mode-color);--pill-insight-variant-background-light-mode-color:var(--pill-insight-variant-normal-state-background-light-mode-color);--pill-insight-variant-icon-color:var(--pill-insight-variant-icon-light-mode-color);--pill-insight-variant-icon-dark-mode-color:var(--core-purple-fill-dark-mode-color);--pill-insight-variant-icon-light-mode-color:var(--core-purple-fill-light-mode-color);--pill-insight-variant-normal-state-background-color:var(--pill-insight-variant-normal-state-background-light-mode-color);--pill-insight-variant-normal-state-background-dark-mode-color:var(--core-purple-40-dark-mode-color);--pill-insight-variant-normal-state-background-light-mode-color:var(--core-purple-40-light-mode-color);--pill-insight-variant-pressed-state-background-color:var(--pill-insight-variant-pressed-state-background-light-mode-color);--pill-insight-variant-pressed-state-background-dark-mode-color:var(--core-purple-30-dark-mode-color);--pill-insight-variant-pressed-state-background-light-mode-color:var(--core-purple-30-light-mode-color);--pill-insight-variant-text-color:var(--pill-insight-variant-text-light-mode-color);--pill-insight-variant-text-dark-mode-color:var(--core-purple-text-dark-mode-color);--pill-insight-variant-text-light-mode-color:var(--core-purple-text-light-mode-color);--pill-normal-size-border-radius:var(--core-radius-circle);--pill-normal-size-corner-radius:var(--pill-normal-size-border-radius);--pill-normal-size-horizontal-padding:var(--core-metrics-spacing-150);--pill-normal-size-icon-dot-radius:var(--pill-normal-size-indicator-dot-radius);--pill-normal-size-icon-left-padding:var(--pill-normal-size-indicator-icon-horizontal-padding-left);--pill-normal-size-icon-size:var(--pill-normal-size-indicator-icon-size);--pill-normal-size-icon-to-text-spacing:var(--pill-normal-size-indicator-icon-horizontal-padding-right);--pill-normal-size-indicator-dot-horizontal-padding-left:var(--core-metrics-spacing-100);--pill-normal-size-indicator-dot-horizontal-padding-right:var(--core-metrics-spacing-50);--pill-normal-size-indicator-dot-radius:5px;--pill-normal-size-indicator-icon-horizontal-padding-left:var(--core-metrics-spacing-100);--pill-normal-size-indicator-icon-horizontal-padding-right:var(--core-metrics-spacing-50);--pill-normal-size-indicator-icon-size:var(--core-metrics-spacing-200);--pill-normal-size-padding-horizontal-size:var(--pill-normal-size-horizontal-padding);--pill-normal-size-padding-vertical-size:var(--pill-normal-size-vertical-padding);--pill-normal-size-spacing-horizontal:var(--pill-normal-size-indicator-dot-horizontal-padding-right);--pill-normal-size-text-case:var(--core-type-semibold-20-case);--pill-normal-size-text-edge-padding:var(--pill-normal-size-text-horizontal-padding-left);--pill-normal-size-text-font-family:var(--core-type-semibold-20-font-family);--pill-normal-size-text-horizontal-padding-left:var(--core-metrics-spacing-150);--pill-normal-size-text-leading:var(--core-type-semibold-20-leading);--pill-normal-size-text-number-spacing:var(--core-type-semibold-20-number-spacing);--pill-normal-size-text-scale:var(--core-type-semibold-20-scale);--pill-normal-size-text-size:var(--core-type-semibold-20-size);--pill-normal-size-text-tracking:var(--core-type-semibold-20-tracking);--pill-normal-size-text-weight:var(--core-type-semibold-20-weight);--pill-normal-size-vertical-padding:var(--core-metrics-spacing-50);--pill-normal-variant-background-color:var(--pill-normal-variant-background-light-mode-color);--pill-normal-variant-background-dark-mode-color:var(--pill-normal-variant-normal-state-background-dark-mode-color);--pill-normal-variant-background-light-mode-color:var(--pill-normal-variant-normal-state-background-light-mode-color);--pill-normal-variant-icon-color:var(--pill-normal-variant-icon-light-mode-color);--pill-normal-variant-icon-dark-mode-color:var(--core-fill-20-dark-mode-color);--pill-normal-variant-icon-light-mode-color:var(--core-fill-20-light-mode-color);--pill-normal-variant-normal-state-background-color:var(--pill-normal-variant-normal-state-background-light-mode-color);--pill-normal-variant-normal-state-background-dark-mode-color:var(--core-fill-40-dark-mode-color);--pill-normal-variant-normal-state-background-light-mode-color:var(--core-fill-40-light-mode-color);--pill-normal-variant-pressed-state-background-color:var(--pill-normal-variant-pressed-state-background-light-mode-color);--pill-normal-variant-pressed-state-background-dark-mode-color:var(--core-fill-30-dark-mode-color);--pill-normal-variant-pressed-state-background-light-mode-color:var(--core-fill-30-light-mode-color);--pill-normal-variant-text-color:var(--pill-normal-variant-text-light-mode-color);--pill-normal-variant-text-dark-mode-color:var(--core-text-20-dark-mode-color);--pill-normal-variant-text-light-mode-color:var(--core-text-20-light-mode-color);--pill-success-variant-background-color:var(--pill-success-variant-background-light-mode-color);--pill-success-variant-background-dark-mode-color:var(--pill-success-variant-normal-state-background-dark-mode-color);--pill-success-variant-background-light-mode-color:var(--pill-success-variant-normal-state-background-light-mode-color);--pill-success-variant-icon-color:var(--pill-success-variant-icon-light-mode-color);--pill-success-variant-icon-dark-mode-color:var(--core-success-fill-dark-mode-color);--pill-success-variant-icon-light-mode-color:var(--core-success-fill-light-mode-color);--pill-success-variant-normal-state-background-color:var(--pill-success-variant-normal-state-background-light-mode-color);--pill-success-variant-normal-state-background-dark-mode-color:var(--core-success-40-dark-mode-color);--pill-success-variant-normal-state-background-light-mode-color:var(--core-success-40-light-mode-color);--pill-success-variant-pressed-state-background-color:var(--pill-success-variant-pressed-state-background-light-mode-color);--pill-success-variant-pressed-state-background-dark-mode-color:var(--core-success-30-dark-mode-color);--pill-success-variant-pressed-state-background-light-mode-color:var(--core-success-30-light-mode-color);--pill-success-variant-text-color:var(--pill-success-variant-text-light-mode-color);--pill-success-variant-text-dark-mode-color:var(--core-success-text-dark-mode-color);--pill-success-variant-text-light-mode-color:var(--core-success-text-light-mode-color);--pill-warning-variant-background-color:var(--pill-warning-variant-background-light-mode-color);--pill-warning-variant-background-dark-mode-color:var(--pill-warning-variant-normal-state-background-dark-mode-color);--pill-warning-variant-background-light-mode-color:var(--pill-warning-variant-normal-state-background-light-mode-color);--pill-warning-variant-icon-color:var(--pill-warning-variant-icon-light-mode-color);--pill-warning-variant-icon-dark-mode-color:var(--core-warning-fill-dark-mode-color);--pill-warning-variant-icon-light-mode-color:var(--core-warning-fill-light-mode-color);--pill-warning-variant-normal-state-background-color:var(--pill-warning-variant-normal-state-background-light-mode-color);--pill-warning-variant-normal-state-background-dark-mode-color:var(--core-warning-40-dark-mode-color);--pill-warning-variant-normal-state-background-light-mode-color:var(--core-warning-40-light-mode-color);--pill-warning-variant-pressed-state-background-color:var(--pill-warning-variant-pressed-state-background-light-mode-color);--pill-warning-variant-pressed-state-background-dark-mode-color:var(--core-warning-30-dark-mode-color);--pill-warning-variant-pressed-state-background-light-mode-color:var(--core-warning-30-light-mode-color);--pill-warning-variant-text-color:var(--pill-warning-variant-text-light-mode-color);--pill-warning-variant-text-dark-mode-color:var(--core-warning-text-dark-mode-color);--pill-warning-variant-text-light-mode-color:var(--core-warning-text-light-mode-color);--qrcode-border-color:var(--qrcode-border-light-mode-color);--qrcode-border-dark-mode-color:var(--core-divider-10-dark-mode-color);--qrcode-border-light-mode-color:var(--core-divider-10-light-mode-color);--qrcode-border-radius:var(--core-radius-266);--qrcode-border-width:1px;--qrcode-gap:var(--core-metrics-spacing-200);--qrcode-monochrome-variant-background-color:var(--qrcode-monochrome-variant-background-light-mode-color);--qrcode-monochrome-variant-background-dark-mode-color:var(--qrcode-normal-variant-background-dark-mode-color);--qrcode-monochrome-variant-background-light-mode-color:var(--qrcode-normal-variant-background-light-mode-color);--qrcode-monochrome-variant-foreground-color:var(--qrcode-monochrome-variant-foreground-light-mode-color);--qrcode-monochrome-variant-foreground-dark-mode-color:var(--qrcode-normal-variant-foreground-dark-mode-color);--qrcode-monochrome-variant-foreground-light-mode-color:var(--qrcode-normal-variant-foreground-light-mode-color);--qrcode-monochrome-variant-icon-color:var(--qrcode-monochrome-variant-icon-light-mode-color);--qrcode-monochrome-variant-icon-dark-mode-color:var(--qrcode-normal-variant-foreground-dark-mode-color);--qrcode-monochrome-variant-icon-light-mode-color:var(--qrcode-normal-variant-foreground-light-mode-color);--qrcode-normal-variant-background-color:var(--qrcode-normal-variant-background-light-mode-color);--qrcode-normal-variant-background-dark-mode-color:var(--core-fill-black-dark-mode-color);--qrcode-normal-variant-background-light-mode-color:var(--core-fill-white-light-mode-color);--qrcode-normal-variant-foreground-color:var(--qrcode-normal-variant-foreground-light-mode-color);--qrcode-normal-variant-foreground-dark-mode-color:var(--core-fill-white-dark-mode-color);--qrcode-normal-variant-foreground-light-mode-color:var(--core-fill-black-light-mode-color);--qrcode-normal-variant-icon-color:var(--qrcode-normal-variant-icon-light-mode-color);--qrcode-normal-variant-icon-dark-mode-color:var(--qrcode-normal-variant-foreground-dark-mode-color);--qrcode-normal-variant-icon-light-mode-color:var(--qrcode-normal-variant-foreground-light-mode-color);--qrcode-padding:var(--core-metrics-spacing-600);--quantity-input-field-value-text-case:var(--core-type-display-20-case);--quantity-input-field-value-text-color:var(--quantity-input-field-value-text-light-mode-color);--quantity-input-field-value-text-dark-mode-color:var(--core-text-10-dark-mode-color);--quantity-input-field-value-text-font-family:var(--core-type-display-20-font-family);--quantity-input-field-value-text-leading:var(--core-type-display-20-leading);--quantity-input-field-value-text-light-mode-color:var(--core-text-10-light-mode-color);--quantity-input-field-value-text-number-spacing:'monospaced';--quantity-input-field-value-text-placeholder-color:var(--quantity-input-field-value-text-placeholder-light-mode-color);--quantity-input-field-value-text-placeholder-dark-mode-color:var(--core-text-30-dark-mode-color);--quantity-input-field-value-text-placeholder-light-mode-color:var(--core-text-30-light-mode-color);--quantity-input-field-value-text-scale:var(--core-type-display-20-scale);--quantity-input-field-value-text-size:var(--core-type-display-20-size);--quantity-input-field-value-text-tracking:var(--core-type-display-20-tracking);--quantity-input-field-value-text-weight:var(--core-type-display-20-weight);--radio-border-radius:100px;--radio-border-size:var(--core-border-20);--radio-dark-mode-focus-ring-color:var(--core-focus-ring-dark-mode-color);--radio-disabled-state-invalid-validity-selected-value-background-color:var(--radio-disabled-state-invalid-validity-selected-value-light-mode-background-color);--radio-disabled-state-invalid-validity-selected-value-border-color:var(--radio-disabled-state-invalid-validity-selected-value-light-mode-border-color);--radio-disabled-state-invalid-validity-selected-value-dark-mode-background-color:var(--radio-disabled-state-normal-validity-selected-value-dark-mode-background-color);--radio-disabled-state-invalid-validity-selected-value-dark-mode-border-color:var(--radio-disabled-state-normal-validity-selected-value-dark-mode-border-color);--radio-disabled-state-invalid-validity-selected-value-dark-mode-icon-color:var(--radio-disabled-state-normal-validity-selected-value-dark-mode-icon-color);--radio-disabled-state-invalid-validity-selected-value-icon-color:var(--radio-disabled-state-invalid-validity-selected-value-light-mode-icon-color);--radio-disabled-state-invalid-validity-selected-value-light-mode-background-color:var(--radio-disabled-state-normal-validity-selected-value-light-mode-background-color);--radio-disabled-state-invalid-validity-selected-value-light-mode-border-color:var(--radio-disabled-state-normal-validity-selected-value-light-mode-border-color);--radio-disabled-state-invalid-validity-selected-value-light-mode-icon-color:var(--radio-disabled-state-normal-validity-selected-value-light-mode-icon-color);--radio-disabled-state-invalid-validity-unselected-value-background-color:var(--radio-disabled-state-invalid-validity-unselected-value-light-mode-background-color);--radio-disabled-state-invalid-validity-unselected-value-border-color:var(--radio-disabled-state-invalid-validity-unselected-value-light-mode-border-color);--radio-disabled-state-invalid-validity-unselected-value-dark-mode-background-color:var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-background-color);--radio-disabled-state-invalid-validity-unselected-value-dark-mode-border-color:var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-border-color);--radio-disabled-state-invalid-validity-unselected-value-light-mode-background-color:var(--radio-disabled-state-normal-validity-unselected-value-light-mode-background-color);--radio-disabled-state-invalid-validity-unselected-value-light-mode-border-color:var(--radio-disabled-state-normal-validity-unselected-value-light-mode-border-color);--radio-disabled-state-normal-validity-selected-value-background-color:var(--radio-disabled-state-normal-validity-selected-value-light-mode-background-color);--radio-disabled-state-normal-validity-selected-value-border-color:var(--radio-disabled-state-normal-validity-selected-value-light-mode-border-color);--radio-disabled-state-normal-validity-selected-value-dark-mode-background-color:var(--core-fill-20-dark-mode-color);--radio-disabled-state-normal-validity-selected-value-dark-mode-border-color:transparent;--radio-disabled-state-normal-validity-selected-value-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--radio-disabled-state-normal-validity-selected-value-icon-color:var(--radio-disabled-state-normal-validity-selected-value-light-mode-icon-color);--radio-disabled-state-normal-validity-selected-value-light-mode-background-color:var(--core-fill-20-light-mode-color);--radio-disabled-state-normal-validity-selected-value-light-mode-border-color:transparent;--radio-disabled-state-normal-validity-selected-value-light-mode-icon-color:var(--core-fill-white-light-mode-color);--radio-disabled-state-normal-validity-unselected-value-background-color:var(--radio-disabled-state-normal-validity-unselected-value-light-mode-background-color);--radio-disabled-state-normal-validity-unselected-value-border-color:var(--radio-disabled-state-normal-validity-unselected-value-light-mode-border-color);--radio-disabled-state-normal-validity-unselected-value-dark-mode-background-color:var(--core-fill-50-dark-mode-color);--radio-disabled-state-normal-validity-unselected-value-dark-mode-border-color:var(--core-fill-30-dark-mode-color);--radio-disabled-state-normal-validity-unselected-value-light-mode-background-color:var(--core-fill-50-light-mode-color);--radio-disabled-state-normal-validity-unselected-value-light-mode-border-color:var(--core-fill-30-light-mode-color);--radio-focus-ring-buffer-size:var(--core-focus-ring-buffer-size);--radio-focus-ring-color:var(--radio-light-mode-focus-ring-color);--radio-focus-state-invalid-validity-selected-value-background-color:var(--radio-focus-state-invalid-validity-selected-value-light-mode-background-color);--radio-focus-state-invalid-validity-selected-value-border-color:var(--radio-focus-state-invalid-validity-selected-value-light-mode-border-color);--radio-focus-state-invalid-validity-selected-value-dark-mode-background-color:var(--radio-hover-state-invalid-validity-selected-value-dark-mode-background-color);--radio-focus-state-invalid-validity-selected-value-dark-mode-border-color:var(--radio-hover-state-invalid-validity-selected-value-dark-mode-border-color);--radio-focus-state-invalid-validity-selected-value-dark-mode-icon-color:var(--radio-hover-state-invalid-validity-selected-value-dark-mode-icon-color);--radio-focus-state-invalid-validity-selected-value-icon-color:var(--radio-focus-state-invalid-validity-selected-value-light-mode-icon-color);--radio-focus-state-invalid-validity-selected-value-light-mode-background-color:var(--radio-hover-state-invalid-validity-selected-value-light-mode-background-color);--radio-focus-state-invalid-validity-selected-value-light-mode-border-color:var(--radio-hover-state-invalid-validity-selected-value-light-mode-border-color);--radio-focus-state-invalid-validity-selected-value-light-mode-icon-color:var(--radio-hover-state-invalid-validity-selected-value-light-mode-icon-color);--radio-focus-state-invalid-validity-unselected-value-background-color:var(--radio-focus-state-invalid-validity-unselected-value-light-mode-background-color);--radio-focus-state-invalid-validity-unselected-value-border-color:var(--radio-focus-state-invalid-validity-unselected-value-light-mode-border-color);--radio-focus-state-invalid-validity-unselected-value-dark-mode-background-color:var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-background-color);--radio-focus-state-invalid-validity-unselected-value-dark-mode-border-color:var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-border-color);--radio-focus-state-invalid-validity-unselected-value-light-mode-background-color:var(--radio-hover-state-invalid-validity-unselected-value-light-mode-background-color);--radio-focus-state-invalid-validity-unselected-value-light-mode-border-color:var(--radio-hover-state-invalid-validity-unselected-value-light-mode-border-color);--radio-focus-state-normal-validity-selected-value-background-color:var(--radio-focus-state-normal-validity-selected-value-light-mode-background-color);--radio-focus-state-normal-validity-selected-value-border-color:var(--radio-focus-state-normal-validity-selected-value-light-mode-border-color);--radio-focus-state-normal-validity-selected-value-dark-mode-background-color:var(--radio-hover-state-normal-validity-selected-value-dark-mode-background-color);--radio-focus-state-normal-validity-selected-value-dark-mode-border-color:var(--radio-hover-state-normal-validity-selected-value-dark-mode-border-color);--radio-focus-state-normal-validity-selected-value-dark-mode-icon-color:var(--radio-hover-state-normal-validity-selected-value-dark-mode-icon-color);--radio-focus-state-normal-validity-selected-value-icon-color:var(--radio-focus-state-normal-validity-selected-value-light-mode-icon-color);--radio-focus-state-normal-validity-selected-value-light-mode-background-color:var(--radio-hover-state-normal-validity-selected-value-light-mode-background-color);--radio-focus-state-normal-validity-selected-value-light-mode-border-color:var(--radio-hover-state-normal-validity-selected-value-light-mode-border-color);--radio-focus-state-normal-validity-selected-value-light-mode-icon-color:var(--radio-hover-state-normal-validity-selected-value-light-mode-icon-color);--radio-focus-state-normal-validity-unselected-value-background-color:var(--radio-focus-state-normal-validity-unselected-value-light-mode-background-color);--radio-focus-state-normal-validity-unselected-value-border-color:var(--radio-focus-state-normal-validity-unselected-value-light-mode-border-color);--radio-focus-state-normal-validity-unselected-value-dark-mode-background-color:var(--radio-hover-state-normal-validity-unselected-value-dark-mode-background-color);--radio-focus-state-normal-validity-unselected-value-dark-mode-border-color:var(--radio-hover-state-normal-validity-unselected-value-dark-mode-border-color);--radio-focus-state-normal-validity-unselected-value-light-mode-background-color:var(--radio-hover-state-normal-validity-unselected-value-light-mode-background-color);--radio-focus-state-normal-validity-unselected-value-light-mode-border-color:var(--radio-hover-state-normal-validity-unselected-value-light-mode-border-color);--radio-height:var(--radio-width);--radio-hover-state-invalid-validity-selected-value-background-color:var(--radio-hover-state-invalid-validity-selected-value-light-mode-background-color);--radio-hover-state-invalid-validity-selected-value-border-color:var(--radio-hover-state-invalid-validity-selected-value-light-mode-border-color);--radio-hover-state-invalid-validity-selected-value-dark-mode-background-color:var(--core-critical-20-dark-mode-color);--radio-hover-state-invalid-validity-selected-value-dark-mode-border-color:transparent;--radio-hover-state-invalid-validity-selected-value-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--radio-hover-state-invalid-validity-selected-value-icon-color:var(--radio-hover-state-invalid-validity-selected-value-light-mode-icon-color);--radio-hover-state-invalid-validity-selected-value-light-mode-background-color:var(--core-critical-20-light-mode-color);--radio-hover-state-invalid-validity-selected-value-light-mode-border-color:transparent;--radio-hover-state-invalid-validity-selected-value-light-mode-icon-color:var(--core-fill-white-light-mode-color);--radio-hover-state-invalid-validity-unselected-value-background-color:var(--radio-hover-state-invalid-validity-unselected-value-light-mode-background-color);--radio-hover-state-invalid-validity-unselected-value-border-color:var(--radio-hover-state-invalid-validity-unselected-value-light-mode-border-color);--radio-hover-state-invalid-validity-unselected-value-dark-mode-background-color:transparent;--radio-hover-state-invalid-validity-unselected-value-dark-mode-border-color:var(--core-critical-20-dark-mode-color);--radio-hover-state-invalid-validity-unselected-value-light-mode-background-color:transparent;--radio-hover-state-invalid-validity-unselected-value-light-mode-border-color:var(--core-critical-20-light-mode-color);--radio-hover-state-normal-validity-selected-value-background-color:var(--radio-hover-state-normal-validity-selected-value-light-mode-background-color);--radio-hover-state-normal-validity-selected-value-border-color:var(--radio-hover-state-normal-validity-selected-value-light-mode-border-color);--radio-hover-state-normal-validity-selected-value-dark-mode-background-color:var(--core-emphasis-20-light-mode-color);--radio-hover-state-normal-validity-selected-value-dark-mode-border-color:transparent;--radio-hover-state-normal-validity-selected-value-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--radio-hover-state-normal-validity-selected-value-icon-color:var(--radio-hover-state-normal-validity-selected-value-light-mode-icon-color);--radio-hover-state-normal-validity-selected-value-light-mode-background-color:var(--core-emphasis-20-light-mode-color);--radio-hover-state-normal-validity-selected-value-light-mode-border-color:transparent;--radio-hover-state-normal-validity-selected-value-light-mode-icon-color:var(--core-fill-white-light-mode-color);--radio-hover-state-normal-validity-unselected-value-background-color:var(--radio-hover-state-normal-validity-unselected-value-light-mode-background-color);--radio-hover-state-normal-validity-unselected-value-border-color:var(--radio-hover-state-normal-validity-unselected-value-light-mode-border-color);--radio-hover-state-normal-validity-unselected-value-dark-mode-background-color:var(--core-fill-50-light-mode-color);--radio-hover-state-normal-validity-unselected-value-dark-mode-border-color:var(--core-emphasis-10-light-mode-color);--radio-hover-state-normal-validity-unselected-value-light-mode-background-color:var(--core-fill-50-light-mode-color);--radio-hover-state-normal-validity-unselected-value-light-mode-border-color:var(--core-emphasis-10-light-mode-color);--radio-light-mode-focus-ring-color:var(--core-focus-ring-light-mode-color);--radio-normal-state-invalid-validity-selected-value-background-color:var(--radio-normal-state-invalid-validity-selected-value-light-mode-background-color);--radio-normal-state-invalid-validity-selected-value-border-color:var(--radio-normal-state-invalid-validity-selected-value-light-mode-border-color);--radio-normal-state-invalid-validity-selected-value-dark-mode-background-color:var(--core-critical-fill-dark-mode-color);--radio-normal-state-invalid-validity-selected-value-dark-mode-border-color:transparent;--radio-normal-state-invalid-validity-selected-value-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--radio-normal-state-invalid-validity-selected-value-icon-color:var(--radio-normal-state-invalid-validity-selected-value-light-mode-icon-color);--radio-normal-state-invalid-validity-selected-value-light-mode-background-color:var(--core-critical-fill-light-mode-color);--radio-normal-state-invalid-validity-selected-value-light-mode-border-color:transparent;--radio-normal-state-invalid-validity-selected-value-light-mode-icon-color:var(--core-fill-white-light-mode-color);--radio-normal-state-invalid-validity-unselected-value-background-color:var(--radio-normal-state-invalid-validity-unselected-value-light-mode-background-color);--radio-normal-state-invalid-validity-unselected-value-border-color:var(--radio-normal-state-invalid-validity-unselected-value-light-mode-border-color);--radio-normal-state-invalid-validity-unselected-value-dark-mode-background-color:transparent;--radio-normal-state-invalid-validity-unselected-value-dark-mode-border-color:var(--core-critical-fill-dark-mode-color);--radio-normal-state-invalid-validity-unselected-value-light-mode-background-color:transparent;--radio-normal-state-invalid-validity-unselected-value-light-mode-border-color:var(--core-critical-fill-light-mode-color);--radio-normal-state-normal-validity-selected-value-background-color:var(--radio-normal-state-normal-validity-selected-value-light-mode-background-color);--radio-normal-state-normal-validity-selected-value-border-color:var(--radio-normal-state-normal-validity-selected-value-light-mode-border-color);--radio-normal-state-normal-validity-selected-value-dark-mode-background-color:var(--core-emphasis-fill-dark-mode-color);--radio-normal-state-normal-validity-selected-value-dark-mode-border-color:transparent;--radio-normal-state-normal-validity-selected-value-dark-mode-icon-color:var(--core-text-inverse-dark-mode-color);--radio-normal-state-normal-validity-selected-value-icon-color:var(--radio-normal-state-normal-validity-selected-value-light-mode-icon-color);--radio-normal-state-normal-validity-selected-value-light-mode-background-color:var(--core-emphasis-fill-light-mode-color);--radio-normal-state-normal-validity-selected-value-light-mode-border-color:transparent;--radio-normal-state-normal-validity-selected-value-light-mode-icon-color:var(--core-text-inverse-light-mode-color);--radio-normal-state-normal-validity-unselected-value-background-color:var(--radio-normal-state-normal-validity-unselected-value-light-mode-background-color);--radio-normal-state-normal-validity-unselected-value-border-color:var(--radio-normal-state-normal-validity-unselected-value-light-mode-border-color);--radio-normal-state-normal-validity-unselected-value-dark-mode-background-color:transparent;--radio-normal-state-normal-validity-unselected-value-dark-mode-border-color:var(--core-fill-20-dark-mode-color);--radio-normal-state-normal-validity-unselected-value-light-mode-background-color:transparent;--radio-normal-state-normal-validity-unselected-value-light-mode-border-color:var(--core-fill-20-light-mode-color);--radio-pressed-state-invalid-validity-selected-value-background-color:var(--radio-pressed-state-invalid-validity-selected-value-light-mode-background-color);--radio-pressed-state-invalid-validity-selected-value-border-color:var(--radio-pressed-state-invalid-validity-selected-value-light-mode-border-color);--radio-pressed-state-invalid-validity-selected-value-dark-mode-background-color:var(--core-critical-10-dark-mode-color);--radio-pressed-state-invalid-validity-selected-value-dark-mode-border-color:transparent;--radio-pressed-state-invalid-validity-selected-value-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--radio-pressed-state-invalid-validity-selected-value-icon-color:var(--radio-pressed-state-invalid-validity-selected-value-light-mode-icon-color);--radio-pressed-state-invalid-validity-selected-value-light-mode-background-color:var(--core-critical-10-light-mode-color);--radio-pressed-state-invalid-validity-selected-value-light-mode-border-color:transparent;--radio-pressed-state-invalid-validity-selected-value-light-mode-icon-color:var(--core-fill-white-light-mode-color);--radio-pressed-state-invalid-validity-unselected-value-background-color:var(--radio-pressed-state-invalid-validity-unselected-value-light-mode-background-color);--radio-pressed-state-invalid-validity-unselected-value-border-color:var(--radio-pressed-state-invalid-validity-unselected-value-light-mode-border-color);--radio-pressed-state-invalid-validity-unselected-value-dark-mode-background-color:transparent;--radio-pressed-state-invalid-validity-unselected-value-dark-mode-border-color:var(--core-critical-10-dark-mode-color);--radio-pressed-state-invalid-validity-unselected-value-light-mode-background-color:transparent;--radio-pressed-state-invalid-validity-unselected-value-light-mode-border-color:var(--core-critical-10-light-mode-color);--radio-pressed-state-normal-validity-selected-value-background-color:var(--radio-pressed-state-normal-validity-selected-value-light-mode-background-color);--radio-pressed-state-normal-validity-selected-value-border-color:var(--radio-pressed-state-normal-validity-selected-value-light-mode-border-color);--radio-pressed-state-normal-validity-selected-value-dark-mode-background-color:var(--core-emphasis-10-dark-mode-color);--radio-pressed-state-normal-validity-selected-value-dark-mode-border-color:transparent;--radio-pressed-state-normal-validity-selected-value-dark-mode-icon-color:var(--core-fill-white-dark-mode-color);--radio-pressed-state-normal-validity-selected-value-icon-color:var(--radio-pressed-state-normal-validity-selected-value-light-mode-icon-color);--radio-pressed-state-normal-validity-selected-value-light-mode-background-color:var(--core-emphasis-10-light-mode-color);--radio-pressed-state-normal-validity-selected-value-light-mode-border-color:transparent;--radio-pressed-state-normal-validity-selected-value-light-mode-icon-color:var(--core-fill-white-light-mode-color);--radio-pressed-state-normal-validity-unselected-value-background-color:var(--radio-pressed-state-normal-validity-unselected-value-light-mode-background-color);--radio-pressed-state-normal-validity-unselected-value-border-color:var(--radio-pressed-state-normal-validity-unselected-value-light-mode-border-color);--radio-pressed-state-normal-validity-unselected-value-dark-mode-background-color:transparent;--radio-pressed-state-normal-validity-unselected-value-dark-mode-border-color:var(--core-emphasis-fill-dark-mode-color);--radio-pressed-state-normal-validity-unselected-value-light-mode-background-color:transparent;--radio-pressed-state-normal-validity-unselected-value-light-mode-border-color:var(--core-emphasis-fill-light-mode-color);--radio-selected-value-border-radius:var(--core-radius-circle);--radio-selected-value-border-size:0px;--radio-selected-value-dot-size:0.3;--radio-svg-radius:3px;--radio-unselected-value-border-radius:var(--core-radius-circle);--radio-unselected-value-border-size:var(--core-border-20);--radio-unselected-value-dot-size:0;--radio-width:var(--core-control-size-width);--rich-text-link-edit-popover-spacing-vertical:var(--core-metrics-spacing-200);--rich-text-toolbar-background-color:var(--rich-text-toolbar-background-light-mode-color);--rich-text-toolbar-background-dark-mode-color:var(--core-fill-50-dark-mode-color);--rich-text-toolbar-background-light-mode-color:var(--core-fill-50-light-mode-color);--rich-text-toolbar-background-radius:var(--field-border-radius);--rich-text-toolbar-button-icon-height:var(--icon-button-small-size-icon-height);--rich-text-toolbar-button-icon-width:var(--icon-button-small-size-icon-width);--rich-text-toolbar-button-minimum-height:var(--core-metrics-spacing-400);--rich-text-toolbar-button-padding-size:var(--core-metrics-spacing-50);--rich-text-toolbar-button-selected-value-disabled-state-icon-color:var(--rich-text-toolbar-button-selected-value-disabled-state-icon-light-mode-color);--rich-text-toolbar-button-selected-value-disabled-state-icon-dark-mode-color:var(--core-text-30-dark-mode-color);--rich-text-toolbar-button-selected-value-disabled-state-icon-light-mode-color:var(--core-text-30-light-mode-color);--rich-text-toolbar-button-selected-value-focus-state-background-color:var(--rich-text-toolbar-button-selected-value-focus-state-background-light-mode-color);--rich-text-toolbar-button-selected-value-focus-state-background-dark-mode-color:var(--rich-text-toolbar-button-selected-value-hover-state-background-dark-mode-color);--rich-text-toolbar-button-selected-value-focus-state-background-light-mode-color:var(--rich-text-toolbar-button-selected-value-hover-state-background-light-mode-color);--rich-text-toolbar-button-selected-value-focus-state-icon-color:var(--rich-text-toolbar-button-selected-value-focus-state-icon-light-mode-color);--rich-text-toolbar-button-selected-value-focus-state-icon-dark-mode-color:var(--rich-text-toolbar-button-selected-value-hover-state-icon-dark-mode-color);--rich-text-toolbar-button-selected-value-focus-state-icon-light-mode-color:var(--rich-text-toolbar-button-selected-value-hover-state-icon-light-mode-color);--rich-text-toolbar-button-selected-value-hover-state-background-color:var(--rich-text-toolbar-button-selected-value-hover-state-background-light-mode-color);--rich-text-toolbar-button-selected-value-hover-state-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--rich-text-toolbar-button-selected-value-hover-state-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--rich-text-toolbar-button-selected-value-hover-state-icon-color:var(--rich-text-toolbar-button-selected-value-hover-state-icon-light-mode-color);--rich-text-toolbar-button-selected-value-hover-state-icon-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--rich-text-toolbar-button-selected-value-hover-state-icon-light-mode-color:var(--core-emphasis-text-light-mode-color);--rich-text-toolbar-button-selected-value-normal-state-background-color:var(--rich-text-toolbar-button-selected-value-normal-state-background-light-mode-color);--rich-text-toolbar-button-selected-value-normal-state-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--rich-text-toolbar-button-selected-value-normal-state-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--rich-text-toolbar-button-selected-value-normal-state-icon-color:var(--rich-text-toolbar-button-selected-value-normal-state-icon-light-mode-color);--rich-text-toolbar-button-selected-value-normal-state-icon-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--rich-text-toolbar-button-selected-value-normal-state-icon-light-mode-color:var(--core-emphasis-text-light-mode-color);--rich-text-toolbar-button-selected-value-pressed-state-background-color:var(--rich-text-toolbar-button-selected-value-pressed-state-background-light-mode-color);--rich-text-toolbar-button-selected-value-pressed-state-background-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--rich-text-toolbar-button-selected-value-pressed-state-background-light-mode-color:var(--core-emphasis-30-light-mode-color);--rich-text-toolbar-button-selected-value-pressed-state-icon-color:var(--rich-text-toolbar-button-selected-value-pressed-state-icon-light-mode-color);--rich-text-toolbar-button-selected-value-pressed-state-icon-dark-mode-color:var(--core-text-10-dark-mode-color);--rich-text-toolbar-button-selected-value-pressed-state-icon-light-mode-color:var(--core-text-10-light-mode-color);--rich-text-toolbar-button-unselected-value-disabled-state-icon-color:var(--rich-text-toolbar-button-unselected-value-disabled-state-icon-light-mode-color);--rich-text-toolbar-button-unselected-value-disabled-state-icon-dark-mode-color:var(--core-text-30-dark-mode-color);--rich-text-toolbar-button-unselected-value-disabled-state-icon-light-mode-color:var(--core-text-30-light-mode-color);--rich-text-toolbar-button-unselected-value-focus-state-background-color:var(--rich-text-toolbar-button-unselected-value-focus-state-background-light-mode-color);--rich-text-toolbar-button-unselected-value-focus-state-background-dark-mode-color:var(--rich-text-toolbar-button-unselected-value-hover-state-background-dark-mode-color);--rich-text-toolbar-button-unselected-value-focus-state-background-light-mode-color:var(--rich-text-toolbar-button-unselected-value-hover-state-background-light-mode-color);--rich-text-toolbar-button-unselected-value-focus-state-icon-color:var(--rich-text-toolbar-button-unselected-value-focus-state-icon-light-mode-color);--rich-text-toolbar-button-unselected-value-focus-state-icon-dark-mode-color:var(--rich-text-toolbar-button-unselected-value-hover-state-icon-dark-mode-color);--rich-text-toolbar-button-unselected-value-focus-state-icon-light-mode-color:var(--rich-text-toolbar-button-unselected-value-hover-state-icon-light-mode-color);--rich-text-toolbar-button-unselected-value-hover-state-background-color:var(--rich-text-toolbar-button-unselected-value-hover-state-background-light-mode-color);--rich-text-toolbar-button-unselected-value-hover-state-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--rich-text-toolbar-button-unselected-value-hover-state-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--rich-text-toolbar-button-unselected-value-hover-state-icon-color:var(--rich-text-toolbar-button-unselected-value-hover-state-icon-light-mode-color);--rich-text-toolbar-button-unselected-value-hover-state-icon-dark-mode-color:var(--core-text-10-dark-mode-color);--rich-text-toolbar-button-unselected-value-hover-state-icon-light-mode-color:var(--core-text-10-light-mode-color);--rich-text-toolbar-button-unselected-value-normal-state-icon-color:var(--rich-text-toolbar-button-unselected-value-normal-state-icon-light-mode-color);--rich-text-toolbar-button-unselected-value-normal-state-icon-dark-mode-color:var(--core-text-10-dark-mode-color);--rich-text-toolbar-button-unselected-value-normal-state-icon-light-mode-color:var(--core-text-10-light-mode-color);--rich-text-toolbar-button-unselected-value-pressed-state-background-color:var(--rich-text-toolbar-button-unselected-value-pressed-state-background-light-mode-color);--rich-text-toolbar-button-unselected-value-pressed-state-background-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--rich-text-toolbar-button-unselected-value-pressed-state-background-light-mode-color:var(--core-emphasis-30-light-mode-color);--rich-text-toolbar-button-unselected-value-pressed-state-icon-color:var(--rich-text-toolbar-button-unselected-value-pressed-state-icon-light-mode-color);--rich-text-toolbar-button-unselected-value-pressed-state-icon-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--rich-text-toolbar-button-unselected-value-pressed-state-icon-light-mode-color:var(--core-emphasis-text-light-mode-color);--rich-text-toolbar-button-width-multiplier:1;--rich-text-toolbar-divider-vertical-padding:var(--divider-extra-small-variant-vertical-padding);--rich-text-toolbar-overflow-gradient-color:var(--rich-text-toolbar-overflow-gradient-light-mode-color);--rich-text-toolbar-overflow-gradient-dark-mode-color:var(--core-fill-40-dark-mode-color);--rich-text-toolbar-overflow-gradient-light-mode-color:var(--core-fill-40-light-mode-color);--rich-text-toolbar-overflow-gradient-width:var(--core-metrics-spacing-200);--rich-text-toolbar-padding-horizontal:var(--core-metrics-spacing-50);--rich-text-toolbar-padding-vertical:var(--core-metrics-spacing-50);--rich-text-toolbar-spacing-horizontal:var(--core-metrics-spacing-150);--row-background-horizontal-outset-padding:var(--row-normal-variant-background-horizontal-outset-padding);--row-background-radius:var(--row-normal-variant-background-radius);--row-background-vertical-outset-padding:var(--row-normal-variant-background-vertical-outset-padding);--row-dark-mode-focus-ring-color:var(--row-normal-variant-dark-mode-focus-ring-color);--row-destructive-variant-background-horizontal-outset-padding:var(--row-normal-variant-background-horizontal-outset-padding);--row-destructive-variant-background-radius:var(--row-normal-variant-background-radius);--row-destructive-variant-background-vertical-outset-padding:var(--row-normal-variant-background-vertical-outset-padding);--row-destructive-variant-dark-mode-focus-ring-color:var(--core-focus-ring-dark-mode-color);--row-destructive-variant-disabled-state-background-color:var(--row-destructive-variant-disabled-state-background-light-mode-color);--row-destructive-variant-disabled-state-background-dark-mode-color:var(--row-normal-variant-disabled-state-background-dark-mode-color);--row-destructive-variant-disabled-state-background-light-mode-color:var(--row-normal-variant-disabled-state-background-light-mode-color);--row-destructive-variant-disabled-state-drill-color:var(--row-destructive-variant-disabled-state-drill-light-mode-color);--row-destructive-variant-disabled-state-drill-dark-mode-color:var(--row-normal-variant-disabled-state-drill-dark-mode-color);--row-destructive-variant-disabled-state-drill-light-mode-color:var(--row-normal-variant-disabled-state-drill-light-mode-color);--row-destructive-variant-disabled-state-image-opacity:var(--row-normal-variant-disabled-state-image-opacity);--row-destructive-variant-disabled-state-leading-accessory-opacity:var(--row-normal-variant-disabled-state-leading-accessory-opacity);--row-destructive-variant-disabled-state-separator-color:var(--row-destructive-variant-disabled-state-separator-light-mode-color);--row-destructive-variant-disabled-state-separator-dark-mode-color:var(--row-normal-variant-disabled-state-separator-dark-mode-color);--row-destructive-variant-disabled-state-separator-light-mode-color:var(--row-normal-variant-disabled-state-separator-light-mode-color);--row-destructive-variant-disabled-state-side-text-primary-color:var(--row-destructive-variant-disabled-state-side-text-primary-light-mode-color);--row-destructive-variant-disabled-state-side-text-primary-dark-mode-color:var(--row-normal-variant-disabled-state-side-text-primary-dark-mode-color);--row-destructive-variant-disabled-state-side-text-primary-light-mode-color:var(--row-normal-variant-disabled-state-side-text-primary-light-mode-color);--row-destructive-variant-disabled-state-side-text-secondary-color:var(--row-destructive-variant-disabled-state-side-text-secondary-light-mode-color);--row-destructive-variant-disabled-state-side-text-secondary-dark-mode-color:var(--row-normal-variant-disabled-state-side-text-secondary-dark-mode-color);--row-destructive-variant-disabled-state-side-text-secondary-light-mode-color:var(--row-normal-variant-disabled-state-side-text-secondary-light-mode-color);--row-destructive-variant-disabled-state-subtext-color:var(--row-destructive-variant-disabled-state-subtext-light-mode-color);--row-destructive-variant-disabled-state-subtext-dark-mode-color:var(--row-normal-variant-disabled-state-subtext-dark-mode-color);--row-destructive-variant-disabled-state-subtext-light-mode-color:var(--row-normal-variant-disabled-state-subtext-light-mode-color);--row-destructive-variant-disabled-state-tertiary-text-color:var(--row-destructive-variant-disabled-state-tertiary-text-light-mode-color);--row-destructive-variant-disabled-state-tertiary-text-dark-mode-color:var(--row-normal-variant-disabled-state-tertiary-text-dark-mode-color);--row-destructive-variant-disabled-state-tertiary-text-light-mode-color:var(--row-normal-variant-disabled-state-tertiary-text-light-mode-color);--row-destructive-variant-disabled-state-text-color:var(--row-destructive-variant-disabled-state-text-light-mode-color);--row-destructive-variant-disabled-state-text-dark-mode-color:var(--row-normal-variant-disabled-state-text-dark-mode-color);--row-destructive-variant-disabled-state-text-light-mode-color:var(--row-normal-variant-disabled-state-text-light-mode-color);--row-destructive-variant-focus-ring-color:var(--row-destructive-variant-light-mode-focus-ring-color);--row-destructive-variant-focus-state-background-color:var(--row-destructive-variant-focus-state-background-light-mode-color);--row-destructive-variant-focus-state-background-dark-mode-color:var(--row-destructive-variant-hover-state-background-dark-mode-color);--row-destructive-variant-focus-state-background-light-mode-color:var(--row-destructive-variant-hover-state-background-light-mode-color);--row-destructive-variant-focus-state-drill-color:var(--row-destructive-variant-focus-state-drill-light-mode-color);--row-destructive-variant-focus-state-drill-dark-mode-color:var(--row-destructive-variant-hover-state-drill-dark-mode-color);--row-destructive-variant-focus-state-drill-light-mode-color:var(--row-destructive-variant-hover-state-drill-light-mode-color);--row-destructive-variant-focus-state-icon-color:var(--row-destructive-variant-focus-state-icon-light-mode-color);--row-destructive-variant-focus-state-icon-dark-mode-color:var(--row-destructive-variant-hover-state-icon-dark-mode-color);--row-destructive-variant-focus-state-icon-light-mode-color:var(--row-destructive-variant-hover-state-icon-light-mode-color);--row-destructive-variant-focus-state-separator-color:var(--row-destructive-variant-focus-state-separator-light-mode-color);--row-destructive-variant-focus-state-separator-dark-mode-color:var(--row-destructive-variant-hover-state-separator-dark-mode-color);--row-destructive-variant-focus-state-separator-light-mode-color:var(--row-destructive-variant-hover-state-separator-light-mode-color);--row-destructive-variant-focus-state-side-text-primary-color:var(--row-destructive-variant-focus-state-side-text-primary-light-mode-color);--row-destructive-variant-focus-state-side-text-primary-dark-mode-color:var(--row-destructive-variant-hover-state-side-text-primary-dark-mode-color);--row-destructive-variant-focus-state-side-text-primary-light-mode-color:var(--row-destructive-variant-hover-state-side-text-primary-light-mode-color);--row-destructive-variant-focus-state-side-text-secondary-color:var(--row-destructive-variant-focus-state-side-text-secondary-light-mode-color);--row-destructive-variant-focus-state-side-text-secondary-dark-mode-color:var(--row-destructive-variant-hover-state-side-text-secondary-dark-mode-color);--row-destructive-variant-focus-state-side-text-secondary-light-mode-color:var(--row-destructive-variant-hover-state-side-text-secondary-light-mode-color);--row-destructive-variant-focus-state-subtext-color:var(--row-destructive-variant-focus-state-subtext-light-mode-color);--row-destructive-variant-focus-state-subtext-dark-mode-color:var(--row-destructive-variant-hover-state-subtext-dark-mode-color);--row-destructive-variant-focus-state-subtext-light-mode-color:var(--row-destructive-variant-hover-state-subtext-light-mode-color);--row-destructive-variant-focus-state-tertiary-text-color:var(--row-destructive-variant-focus-state-tertiary-text-light-mode-color);--row-destructive-variant-focus-state-tertiary-text-dark-mode-color:var(--row-destructive-variant-hover-state-tertiary-text-dark-mode-color);--row-destructive-variant-focus-state-tertiary-text-light-mode-color:var(--row-destructive-variant-hover-state-tertiary-text-light-mode-color);--row-destructive-variant-focus-state-text-color:var(--row-destructive-variant-focus-state-text-light-mode-color);--row-destructive-variant-focus-state-text-dark-mode-color:var(--row-destructive-variant-hover-state-text-dark-mode-color);--row-destructive-variant-focus-state-text-light-mode-color:var(--row-destructive-variant-hover-state-text-light-mode-color);--row-destructive-variant-hover-state-background-color:var(--row-destructive-variant-hover-state-background-light-mode-color);--row-destructive-variant-hover-state-background-dark-mode-color:var(--core-critical-40-dark-mode-color);--row-destructive-variant-hover-state-background-light-mode-color:var(--core-critical-40-light-mode-color);--row-destructive-variant-hover-state-drill-color:var(--row-destructive-variant-hover-state-drill-light-mode-color);--row-destructive-variant-hover-state-drill-dark-mode-color:var(--row-destructive-variant-normal-state-drill-dark-mode-color);--row-destructive-variant-hover-state-drill-light-mode-color:var(--row-destructive-variant-normal-state-drill-light-mode-color);--row-destructive-variant-hover-state-icon-color:var(--row-destructive-variant-hover-state-icon-light-mode-color);--row-destructive-variant-hover-state-icon-dark-mode-color:var(--row-destructive-variant-normal-state-icon-dark-mode-color);--row-destructive-variant-hover-state-icon-light-mode-color:var(--row-destructive-variant-normal-state-icon-light-mode-color);--row-destructive-variant-hover-state-separator-color:var(--row-destructive-variant-hover-state-separator-light-mode-color);--row-destructive-variant-hover-state-separator-dark-mode-color:transparent;--row-destructive-variant-hover-state-separator-light-mode-color:transparent;--row-destructive-variant-hover-state-side-text-primary-color:var(--row-destructive-variant-hover-state-side-text-primary-light-mode-color);--row-destructive-variant-hover-state-side-text-primary-dark-mode-color:var(--row-destructive-variant-normal-state-side-text-primary-dark-mode-color);--row-destructive-variant-hover-state-side-text-primary-light-mode-color:var(--row-destructive-variant-normal-state-side-text-primary-light-mode-color);--row-destructive-variant-hover-state-side-text-secondary-color:var(--row-destructive-variant-hover-state-side-text-secondary-light-mode-color);--row-destructive-variant-hover-state-side-text-secondary-dark-mode-color:var(--row-destructive-variant-normal-state-side-text-secondary-dark-mode-color);--row-destructive-variant-hover-state-side-text-secondary-light-mode-color:var(--row-destructive-variant-normal-state-side-text-secondary-light-mode-color);--row-destructive-variant-hover-state-subtext-color:var(--row-destructive-variant-hover-state-subtext-light-mode-color);--row-destructive-variant-hover-state-subtext-dark-mode-color:var(--row-destructive-variant-normal-state-subtext-dark-mode-color);--row-destructive-variant-hover-state-subtext-light-mode-color:var(--row-destructive-variant-normal-state-subtext-light-mode-color);--row-destructive-variant-hover-state-tertiary-text-color:var(--row-destructive-variant-hover-state-tertiary-text-light-mode-color);--row-destructive-variant-hover-state-tertiary-text-dark-mode-color:var(--row-destructive-variant-normal-state-tertiary-text-dark-mode-color);--row-destructive-variant-hover-state-tertiary-text-light-mode-color:var(--row-destructive-variant-normal-state-tertiary-text-light-mode-color);--row-destructive-variant-hover-state-text-color:var(--row-destructive-variant-hover-state-text-light-mode-color);--row-destructive-variant-hover-state-text-dark-mode-color:var(--row-destructive-variant-normal-state-text-dark-mode-color);--row-destructive-variant-hover-state-text-light-mode-color:var(--row-destructive-variant-normal-state-text-light-mode-color);--row-destructive-variant-light-mode-focus-ring-color:var(--core-focus-ring-light-mode-color);--row-destructive-variant-normal-state-background-color:var(--row-destructive-variant-normal-state-background-light-mode-color);--row-destructive-variant-normal-state-background-dark-mode-color:transparent;--row-destructive-variant-normal-state-background-light-mode-color:transparent;--row-destructive-variant-normal-state-drill-color:var(--row-destructive-variant-normal-state-drill-light-mode-color);--row-destructive-variant-normal-state-drill-dark-mode-color:var(--core-critical-20-dark-mode-color);--row-destructive-variant-normal-state-drill-light-mode-color:var(--core-critical-20-light-mode-color);--row-destructive-variant-normal-state-icon-color:var(--row-destructive-variant-normal-state-icon-light-mode-color);--row-destructive-variant-normal-state-icon-dark-mode-color:var(--core-fill-10-dark-mode-color);--row-destructive-variant-normal-state-icon-light-mode-color:var(--core-fill-10-light-mode-color);--row-destructive-variant-normal-state-separator-color:var(--row-destructive-variant-normal-state-separator-light-mode-color);--row-destructive-variant-normal-state-separator-dark-mode-color:var(--core-divider-20-dark-mode-color);--row-destructive-variant-normal-state-separator-light-mode-color:var(--core-divider-20-light-mode-color);--row-destructive-variant-normal-state-side-text-primary-color:var(--row-destructive-variant-normal-state-side-text-primary-light-mode-color);--row-destructive-variant-normal-state-side-text-primary-dark-mode-color:var(--core-critical-text-dark-mode-color);--row-destructive-variant-normal-state-side-text-primary-light-mode-color:var(--core-critical-text-light-mode-color);--row-destructive-variant-normal-state-side-text-secondary-color:var(--row-destructive-variant-normal-state-side-text-secondary-light-mode-color);--row-destructive-variant-normal-state-side-text-secondary-dark-mode-color:var(--core-critical-text-dark-mode-color);--row-destructive-variant-normal-state-side-text-secondary-light-mode-color:var(--core-critical-text-light-mode-color);--row-destructive-variant-normal-state-subtext-color:var(--row-destructive-variant-normal-state-subtext-light-mode-color);--row-destructive-variant-normal-state-subtext-dark-mode-color:var(--core-critical-text-dark-mode-color);--row-destructive-variant-normal-state-subtext-light-mode-color:var(--core-critical-text-light-mode-color);--row-destructive-variant-normal-state-tertiary-text-color:var(--row-destructive-variant-normal-state-tertiary-text-light-mode-color);--row-destructive-variant-normal-state-tertiary-text-dark-mode-color:var(--core-critical-text-dark-mode-color);--row-destructive-variant-normal-state-tertiary-text-light-mode-color:var(--core-critical-text-light-mode-color);--row-destructive-variant-normal-state-text-color:var(--row-destructive-variant-normal-state-text-light-mode-color);--row-destructive-variant-normal-state-text-dark-mode-color:var(--core-critical-text-dark-mode-color);--row-destructive-variant-normal-state-text-light-mode-color:var(--core-critical-text-light-mode-color);--row-destructive-variant-pressed-state-background-color:var(--row-destructive-variant-pressed-state-background-light-mode-color);--row-destructive-variant-pressed-state-background-dark-mode-color:var(--core-critical-30-dark-mode-color);--row-destructive-variant-pressed-state-background-light-mode-color:var(--core-critical-30-light-mode-color);--row-destructive-variant-pressed-state-drill-color:var(--row-destructive-variant-pressed-state-drill-light-mode-color);--row-destructive-variant-pressed-state-drill-dark-mode-color:var(--row-destructive-variant-normal-state-drill-dark-mode-color);--row-destructive-variant-pressed-state-drill-light-mode-color:var(--row-destructive-variant-normal-state-drill-light-mode-color);--row-destructive-variant-pressed-state-icon-color:var(--row-destructive-variant-pressed-state-icon-light-mode-color);--row-destructive-variant-pressed-state-icon-dark-mode-color:var(--row-destructive-variant-normal-state-icon-dark-mode-color);--row-destructive-variant-pressed-state-icon-light-mode-color:var(--row-destructive-variant-normal-state-icon-light-mode-color);--row-destructive-variant-pressed-state-separator-color:var(--row-destructive-variant-pressed-state-separator-light-mode-color);--row-destructive-variant-pressed-state-separator-dark-mode-color:var(--row-destructive-variant-normal-state-separator-dark-mode-color);--row-destructive-variant-pressed-state-separator-light-mode-color:var(--row-destructive-variant-normal-state-separator-light-mode-color);--row-destructive-variant-pressed-state-side-text-primary-color:var(--row-destructive-variant-pressed-state-side-text-primary-light-mode-color);--row-destructive-variant-pressed-state-side-text-primary-dark-mode-color:var(--row-destructive-variant-normal-state-side-text-primary-dark-mode-color);--row-destructive-variant-pressed-state-side-text-primary-light-mode-color:var(--row-destructive-variant-normal-state-side-text-primary-light-mode-color);--row-destructive-variant-pressed-state-side-text-secondary-color:var(--row-destructive-variant-pressed-state-side-text-secondary-light-mode-color);--row-destructive-variant-pressed-state-side-text-secondary-dark-mode-color:var(--row-destructive-variant-normal-state-side-text-secondary-dark-mode-color);--row-destructive-variant-pressed-state-side-text-secondary-light-mode-color:var(--row-destructive-variant-normal-state-side-text-secondary-light-mode-color);--row-destructive-variant-pressed-state-subtext-color:var(--row-destructive-variant-pressed-state-subtext-light-mode-color);--row-destructive-variant-pressed-state-subtext-dark-mode-color:var(--row-destructive-variant-normal-state-subtext-dark-mode-color);--row-destructive-variant-pressed-state-subtext-light-mode-color:var(--row-destructive-variant-normal-state-subtext-light-mode-color);--row-destructive-variant-pressed-state-tertiary-text-color:var(--row-destructive-variant-pressed-state-tertiary-text-light-mode-color);--row-destructive-variant-pressed-state-tertiary-text-dark-mode-color:var(--row-destructive-variant-normal-state-tertiary-text-dark-mode-color);--row-destructive-variant-pressed-state-tertiary-text-light-mode-color:var(--row-destructive-variant-normal-state-tertiary-text-light-mode-color);--row-destructive-variant-pressed-state-text-color:var(--row-destructive-variant-pressed-state-text-light-mode-color);--row-destructive-variant-pressed-state-text-dark-mode-color:var(--row-destructive-variant-normal-state-text-dark-mode-color);--row-destructive-variant-pressed-state-text-light-mode-color:var(--row-destructive-variant-normal-state-text-light-mode-color);--row-destructive-variant-selected-state-background-color:var(--row-destructive-variant-selected-state-background-light-mode-color);--row-destructive-variant-selected-state-background-dark-mode-color:var(--row-destructive-variant-hover-state-background-dark-mode-color);--row-destructive-variant-selected-state-background-light-mode-color:var(--row-destructive-variant-hover-state-background-light-mode-color);--row-destructive-variant-selected-state-drill-color:var(--row-destructive-variant-selected-state-drill-light-mode-color);--row-destructive-variant-selected-state-drill-dark-mode-color:var(--row-destructive-variant-hover-state-drill-dark-mode-color);--row-destructive-variant-selected-state-drill-light-mode-color:var(--row-destructive-variant-hover-state-drill-light-mode-color);--row-destructive-variant-selected-state-icon-color:var(--row-destructive-variant-selected-state-icon-light-mode-color);--row-destructive-variant-selected-state-icon-dark-mode-color:var(--row-destructive-variant-hover-state-icon-dark-mode-color);--row-destructive-variant-selected-state-icon-light-mode-color:var(--row-destructive-variant-hover-state-icon-light-mode-color);--row-destructive-variant-selected-state-separator-color:var(--row-destructive-variant-selected-state-separator-light-mode-color);--row-destructive-variant-selected-state-separator-dark-mode-color:var(--row-destructive-variant-hover-state-separator-dark-mode-color);--row-destructive-variant-selected-state-separator-light-mode-color:var(--row-destructive-variant-hover-state-separator-light-mode-color);--row-destructive-variant-selected-state-side-text-primary-color:var(--row-destructive-variant-selected-state-side-text-primary-light-mode-color);--row-destructive-variant-selected-state-side-text-primary-dark-mode-color:var(--row-destructive-variant-hover-state-side-text-primary-dark-mode-color);--row-destructive-variant-selected-state-side-text-primary-light-mode-color:var(--row-destructive-variant-hover-state-side-text-primary-light-mode-color);--row-destructive-variant-selected-state-side-text-secondary-color:var(--row-destructive-variant-selected-state-side-text-secondary-light-mode-color);--row-destructive-variant-selected-state-side-text-secondary-dark-mode-color:var(--row-destructive-variant-hover-state-side-text-secondary-dark-mode-color);--row-destructive-variant-selected-state-side-text-secondary-light-mode-color:var(--row-destructive-variant-hover-state-side-text-secondary-light-mode-color);--row-destructive-variant-selected-state-subtext-color:var(--row-destructive-variant-selected-state-subtext-light-mode-color);--row-destructive-variant-selected-state-subtext-dark-mode-color:var(--row-destructive-variant-hover-state-subtext-dark-mode-color);--row-destructive-variant-selected-state-subtext-light-mode-color:var(--row-destructive-variant-hover-state-subtext-light-mode-color);--row-destructive-variant-selected-state-tertiary-text-color:var(--row-destructive-variant-selected-state-tertiary-text-light-mode-color);--row-destructive-variant-selected-state-tertiary-text-dark-mode-color:var(--row-destructive-variant-hover-state-tertiary-text-dark-mode-color);--row-destructive-variant-selected-state-tertiary-text-light-mode-color:var(--row-destructive-variant-hover-state-tertiary-text-light-mode-color);--row-destructive-variant-selected-state-text-color:var(--row-destructive-variant-selected-state-text-light-mode-color);--row-destructive-variant-selected-state-text-dark-mode-color:var(--row-destructive-variant-hover-state-text-dark-mode-color);--row-destructive-variant-selected-state-text-light-mode-color:var(--row-destructive-variant-hover-state-text-light-mode-color);--row-destructive-variant-separator-height:var(--row-normal-variant-separator-height);--row-disabled-state-background-color:var(--row-disabled-state-background-light-mode-color);--row-disabled-state-background-dark-mode-color:var(--row-normal-variant-disabled-state-background-dark-mode-color);--row-disabled-state-background-light-mode-color:var(--row-normal-variant-disabled-state-background-light-mode-color);--row-disabled-state-drill-color:var(--row-disabled-state-drill-light-mode-color);--row-disabled-state-drill-dark-mode-color:var(--row-normal-variant-disabled-state-drill-dark-mode-color);--row-disabled-state-drill-light-mode-color:var(--row-normal-variant-disabled-state-drill-light-mode-color);--row-disabled-state-image-opacity:var(--row-normal-variant-disabled-state-image-opacity);--row-disabled-state-leading-accessory-opacity:var(--row-normal-variant-disabled-state-leading-accessory-opacity);--row-disabled-state-separator-color:var(--row-disabled-state-separator-light-mode-color);--row-disabled-state-separator-dark-mode-color:var(--row-normal-variant-disabled-state-separator-dark-mode-color);--row-disabled-state-separator-light-mode-color:var(--row-normal-variant-disabled-state-separator-light-mode-color);--row-disabled-state-side-text-primary-color:var(--row-disabled-state-side-text-primary-light-mode-color);--row-disabled-state-side-text-primary-dark-mode-color:var(--row-normal-variant-disabled-state-side-text-primary-dark-mode-color);--row-disabled-state-side-text-primary-light-mode-color:var(--row-normal-variant-disabled-state-side-text-primary-light-mode-color);--row-disabled-state-side-text-secondary-color:var(--row-disabled-state-side-text-secondary-light-mode-color);--row-disabled-state-side-text-secondary-dark-mode-color:var(--row-normal-variant-disabled-state-side-text-secondary-dark-mode-color);--row-disabled-state-side-text-secondary-light-mode-color:var(--row-normal-variant-disabled-state-side-text-secondary-light-mode-color);--row-disabled-state-subtext-color:var(--row-disabled-state-subtext-light-mode-color);--row-disabled-state-subtext-dark-mode-color:var(--row-normal-variant-disabled-state-subtext-dark-mode-color);--row-disabled-state-subtext-light-mode-color:var(--row-normal-variant-disabled-state-subtext-light-mode-color);--row-disabled-state-tertiary-text-color:var(--row-disabled-state-tertiary-text-light-mode-color);--row-disabled-state-tertiary-text-dark-mode-color:var(--row-normal-variant-disabled-state-tertiary-text-dark-mode-color);--row-disabled-state-tertiary-text-light-mode-color:var(--row-normal-variant-disabled-state-tertiary-text-light-mode-color);--row-disabled-state-text-color:var(--row-disabled-state-text-light-mode-color);--row-disabled-state-text-dark-mode-color:var(--row-normal-variant-disabled-state-text-dark-mode-color);--row-disabled-state-text-light-mode-color:var(--row-normal-variant-disabled-state-text-light-mode-color);--row-focus-ring-border-size:var(--core-focus-ring-border-size);--row-focus-ring-buffer-size:var(--core-focus-ring-buffer-size);--row-focus-ring-color:var(--row-light-mode-focus-ring-color);--row-focus-ring-radius:6px;--row-focus-state-background-color:var(--row-focus-state-background-light-mode-color);--row-focus-state-background-dark-mode-color:var(--row-normal-variant-focus-state-background-dark-mode-color);--row-focus-state-background-light-mode-color:var(--row-normal-variant-focus-state-background-light-mode-color);--row-focus-state-drill-color:var(--row-focus-state-drill-light-mode-color);--row-focus-state-drill-dark-mode-color:var(--row-normal-variant-focus-state-drill-dark-mode-color);--row-focus-state-drill-light-mode-color:var(--row-normal-variant-focus-state-drill-light-mode-color);--row-focus-state-icon-color:var(--row-focus-state-icon-light-mode-color);--row-focus-state-icon-dark-mode-color:var(--row-normal-variant-focus-state-icon-dark-mode-color);--row-focus-state-icon-light-mode-color:var(--row-normal-variant-focus-state-icon-light-mode-color);--row-focus-state-separator-color:var(--row-focus-state-separator-light-mode-color);--row-focus-state-separator-dark-mode-color:var(--row-normal-variant-focus-state-separator-dark-mode-color);--row-focus-state-separator-light-mode-color:var(--row-normal-variant-focus-state-separator-light-mode-color);--row-focus-state-side-text-primary-color:var(--row-focus-state-side-text-primary-light-mode-color);--row-focus-state-side-text-primary-dark-mode-color:var(--row-normal-variant-focus-state-side-text-primary-dark-mode-color);--row-focus-state-side-text-primary-light-mode-color:var(--row-normal-variant-focus-state-side-text-primary-light-mode-color);--row-focus-state-side-text-secondary-color:var(--row-focus-state-side-text-secondary-light-mode-color);--row-focus-state-side-text-secondary-dark-mode-color:var(--row-normal-variant-focus-state-side-text-secondary-dark-mode-color);--row-focus-state-side-text-secondary-light-mode-color:var(--row-normal-variant-focus-state-side-text-secondary-light-mode-color);--row-focus-state-subtext-color:var(--row-focus-state-subtext-light-mode-color);--row-focus-state-subtext-dark-mode-color:var(--row-normal-variant-focus-state-subtext-dark-mode-color);--row-focus-state-subtext-light-mode-color:var(--row-normal-variant-focus-state-subtext-light-mode-color);--row-focus-state-tertiary-text-color:var(--row-focus-state-tertiary-text-light-mode-color);--row-focus-state-tertiary-text-dark-mode-color:var(--row-normal-variant-focus-state-tertiary-text-dark-mode-color);--row-focus-state-tertiary-text-light-mode-color:var(--row-normal-variant-focus-state-tertiary-text-light-mode-color);--row-focus-state-text-color:var(--row-focus-state-text-light-mode-color);--row-focus-state-text-dark-mode-color:var(--row-normal-variant-focus-state-text-dark-mode-color);--row-focus-state-text-light-mode-color:var(--row-normal-variant-focus-state-text-light-mode-color);--row-horizontal-spacing:12px;--row-hover-state-background-color:var(--row-hover-state-background-light-mode-color);--row-hover-state-background-dark-mode-color:var(--row-normal-variant-hover-state-background-dark-mode-color);--row-hover-state-background-light-mode-color:var(--row-normal-variant-hover-state-background-light-mode-color);--row-hover-state-drill-color:var(--row-hover-state-drill-light-mode-color);--row-hover-state-drill-dark-mode-color:var(--row-normal-variant-hover-state-drill-dark-mode-color);--row-hover-state-drill-light-mode-color:var(--row-normal-variant-hover-state-drill-light-mode-color);--row-hover-state-icon-color:var(--row-hover-state-icon-light-mode-color);--row-hover-state-icon-dark-mode-color:var(--row-normal-variant-hover-state-icon-dark-mode-color);--row-hover-state-icon-light-mode-color:var(--row-normal-variant-hover-state-icon-light-mode-color);--row-hover-state-separator-color:var(--row-hover-state-separator-light-mode-color);--row-hover-state-separator-dark-mode-color:var(--row-normal-variant-hover-state-separator-dark-mode-color);--row-hover-state-separator-light-mode-color:var(--row-normal-variant-hover-state-separator-light-mode-color);--row-hover-state-side-text-primary-color:var(--row-hover-state-side-text-primary-light-mode-color);--row-hover-state-side-text-primary-dark-mode-color:var(--row-normal-variant-hover-state-side-text-primary-dark-mode-color);--row-hover-state-side-text-primary-light-mode-color:var(--row-normal-variant-hover-state-side-text-primary-light-mode-color);--row-hover-state-side-text-secondary-color:var(--row-hover-state-side-text-secondary-light-mode-color);--row-hover-state-side-text-secondary-dark-mode-color:var(--row-normal-variant-hover-state-side-text-secondary-dark-mode-color);--row-hover-state-side-text-secondary-light-mode-color:var(--row-normal-variant-hover-state-side-text-secondary-light-mode-color);--row-hover-state-subtext-color:var(--row-hover-state-subtext-light-mode-color);--row-hover-state-subtext-dark-mode-color:var(--row-normal-variant-hover-state-subtext-dark-mode-color);--row-hover-state-subtext-light-mode-color:var(--row-normal-variant-hover-state-subtext-light-mode-color);--row-hover-state-tertiary-text-color:var(--row-hover-state-tertiary-text-light-mode-color);--row-hover-state-tertiary-text-dark-mode-color:var(--row-normal-variant-hover-state-tertiary-text-dark-mode-color);--row-hover-state-tertiary-text-light-mode-color:var(--row-normal-variant-hover-state-tertiary-text-light-mode-color);--row-hover-state-text-color:var(--row-hover-state-text-light-mode-color);--row-hover-state-text-dark-mode-color:var(--row-normal-variant-hover-state-text-dark-mode-color);--row-hover-state-text-light-mode-color:var(--row-normal-variant-hover-state-text-light-mode-color);--row-light-mode-focus-ring-color:var(--row-normal-variant-light-mode-focus-ring-color);--row-medium-size-side-text-primary-case:var(--core-type-paragraph-30-case);--row-medium-size-side-text-primary-font-family:var(--core-type-paragraph-30-font-family);--row-medium-size-side-text-primary-leading:var(--core-type-paragraph-30-leading);--row-medium-size-side-text-primary-number-spacing:var(--core-type-paragraph-30-number-spacing);--row-medium-size-side-text-primary-scale:var(--core-type-paragraph-30-scale);--row-medium-size-side-text-primary-size:var(--core-type-paragraph-30-size);--row-medium-size-side-text-primary-tracking:var(--core-type-paragraph-30-tracking);--row-medium-size-side-text-primary-weight:var(--core-type-paragraph-30-weight);--row-medium-size-side-text-secondary-case:var(--core-type-paragraph-20-case);--row-medium-size-side-text-secondary-font-family:var(--core-type-paragraph-20-font-family);--row-medium-size-side-text-secondary-leading:var(--core-type-paragraph-20-leading);--row-medium-size-side-text-secondary-number-spacing:var(--core-type-paragraph-20-number-spacing);--row-medium-size-side-text-secondary-scale:var(--core-type-paragraph-20-scale);--row-medium-size-side-text-secondary-size:var(--core-type-paragraph-20-size);--row-medium-size-side-text-secondary-tracking:var(--core-type-paragraph-20-tracking);--row-medium-size-side-text-secondary-weight:var(--core-type-paragraph-20-weight);--row-medium-size-subtext-case:var(--core-type-paragraph-20-case);--row-medium-size-subtext-font-family:var(--core-type-paragraph-20-font-family);--row-medium-size-subtext-leading:var(--core-type-paragraph-20-leading);--row-medium-size-subtext-number-spacing:var(--core-type-paragraph-20-number-spacing);--row-medium-size-subtext-scale:var(--core-type-paragraph-20-scale);--row-medium-size-subtext-size:var(--core-type-paragraph-20-size);--row-medium-size-subtext-tracking:var(--core-type-paragraph-20-tracking);--row-medium-size-subtext-weight:var(--core-type-paragraph-20-weight);--row-medium-size-tertiary-text-case:var(--core-type-paragraph-20-case);--row-medium-size-tertiary-text-font-family:var(--core-type-paragraph-20-font-family);--row-medium-size-tertiary-text-leading:var(--core-type-paragraph-20-leading);--row-medium-size-tertiary-text-number-spacing:var(--core-type-paragraph-20-number-spacing);--row-medium-size-tertiary-text-scale:var(--core-type-paragraph-20-scale);--row-medium-size-tertiary-text-size:var(--core-type-paragraph-20-size);--row-medium-size-tertiary-text-tracking:var(--core-type-paragraph-20-tracking);--row-medium-size-tertiary-text-weight:var(--core-type-paragraph-20-weight);--row-medium-size-text-case:var(--core-type-medium-30-case);--row-medium-size-text-font-family:var(--core-type-medium-30-font-family);--row-medium-size-text-leading:var(--core-type-medium-30-leading);--row-medium-size-text-number-spacing:var(--core-type-medium-30-number-spacing);--row-medium-size-text-scale:var(--core-type-medium-30-scale);--row-medium-size-text-size:var(--core-type-medium-30-size);--row-medium-size-text-tracking:var(--core-type-medium-30-tracking);--row-medium-size-text-vertical-gap:var(--core-metrics-spacing-25);--row-medium-size-text-vertical-spacing:2px;--row-medium-size-text-weight:var(--core-type-medium-30-weight);--row-medium-size-vertical-bottom-accessory-gap:var(--core-metrics-spacing-150);--row-medium-size-vertical-padding:var(--core-metrics-spacing-200);--row-normal-state-background-color:var(--row-normal-state-background-light-mode-color);--row-normal-state-background-dark-mode-color:var(--row-normal-variant-normal-state-background-dark-mode-color);--row-normal-state-background-light-mode-color:var(--row-normal-variant-normal-state-background-light-mode-color);--row-normal-state-drill-color:var(--row-normal-state-drill-light-mode-color);--row-normal-state-drill-dark-mode-color:var(--row-normal-variant-normal-state-drill-dark-mode-color);--row-normal-state-drill-light-mode-color:var(--row-normal-variant-normal-state-drill-light-mode-color);--row-normal-state-icon-color:var(--row-normal-state-icon-light-mode-color);--row-normal-state-icon-dark-mode-color:var(--row-normal-variant-normal-state-icon-dark-mode-color);--row-normal-state-icon-light-mode-color:var(--row-normal-variant-normal-state-icon-light-mode-color);--row-normal-state-separator-color:var(--row-normal-state-separator-light-mode-color);--row-normal-state-separator-dark-mode-color:var(--row-normal-variant-normal-state-separator-dark-mode-color);--row-normal-state-separator-light-mode-color:var(--row-normal-variant-normal-state-separator-light-mode-color);--row-normal-state-side-text-primary-color:var(--row-normal-state-side-text-primary-light-mode-color);--row-normal-state-side-text-primary-dark-mode-color:var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color);--row-normal-state-side-text-primary-light-mode-color:var(--row-normal-variant-normal-state-side-text-primary-light-mode-color);--row-normal-state-side-text-secondary-color:var(--row-normal-state-side-text-secondary-light-mode-color);--row-normal-state-side-text-secondary-dark-mode-color:var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color);--row-normal-state-side-text-secondary-light-mode-color:var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color);--row-normal-state-subtext-color:var(--row-normal-state-subtext-light-mode-color);--row-normal-state-subtext-dark-mode-color:var(--row-normal-variant-normal-state-subtext-dark-mode-color);--row-normal-state-subtext-light-mode-color:var(--row-normal-variant-normal-state-subtext-light-mode-color);--row-normal-state-tertiary-text-color:var(--row-normal-state-tertiary-text-light-mode-color);--row-normal-state-tertiary-text-dark-mode-color:var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color);--row-normal-state-tertiary-text-light-mode-color:var(--row-normal-variant-normal-state-tertiary-text-light-mode-color);--row-normal-state-text-color:var(--row-normal-state-text-light-mode-color);--row-normal-state-text-dark-mode-color:var(--row-normal-variant-normal-state-text-dark-mode-color);--row-normal-state-text-light-mode-color:var(--row-normal-variant-normal-state-text-light-mode-color);--row-normal-variant-background-horizontal-outset-padding:var(--core-metrics-spacing-100);--row-normal-variant-background-radius:var(--core-radius-10);--row-normal-variant-background-vertical-outset-padding:0px;--row-normal-variant-dark-mode-focus-ring-color:var(--core-focus-ring-dark-mode-color);--row-normal-variant-disabled-state-background-color:var(--row-normal-variant-disabled-state-background-light-mode-color);--row-normal-variant-disabled-state-background-dark-mode-color:var(--row-normal-variant-normal-state-background-dark-mode-color);--row-normal-variant-disabled-state-background-light-mode-color:var(--row-normal-variant-normal-state-background-light-mode-color);--row-normal-variant-disabled-state-drill-color:var(--row-normal-variant-disabled-state-drill-light-mode-color);--row-normal-variant-disabled-state-drill-dark-mode-color:var(--core-fill-30-dark-mode-color);--row-normal-variant-disabled-state-drill-light-mode-color:var(--core-fill-30-light-mode-color);--row-normal-variant-disabled-state-image-opacity:var(--row-normal-variant-disabled-state-leading-accessory-opacity);--row-normal-variant-disabled-state-leading-accessory-opacity:var(--core-opacity-disabled-state);--row-normal-variant-disabled-state-separator-color:var(--row-normal-variant-disabled-state-separator-light-mode-color);--row-normal-variant-disabled-state-separator-dark-mode-color:var(--core-divider-20-dark-mode-color);--row-normal-variant-disabled-state-separator-light-mode-color:var(--core-divider-20-light-mode-color);--row-normal-variant-disabled-state-side-text-primary-color:var(--row-normal-variant-disabled-state-side-text-primary-light-mode-color);--row-normal-variant-disabled-state-side-text-primary-dark-mode-color:var(--core-text-30-dark-mode-color);--row-normal-variant-disabled-state-side-text-primary-light-mode-color:var(--core-text-30-light-mode-color);--row-normal-variant-disabled-state-side-text-secondary-color:var(--row-normal-variant-disabled-state-side-text-secondary-light-mode-color);--row-normal-variant-disabled-state-side-text-secondary-dark-mode-color:var(--core-text-30-dark-mode-color);--row-normal-variant-disabled-state-side-text-secondary-light-mode-color:var(--core-text-30-light-mode-color);--row-normal-variant-disabled-state-subtext-color:var(--row-normal-variant-disabled-state-subtext-light-mode-color);--row-normal-variant-disabled-state-subtext-dark-mode-color:var(--core-text-30-dark-mode-color);--row-normal-variant-disabled-state-subtext-light-mode-color:var(--core-text-30-light-mode-color);--row-normal-variant-disabled-state-tertiary-text-color:var(--row-normal-variant-disabled-state-tertiary-text-light-mode-color);--row-normal-variant-disabled-state-tertiary-text-dark-mode-color:var(--core-text-30-dark-mode-color);--row-normal-variant-disabled-state-tertiary-text-light-mode-color:var(--core-text-30-light-mode-color);--row-normal-variant-disabled-state-text-color:var(--row-normal-variant-disabled-state-text-light-mode-color);--row-normal-variant-disabled-state-text-dark-mode-color:var(--core-text-30-dark-mode-color);--row-normal-variant-disabled-state-text-light-mode-color:var(--core-text-30-light-mode-color);--row-normal-variant-focus-ring-color:var(--row-normal-variant-light-mode-focus-ring-color);--row-normal-variant-focus-state-background-color:var(--row-normal-variant-focus-state-background-light-mode-color);--row-normal-variant-focus-state-background-dark-mode-color:var(--row-normal-variant-hover-state-background-dark-mode-color);--row-normal-variant-focus-state-background-light-mode-color:var(--row-normal-variant-hover-state-background-light-mode-color);--row-normal-variant-focus-state-drill-color:var(--row-normal-variant-focus-state-drill-light-mode-color);--row-normal-variant-focus-state-drill-dark-mode-color:var(--row-normal-variant-hover-state-drill-dark-mode-color);--row-normal-variant-focus-state-drill-light-mode-color:var(--row-normal-variant-hover-state-drill-light-mode-color);--row-normal-variant-focus-state-icon-color:var(--row-normal-variant-focus-state-icon-light-mode-color);--row-normal-variant-focus-state-icon-dark-mode-color:var(--row-normal-variant-hover-state-icon-dark-mode-color);--row-normal-variant-focus-state-icon-light-mode-color:var(--row-normal-variant-hover-state-icon-light-mode-color);--row-normal-variant-focus-state-separator-color:var(--row-normal-variant-focus-state-separator-light-mode-color);--row-normal-variant-focus-state-separator-dark-mode-color:var(--row-normal-variant-hover-state-separator-dark-mode-color);--row-normal-variant-focus-state-separator-light-mode-color:var(--row-normal-variant-hover-state-separator-light-mode-color);--row-normal-variant-focus-state-side-text-primary-color:var(--row-normal-variant-focus-state-side-text-primary-light-mode-color);--row-normal-variant-focus-state-side-text-primary-dark-mode-color:var(--row-normal-variant-hover-state-side-text-primary-dark-mode-color);--row-normal-variant-focus-state-side-text-primary-light-mode-color:var(--row-normal-variant-hover-state-side-text-primary-light-mode-color);--row-normal-variant-focus-state-side-text-secondary-color:var(--row-normal-variant-focus-state-side-text-secondary-light-mode-color);--row-normal-variant-focus-state-side-text-secondary-dark-mode-color:var(--row-normal-variant-hover-state-side-text-secondary-dark-mode-color);--row-normal-variant-focus-state-side-text-secondary-light-mode-color:var(--row-normal-variant-hover-state-side-text-secondary-light-mode-color);--row-normal-variant-focus-state-subtext-color:var(--row-normal-variant-focus-state-subtext-light-mode-color);--row-normal-variant-focus-state-subtext-dark-mode-color:var(--row-normal-variant-hover-state-subtext-dark-mode-color);--row-normal-variant-focus-state-subtext-light-mode-color:var(--row-normal-variant-hover-state-subtext-light-mode-color);--row-normal-variant-focus-state-tertiary-text-color:var(--row-normal-variant-focus-state-tertiary-text-light-mode-color);--row-normal-variant-focus-state-tertiary-text-dark-mode-color:var(--row-normal-variant-hover-state-tertiary-text-dark-mode-color);--row-normal-variant-focus-state-tertiary-text-light-mode-color:var(--row-normal-variant-hover-state-tertiary-text-light-mode-color);--row-normal-variant-focus-state-text-color:var(--row-normal-variant-focus-state-text-light-mode-color);--row-normal-variant-focus-state-text-dark-mode-color:var(--row-normal-variant-hover-state-text-dark-mode-color);--row-normal-variant-focus-state-text-light-mode-color:var(--row-normal-variant-hover-state-text-light-mode-color);--row-normal-variant-hover-state-background-color:var(--row-normal-variant-hover-state-background-light-mode-color);--row-normal-variant-hover-state-background-dark-mode-color:var(--core-fill-50-dark-mode-color);--row-normal-variant-hover-state-background-light-mode-color:var(--core-fill-50-light-mode-color);--row-normal-variant-hover-state-drill-color:var(--row-normal-variant-hover-state-drill-light-mode-color);--row-normal-variant-hover-state-drill-dark-mode-color:var(--row-normal-variant-normal-state-drill-dark-mode-color);--row-normal-variant-hover-state-drill-light-mode-color:var(--row-normal-variant-normal-state-drill-light-mode-color);--row-normal-variant-hover-state-icon-color:var(--row-normal-variant-hover-state-icon-light-mode-color);--row-normal-variant-hover-state-icon-dark-mode-color:var(--row-normal-variant-normal-state-icon-dark-mode-color);--row-normal-variant-hover-state-icon-light-mode-color:var(--row-normal-variant-normal-state-icon-light-mode-color);--row-normal-variant-hover-state-separator-color:var(--row-normal-variant-hover-state-separator-light-mode-color);--row-normal-variant-hover-state-separator-dark-mode-color:transparent;--row-normal-variant-hover-state-separator-light-mode-color:transparent;--row-normal-variant-hover-state-side-text-primary-color:var(--row-normal-variant-hover-state-side-text-primary-light-mode-color);--row-normal-variant-hover-state-side-text-primary-dark-mode-color:var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color);--row-normal-variant-hover-state-side-text-primary-light-mode-color:var(--row-normal-variant-normal-state-side-text-primary-light-mode-color);--row-normal-variant-hover-state-side-text-secondary-color:var(--row-normal-variant-hover-state-side-text-secondary-light-mode-color);--row-normal-variant-hover-state-side-text-secondary-dark-mode-color:var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color);--row-normal-variant-hover-state-side-text-secondary-light-mode-color:var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color);--row-normal-variant-hover-state-subtext-color:var(--row-normal-variant-hover-state-subtext-light-mode-color);--row-normal-variant-hover-state-subtext-dark-mode-color:var(--row-normal-variant-normal-state-subtext-dark-mode-color);--row-normal-variant-hover-state-subtext-light-mode-color:var(--row-normal-variant-normal-state-subtext-light-mode-color);--row-normal-variant-hover-state-tertiary-text-color:var(--row-normal-variant-hover-state-tertiary-text-light-mode-color);--row-normal-variant-hover-state-tertiary-text-dark-mode-color:var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color);--row-normal-variant-hover-state-tertiary-text-light-mode-color:var(--row-normal-variant-normal-state-tertiary-text-light-mode-color);--row-normal-variant-hover-state-text-color:var(--row-normal-variant-hover-state-text-light-mode-color);--row-normal-variant-hover-state-text-dark-mode-color:var(--row-normal-variant-normal-state-text-dark-mode-color);--row-normal-variant-hover-state-text-light-mode-color:var(--row-normal-variant-normal-state-text-light-mode-color);--row-normal-variant-light-mode-focus-ring-color:var(--core-focus-ring-light-mode-color);--row-normal-variant-normal-state-background-color:var(--row-normal-variant-normal-state-background-light-mode-color);--row-normal-variant-normal-state-background-dark-mode-color:transparent;--row-normal-variant-normal-state-background-light-mode-color:transparent;--row-normal-variant-normal-state-drill-color:var(--row-normal-variant-normal-state-drill-light-mode-color);--row-normal-variant-normal-state-drill-dark-mode-color:var(--core-fill-20-dark-mode-color);--row-normal-variant-normal-state-drill-light-mode-color:var(--core-fill-20-light-mode-color);--row-normal-variant-normal-state-icon-color:var(--row-normal-variant-normal-state-icon-light-mode-color);--row-normal-variant-normal-state-icon-dark-mode-color:var(--core-fill-10-dark-mode-color);--row-normal-variant-normal-state-icon-light-mode-color:var(--core-fill-10-light-mode-color);--row-normal-variant-normal-state-separator-color:var(--row-normal-variant-normal-state-separator-light-mode-color);--row-normal-variant-normal-state-separator-dark-mode-color:var(--core-divider-20-dark-mode-color);--row-normal-variant-normal-state-separator-light-mode-color:var(--core-divider-20-light-mode-color);--row-normal-variant-normal-state-side-text-primary-color:var(--row-normal-variant-normal-state-side-text-primary-light-mode-color);--row-normal-variant-normal-state-side-text-primary-dark-mode-color:var(--core-text-10-dark-mode-color);--row-normal-variant-normal-state-side-text-primary-light-mode-color:var(--core-text-10-light-mode-color);--row-normal-variant-normal-state-side-text-secondary-color:var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color);--row-normal-variant-normal-state-side-text-secondary-dark-mode-color:var(--core-text-20-dark-mode-color);--row-normal-variant-normal-state-side-text-secondary-light-mode-color:var(--core-text-20-light-mode-color);--row-normal-variant-normal-state-subtext-color:var(--row-normal-variant-normal-state-subtext-light-mode-color);--row-normal-variant-normal-state-subtext-dark-mode-color:var(--core-text-20-dark-mode-color);--row-normal-variant-normal-state-subtext-light-mode-color:var(--core-text-20-light-mode-color);--row-normal-variant-normal-state-tertiary-text-color:var(--row-normal-variant-normal-state-tertiary-text-light-mode-color);--row-normal-variant-normal-state-tertiary-text-dark-mode-color:var(--core-text-20-dark-mode-color);--row-normal-variant-normal-state-tertiary-text-light-mode-color:var(--core-text-20-light-mode-color);--row-normal-variant-normal-state-text-color:var(--row-normal-variant-normal-state-text-light-mode-color);--row-normal-variant-normal-state-text-dark-mode-color:var(--core-text-10-dark-mode-color);--row-normal-variant-normal-state-text-light-mode-color:var(--core-text-10-light-mode-color);--row-normal-variant-pressed-state-background-color:var(--row-normal-variant-pressed-state-background-light-mode-color);--row-normal-variant-pressed-state-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--row-normal-variant-pressed-state-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--row-normal-variant-pressed-state-drill-color:var(--row-normal-variant-pressed-state-drill-light-mode-color);--row-normal-variant-pressed-state-drill-dark-mode-color:var(--row-normal-variant-normal-state-drill-dark-mode-color);--row-normal-variant-pressed-state-drill-light-mode-color:var(--row-normal-variant-normal-state-drill-light-mode-color);--row-normal-variant-pressed-state-icon-color:var(--row-normal-variant-pressed-state-icon-light-mode-color);--row-normal-variant-pressed-state-icon-dark-mode-color:var(--row-normal-variant-normal-state-icon-dark-mode-color);--row-normal-variant-pressed-state-icon-light-mode-color:var(--row-normal-variant-normal-state-icon-light-mode-color);--row-normal-variant-pressed-state-separator-color:var(--row-normal-variant-pressed-state-separator-light-mode-color);--row-normal-variant-pressed-state-separator-dark-mode-color:transparent;--row-normal-variant-pressed-state-separator-light-mode-color:transparent;--row-normal-variant-pressed-state-side-text-primary-color:var(--row-normal-variant-pressed-state-side-text-primary-light-mode-color);--row-normal-variant-pressed-state-side-text-primary-dark-mode-color:var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color);--row-normal-variant-pressed-state-side-text-primary-light-mode-color:var(--row-normal-variant-normal-state-side-text-primary-light-mode-color);--row-normal-variant-pressed-state-side-text-secondary-color:var(--row-normal-variant-pressed-state-side-text-secondary-light-mode-color);--row-normal-variant-pressed-state-side-text-secondary-dark-mode-color:var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color);--row-normal-variant-pressed-state-side-text-secondary-light-mode-color:var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color);--row-normal-variant-pressed-state-subtext-color:var(--row-normal-variant-pressed-state-subtext-light-mode-color);--row-normal-variant-pressed-state-subtext-dark-mode-color:var(--row-normal-variant-normal-state-subtext-dark-mode-color);--row-normal-variant-pressed-state-subtext-light-mode-color:var(--row-normal-variant-normal-state-subtext-light-mode-color);--row-normal-variant-pressed-state-tertiary-text-color:var(--row-normal-variant-pressed-state-tertiary-text-light-mode-color);--row-normal-variant-pressed-state-tertiary-text-dark-mode-color:var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color);--row-normal-variant-pressed-state-tertiary-text-light-mode-color:var(--row-normal-variant-normal-state-tertiary-text-light-mode-color);--row-normal-variant-pressed-state-text-color:var(--row-normal-variant-pressed-state-text-light-mode-color);--row-normal-variant-pressed-state-text-dark-mode-color:var(--row-normal-variant-normal-state-text-dark-mode-color);--row-normal-variant-pressed-state-text-light-mode-color:var(--row-normal-variant-normal-state-text-light-mode-color);--row-normal-variant-selected-disabled-state-background-color:var(--row-normal-variant-selected-disabled-state-background-light-mode-color);--row-normal-variant-selected-disabled-state-background-dark-mode-color:var(--core-fill-50-dark-mode-color);--row-normal-variant-selected-disabled-state-background-light-mode-color:var(--core-fill-50-light-mode-color);--row-normal-variant-selected-state-background-color:var(--row-normal-variant-selected-state-background-light-mode-color);--row-normal-variant-selected-state-background-dark-mode-color:var(--core-fill-50-dark-mode-color);--row-normal-variant-selected-state-background-light-mode-color:var(--core-fill-50-light-mode-color);--row-normal-variant-selected-state-drill-color:var(--row-normal-variant-selected-state-drill-light-mode-color);--row-normal-variant-selected-state-drill-dark-mode-color:var(--row-normal-variant-hover-state-drill-dark-mode-color);--row-normal-variant-selected-state-drill-light-mode-color:var(--row-normal-variant-hover-state-drill-light-mode-color);--row-normal-variant-selected-state-icon-color:var(--row-normal-variant-selected-state-icon-light-mode-color);--row-normal-variant-selected-state-icon-dark-mode-color:var(--row-normal-variant-hover-state-icon-dark-mode-color);--row-normal-variant-selected-state-icon-light-mode-color:var(--row-normal-variant-hover-state-icon-light-mode-color);--row-normal-variant-selected-state-separator-color:var(--row-normal-variant-selected-state-separator-light-mode-color);--row-normal-variant-selected-state-separator-dark-mode-color:transparent;--row-normal-variant-selected-state-separator-light-mode-color:transparent;--row-normal-variant-selected-state-side-text-primary-color:var(--row-normal-variant-selected-state-side-text-primary-light-mode-color);--row-normal-variant-selected-state-side-text-primary-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--row-normal-variant-selected-state-side-text-primary-light-mode-color:var(--core-emphasis-text-light-mode-color);--row-normal-variant-selected-state-side-text-secondary-color:var(--row-normal-variant-selected-state-side-text-secondary-light-mode-color);--row-normal-variant-selected-state-side-text-secondary-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--row-normal-variant-selected-state-side-text-secondary-light-mode-color:var(--core-emphasis-text-light-mode-color);--row-normal-variant-selected-state-subtext-color:var(--row-normal-variant-selected-state-subtext-light-mode-color);--row-normal-variant-selected-state-subtext-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--row-normal-variant-selected-state-subtext-light-mode-color:var(--core-emphasis-text-light-mode-color);--row-normal-variant-selected-state-tertiary-text-color:var(--row-normal-variant-selected-state-tertiary-text-light-mode-color);--row-normal-variant-selected-state-tertiary-text-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--row-normal-variant-selected-state-tertiary-text-light-mode-color:var(--core-emphasis-text-light-mode-color);--row-normal-variant-selected-state-text-color:var(--row-normal-variant-selected-state-text-light-mode-color);--row-normal-variant-selected-state-text-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--row-normal-variant-selected-state-text-light-mode-color:var(--core-emphasis-text-light-mode-color);--row-normal-variant-separator-height:1px;--row-pressed-state-background-color:var(--row-pressed-state-background-light-mode-color);--row-pressed-state-background-dark-mode-color:var(--row-normal-variant-pressed-state-background-dark-mode-color);--row-pressed-state-background-light-mode-color:var(--row-normal-variant-pressed-state-background-light-mode-color);--row-pressed-state-drill-color:var(--row-pressed-state-drill-light-mode-color);--row-pressed-state-drill-dark-mode-color:var(--row-normal-variant-pressed-state-drill-dark-mode-color);--row-pressed-state-drill-light-mode-color:var(--row-normal-variant-pressed-state-drill-light-mode-color);--row-pressed-state-icon-color:var(--row-pressed-state-icon-light-mode-color);--row-pressed-state-icon-dark-mode-color:var(--row-normal-variant-pressed-state-icon-dark-mode-color);--row-pressed-state-icon-light-mode-color:var(--row-normal-variant-pressed-state-icon-light-mode-color);--row-pressed-state-separator-color:var(--row-pressed-state-separator-light-mode-color);--row-pressed-state-separator-dark-mode-color:var(--row-normal-variant-pressed-state-separator-dark-mode-color);--row-pressed-state-separator-light-mode-color:var(--row-normal-variant-pressed-state-separator-light-mode-color);--row-pressed-state-side-text-primary-color:var(--row-pressed-state-side-text-primary-light-mode-color);--row-pressed-state-side-text-primary-dark-mode-color:var(--row-normal-variant-pressed-state-side-text-primary-dark-mode-color);--row-pressed-state-side-text-primary-light-mode-color:var(--row-normal-variant-pressed-state-side-text-primary-light-mode-color);--row-pressed-state-side-text-secondary-color:var(--row-pressed-state-side-text-secondary-light-mode-color);--row-pressed-state-side-text-secondary-dark-mode-color:var(--row-normal-variant-pressed-state-side-text-secondary-dark-mode-color);--row-pressed-state-side-text-secondary-light-mode-color:var(--row-normal-variant-pressed-state-side-text-secondary-light-mode-color);--row-pressed-state-subtext-color:var(--row-pressed-state-subtext-light-mode-color);--row-pressed-state-subtext-dark-mode-color:var(--row-normal-variant-pressed-state-subtext-dark-mode-color);--row-pressed-state-subtext-light-mode-color:var(--row-normal-variant-pressed-state-subtext-light-mode-color);--row-pressed-state-tertiary-text-color:var(--row-pressed-state-tertiary-text-light-mode-color);--row-pressed-state-tertiary-text-dark-mode-color:var(--row-normal-variant-pressed-state-tertiary-text-dark-mode-color);--row-pressed-state-tertiary-text-light-mode-color:var(--row-normal-variant-pressed-state-tertiary-text-light-mode-color);--row-pressed-state-text-color:var(--row-pressed-state-text-light-mode-color);--row-pressed-state-text-dark-mode-color:var(--row-normal-variant-pressed-state-text-dark-mode-color);--row-pressed-state-text-light-mode-color:var(--row-normal-variant-pressed-state-text-light-mode-color);--row-selected-disabled-state-background-color:var(--row-selected-disabled-state-background-light-mode-color);--row-selected-disabled-state-background-dark-mode-color:var(--row-normal-variant-selected-disabled-state-background-dark-mode-color);--row-selected-disabled-state-background-light-mode-color:var(--row-normal-variant-selected-disabled-state-background-light-mode-color);--row-selected-state-background-color:var(--row-selected-state-background-light-mode-color);--row-selected-state-background-dark-mode-color:var(--row-normal-variant-selected-state-background-dark-mode-color);--row-selected-state-background-light-mode-color:var(--row-normal-variant-selected-state-background-light-mode-color);--row-selected-state-drill-color:var(--row-selected-state-drill-light-mode-color);--row-selected-state-drill-dark-mode-color:var(--row-normal-variant-selected-state-drill-dark-mode-color);--row-selected-state-drill-light-mode-color:var(--row-normal-variant-selected-state-drill-light-mode-color);--row-selected-state-icon-color:var(--row-selected-state-icon-light-mode-color);--row-selected-state-icon-dark-mode-color:var(--row-normal-variant-selected-state-icon-dark-mode-color);--row-selected-state-icon-light-mode-color:var(--row-normal-variant-selected-state-icon-light-mode-color);--row-selected-state-separator-color:var(--row-selected-state-separator-light-mode-color);--row-selected-state-separator-dark-mode-color:var(--row-normal-variant-selected-state-separator-dark-mode-color);--row-selected-state-separator-light-mode-color:var(--row-normal-variant-selected-state-separator-light-mode-color);--row-selected-state-side-text-primary-color:var(--row-selected-state-side-text-primary-light-mode-color);--row-selected-state-side-text-primary-dark-mode-color:var(--row-normal-variant-selected-state-side-text-primary-dark-mode-color);--row-selected-state-side-text-primary-light-mode-color:var(--row-normal-variant-selected-state-side-text-primary-light-mode-color);--row-selected-state-side-text-secondary-color:var(--row-selected-state-side-text-secondary-light-mode-color);--row-selected-state-side-text-secondary-dark-mode-color:var(--row-normal-variant-selected-state-side-text-secondary-dark-mode-color);--row-selected-state-side-text-secondary-light-mode-color:var(--row-normal-variant-selected-state-side-text-secondary-light-mode-color);--row-selected-state-subtext-color:var(--row-selected-state-subtext-light-mode-color);--row-selected-state-subtext-dark-mode-color:var(--row-normal-variant-selected-state-subtext-dark-mode-color);--row-selected-state-subtext-light-mode-color:var(--row-normal-variant-selected-state-subtext-light-mode-color);--row-selected-state-tertiary-text-color:var(--row-selected-state-tertiary-text-light-mode-color);--row-selected-state-tertiary-text-dark-mode-color:var(--row-normal-variant-selected-state-tertiary-text-dark-mode-color);--row-selected-state-tertiary-text-light-mode-color:var(--row-normal-variant-selected-state-tertiary-text-light-mode-color);--row-selected-state-text-color:var(--row-selected-state-text-light-mode-color);--row-selected-state-text-dark-mode-color:var(--row-normal-variant-selected-state-text-dark-mode-color);--row-selected-state-text-light-mode-color:var(--row-normal-variant-selected-state-text-light-mode-color);--row-separator-height:var(--row-normal-variant-separator-height);--row-small-size-side-text-primary-case:var(--core-type-paragraph-20-case);--row-small-size-side-text-primary-font-family:var(--core-type-paragraph-20-font-family);--row-small-size-side-text-primary-leading:var(--core-type-paragraph-20-leading);--row-small-size-side-text-primary-number-spacing:var(--core-type-paragraph-20-number-spacing);--row-small-size-side-text-primary-scale:var(--core-type-paragraph-20-scale);--row-small-size-side-text-primary-size:var(--core-type-paragraph-20-size);--row-small-size-side-text-primary-tracking:var(--core-type-paragraph-20-tracking);--row-small-size-side-text-primary-weight:var(--core-type-paragraph-20-weight);--row-small-size-side-text-secondary-case:var(--core-type-paragraph-10-case);--row-small-size-side-text-secondary-font-family:var(--core-type-paragraph-10-font-family);--row-small-size-side-text-secondary-leading:var(--core-type-paragraph-10-leading);--row-small-size-side-text-secondary-number-spacing:var(--core-type-paragraph-10-number-spacing);--row-small-size-side-text-secondary-scale:var(--core-type-paragraph-10-scale);--row-small-size-side-text-secondary-size:var(--core-type-paragraph-10-size);--row-small-size-side-text-secondary-tracking:var(--core-type-paragraph-10-tracking);--row-small-size-side-text-secondary-weight:var(--core-type-paragraph-10-weight);--row-small-size-subtext-case:var(--core-type-paragraph-10-case);--row-small-size-subtext-font-family:var(--core-type-paragraph-10-font-family);--row-small-size-subtext-leading:var(--core-type-paragraph-10-leading);--row-small-size-subtext-number-spacing:var(--core-type-paragraph-10-number-spacing);--row-small-size-subtext-scale:var(--core-type-paragraph-10-scale);--row-small-size-subtext-size:var(--core-type-paragraph-10-size);--row-small-size-subtext-tracking:var(--core-type-paragraph-10-tracking);--row-small-size-subtext-weight:var(--core-type-paragraph-10-weight);--row-small-size-tertiary-text-case:var(--core-type-paragraph-10-case);--row-small-size-tertiary-text-font-family:var(--core-type-paragraph-10-font-family);--row-small-size-tertiary-text-leading:var(--core-type-paragraph-10-leading);--row-small-size-tertiary-text-number-spacing:var(--core-type-paragraph-10-number-spacing);--row-small-size-tertiary-text-scale:var(--core-type-paragraph-10-scale);--row-small-size-tertiary-text-size:var(--core-type-paragraph-10-size);--row-small-size-tertiary-text-tracking:var(--core-type-paragraph-10-tracking);--row-small-size-tertiary-text-weight:var(--core-type-paragraph-10-weight);--row-small-size-text-case:var(--core-type-semibold-20-case);--row-small-size-text-font-family:var(--core-type-semibold-20-font-family);--row-small-size-text-leading:var(--core-type-semibold-20-leading);--row-small-size-text-number-spacing:var(--core-type-semibold-20-number-spacing);--row-small-size-text-scale:var(--core-type-semibold-20-scale);--row-small-size-text-size:var(--core-type-semibold-20-size);--row-small-size-text-tracking:var(--core-type-semibold-20-tracking);--row-small-size-text-vertical-gap:var(--row-medium-size-text-vertical-gap);--row-small-size-text-vertical-spacing:var(--row-medium-size-text-vertical-spacing);--row-small-size-text-weight:var(--core-type-semibold-20-weight);--row-small-size-vertical-bottom-accessory-gap:var(--row-medium-size-vertical-bottom-accessory-gap);--row-small-size-vertical-padding:var(--core-metrics-spacing-100);--row-text-accessory-spacing:8px;--search-border-radius:var(--core-radius-circle);--search-border-size:var(--field-border-size);--search-disabled-state-border-color:var(--search-disabled-state-border-light-mode-color);--search-disabled-state-border-dark-mode-color:var(--core-fill-40-dark-mode-color);--search-disabled-state-border-light-mode-color:var(--core-fill-40-light-mode-color);--search-disabled-state-input-color:var(--search-disabled-state-input-light-mode-color);--search-disabled-state-input-dark-mode-color:var(--core-text-30-dark-mode-color);--search-disabled-state-input-light-mode-color:var(--core-text-30-light-mode-color);--search-disabled-state-leading-icon-color:var(--search-disabled-state-leading-icon-light-mode-color);--search-disabled-state-leading-icon-dark-mode-color:var(--core-text-30-dark-mode-color);--search-disabled-state-leading-icon-light-mode-color:var(--core-text-30-light-mode-color);--search-disabled-state-trailing-icon-color:var(--search-disabled-state-trailing-icon-light-mode-color);--search-disabled-state-trailing-icon-dark-mode-color:var(--core-fill-30-dark-mode-color);--search-disabled-state-trailing-icon-light-mode-color:var(--core-fill-30-light-mode-color);--search-focused-state-border-color:var(--search-focused-state-border-light-mode-color);--search-focused-state-border-dark-mode-color:var(--core-fill-10-dark-mode-color);--search-focused-state-border-light-mode-color:var(--core-fill-10-light-mode-color);--search-focused-state-border-size:var(--core-border-20);--search-hint-text-color:var(--search-hint-text-light-mode-color);--search-hint-text-dark-mode-color:var(--core-text-20-dark-mode-color);--search-hint-text-light-mode-color:var(--core-text-20-light-mode-color);--search-input-case:var(--field-input-case);--search-input-font-family:var(--field-input-font-family);--search-input-leading:var(--field-input-leading);--search-input-number-spacing:var(--field-input-number-spacing);--search-input-scale:var(--field-input-scale);--search-input-size:var(--field-input-size);--search-input-tracking:var(--field-input-tracking);--search-input-weight:var(--field-input-weight);--search-large-size-minimum-height:56px;--search-large-size-padding-horizontal:var(--core-metrics-spacing-250);--search-large-size-padding-vertical:var(--core-metrics-spacing-150);--search-large-size-spacing-horizontal:var(--search-normal-size-spacing-horizontal);--search-large-size-tags-spacing-right:var(--search-normal-size-tags-spacing-right);--search-normal-size-minimum-height:40px;--search-normal-size-padding-horizontal:var(--core-metrics-spacing-200);--search-normal-size-padding-vertical:var(--core-metrics-spacing-100);--search-normal-size-spacing-horizontal:var(--core-metrics-spacing-150);--search-normal-size-tags-spacing-right:var(--core-metrics-spacing-100);--search-normal-state-border-color:var(--search-normal-state-border-light-mode-color);--search-normal-state-border-dark-mode-color:var(--core-fill-30-dark-mode-color);--search-normal-state-border-light-mode-color:var(--core-fill-30-light-mode-color);--search-normal-state-input-color:var(--search-normal-state-input-light-mode-color);--search-normal-state-input-dark-mode-color:var(--core-text-10-dark-mode-color);--search-normal-state-input-light-mode-color:var(--core-text-10-light-mode-color);--search-normal-state-leading-icon-color:var(--search-normal-state-leading-icon-light-mode-color);--search-normal-state-leading-icon-dark-mode-color:var(--core-text-10-dark-mode-color);--search-normal-state-leading-icon-light-mode-color:var(--core-text-10-light-mode-color);--search-normal-state-trailing-icon-color:var(--search-normal-state-trailing-icon-light-mode-color);--search-normal-state-trailing-icon-dark-mode-color:var(--core-fill-20-dark-mode-color);--search-normal-state-trailing-icon-light-mode-color:var(--core-fill-20-light-mode-color);--segmented-control-animation-duration:var(--core-animation-exit-transition-slow-speed-duration);--segmented-control-animation-easing:var(--core-animation-exit-transition-easing);--segmented-control-background-disabled-state-color:var(--segmented-control-background-disabled-state-light-mode-color);--segmented-control-background-disabled-state-dark-mode-color:var(--segmented-control-disabled-state-background-dark-mode-color);--segmented-control-background-disabled-state-light-mode-color:var(--segmented-control-disabled-state-background-light-mode-color);--segmented-control-background-normal-state-color:var(--segmented-control-background-normal-state-light-mode-color);--segmented-control-background-normal-state-dark-mode-color:var(--segmented-control-normal-state-background-dark-mode-color);--segmented-control-background-normal-state-light-mode-color:var(--segmented-control-normal-state-background-light-mode-color);--segmented-control-background-radius:var(--segmented-control-radius);--segmented-control-disabled-state-background-color:var(--segmented-control-disabled-state-background-light-mode-color);--segmented-control-disabled-state-background-dark-mode-color:var(--core-fill-40-dark-mode-color);--segmented-control-disabled-state-background-light-mode-color:var(--core-fill-40-light-mode-color);--segmented-control-horizontal-padding:var(--core-metrics-spacing-50);--segmented-control-minimum-height:var(--core-medium-size-minimum-height);--segmented-control-normal-state-background-color:var(--segmented-control-normal-state-background-light-mode-color);--segmented-control-normal-state-background-dark-mode-color:var(--core-fill-40-dark-mode-color);--segmented-control-normal-state-background-light-mode-color:var(--core-fill-40-light-mode-color);--segmented-control-option-background-disabled-state-color:var(--segmented-control-option-background-disabled-state-light-mode-color);--segmented-control-option-background-disabled-state-dark-mode-color:transparent;--segmented-control-option-background-disabled-state-light-mode-color:transparent;--segmented-control-option-background-hover-state-color:var(--segmented-control-option-background-hover-state-light-mode-color);--segmented-control-option-background-hover-state-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--segmented-control-option-background-hover-state-light-mode-color:var(--core-emphasis-40-light-mode-color);--segmented-control-option-background-normal-state-color:var(--segmented-control-option-background-normal-state-light-mode-color);--segmented-control-option-background-normal-state-dark-mode-color:transparent;--segmented-control-option-background-normal-state-light-mode-color:transparent;--segmented-control-option-background-pressed-state-color:var(--segmented-control-option-background-pressed-state-light-mode-color);--segmented-control-option-background-pressed-state-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--segmented-control-option-background-pressed-state-light-mode-color:var(--core-emphasis-30-light-mode-color);--segmented-control-option-background-radius:var(--segmented-control-option-radius);--segmented-control-option-background-selected-state-color:var(--segmented-control-option-background-selected-state-light-mode-color);--segmented-control-option-background-selected-state-dark-mode-color:var(--core-fill-30-dark-mode-color);--segmented-control-option-background-selected-state-light-mode-color:var(--core-fill-white-light-mode-color);--segmented-control-option-background-selected-value-disabled-state-color:var(--segmented-control-option-background-selected-value-disabled-state-light-mode-color);--segmented-control-option-background-selected-value-disabled-state-dark-mode-color:var(--segmented-control-option-selected-value-disabled-state-background-dark-mode-color);--segmented-control-option-background-selected-value-disabled-state-light-mode-color:var(--segmented-control-option-selected-value-disabled-state-background-light-mode-color);--segmented-control-option-background-selected-value-hover-state-color:var(--segmented-control-option-background-selected-value-hover-state-light-mode-color);--segmented-control-option-background-selected-value-hover-state-dark-mode-color:var(--segmented-control-option-selected-value-hover-state-background-dark-mode-color);--segmented-control-option-background-selected-value-hover-state-light-mode-color:var(--segmented-control-option-selected-value-hover-state-background-light-mode-color);--segmented-control-option-background-selected-value-normal-state-color:var(--segmented-control-option-background-selected-value-normal-state-light-mode-color);--segmented-control-option-background-selected-value-normal-state-dark-mode-color:var(--segmented-control-option-selected-value-normal-state-background-dark-mode-color);--segmented-control-option-background-selected-value-normal-state-light-mode-color:var(--segmented-control-option-selected-value-normal-state-background-light-mode-color);--segmented-control-option-background-selected-value-pressed-state-color:var(--segmented-control-option-background-selected-value-pressed-state-light-mode-color);--segmented-control-option-background-selected-value-pressed-state-dark-mode-color:var(--segmented-control-option-selected-value-pressed-state-background-dark-mode-color);--segmented-control-option-background-selected-value-pressed-state-light-mode-color:var(--segmented-control-option-selected-value-pressed-state-background-light-mode-color);--segmented-control-option-background-unselected-value-disabled-state-color:var(--segmented-control-option-background-unselected-value-disabled-state-light-mode-color);--segmented-control-option-background-unselected-value-disabled-state-dark-mode-color:var(--segmented-control-option-unselected-value-disabled-state-dark-mode-background-color);--segmented-control-option-background-unselected-value-disabled-state-light-mode-color:var(--segmented-control-option-unselected-value-disabled-state-light-mode-background-color);--segmented-control-option-background-unselected-value-hover-state-color:var(--segmented-control-option-background-unselected-value-hover-state-light-mode-color);--segmented-control-option-background-unselected-value-hover-state-dark-mode-color:var(--segmented-control-option-unselected-value-hover-state-dark-mode-background-color);--segmented-control-option-background-unselected-value-hover-state-light-mode-color:var(--segmented-control-option-unselected-value-hover-state-light-mode-background-color);--segmented-control-option-background-unselected-value-normal-state-color:var(--segmented-control-option-background-unselected-value-normal-state-light-mode-color);--segmented-control-option-background-unselected-value-normal-state-dark-mode-color:var(--segmented-control-option-unselected-value-normal-state-dark-mode-background-color);--segmented-control-option-background-unselected-value-normal-state-light-mode-color:var(--segmented-control-option-unselected-value-normal-state-light-mode-background-color);--segmented-control-option-background-unselected-value-pressed-state-color:var(--segmented-control-option-background-unselected-value-pressed-state-light-mode-color);--segmented-control-option-background-unselected-value-pressed-state-dark-mode-color:var(--segmented-control-option-unselected-value-pressed-state-dark-mode-background-color);--segmented-control-option-background-unselected-value-pressed-state-light-mode-color:var(--segmented-control-option-unselected-value-pressed-state-light-mode-background-color);--segmented-control-option-badge-disabled-state-opacity:var(--segmented-control-option-unselected-value-disabled-state-badge-opacity);--segmented-control-option-badge-hover-state-opacity:var(--segmented-control-option-unselected-value-hover-state-badge-opacity);--segmented-control-option-badge-normal-state-opacity:var(--segmented-control-option-unselected-value-normal-state-badge-opacity);--segmented-control-option-badge-pressed-state-opacity:var(--segmented-control-option-unselected-value-pressed-state-badge-opacity);--segmented-control-option-badge-selected-state-opacity:var(--segmented-control-option-selected-value-normal-state-badge-opacity);--segmented-control-option-horizontal-gap:var(--core-metrics-spacing-100);--segmented-control-option-horizontal-padding:var(--core-metrics-spacing-100);--segmented-control-option-label-case:var(--core-type-semibold-30-case);--segmented-control-option-label-disabled-state-color:var(--segmented-control-option-label-disabled-state-light-mode-color);--segmented-control-option-label-disabled-state-dark-mode-color:var(--core-text-30-dark-mode-color);--segmented-control-option-label-disabled-state-light-mode-color:var(--core-text-30-light-mode-color);--segmented-control-option-label-font-family:var(--core-type-semibold-30-font-family);--segmented-control-option-label-hover-state-color:var(--segmented-control-option-label-hover-state-light-mode-color);--segmented-control-option-label-hover-state-dark-mode-color:var(--segmented-control-option-label-normal-state-dark-mode-color);--segmented-control-option-label-hover-state-light-mode-color:var(--segmented-control-option-label-normal-state-light-mode-color);--segmented-control-option-label-leading:var(--core-type-semibold-30-leading);--segmented-control-option-label-normal-state-color:var(--segmented-control-option-label-normal-state-light-mode-color);--segmented-control-option-label-normal-state-dark-mode-color:var(--core-text-10-dark-mode-color);--segmented-control-option-label-normal-state-light-mode-color:var(--core-text-10-light-mode-color);--segmented-control-option-label-number-spacing:var(--core-type-semibold-30-number-spacing);--segmented-control-option-label-pressed-state-color:var(--segmented-control-option-label-pressed-state-light-mode-color);--segmented-control-option-label-pressed-state-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--segmented-control-option-label-pressed-state-light-mode-color:var(--core-emphasis-text-light-mode-color);--segmented-control-option-label-scale:var(--core-type-semibold-30-scale);--segmented-control-option-label-selected-state-color:var(--segmented-control-option-label-selected-state-light-mode-color);--segmented-control-option-label-selected-state-dark-mode-color:var(--segmented-control-option-label-normal-state-dark-mode-color);--segmented-control-option-label-selected-state-light-mode-color:var(--segmented-control-option-label-normal-state-light-mode-color);--segmented-control-option-label-selected-value-disabled-state-color:var(--segmented-control-option-label-selected-value-disabled-state-light-mode-color);--segmented-control-option-label-selected-value-disabled-state-dark-mode-color:var(--segmented-control-option-selected-value-disabled-state-label-dark-mode-color);--segmented-control-option-label-selected-value-disabled-state-light-mode-color:var(--segmented-control-option-selected-value-disabled-state-label-light-mode-color);--segmented-control-option-label-selected-value-hover-state-color:var(--segmented-control-option-label-selected-value-hover-state-light-mode-color);--segmented-control-option-label-selected-value-hover-state-dark-mode-color:var(--segmented-control-option-selected-value-hover-state-label-dark-mode-color);--segmented-control-option-label-selected-value-hover-state-light-mode-color:var(--segmented-control-option-selected-value-hover-state-label-light-mode-color);--segmented-control-option-label-selected-value-normal-state-color:var(--segmented-control-option-label-selected-value-normal-state-light-mode-color);--segmented-control-option-label-selected-value-normal-state-dark-mode-color:var(--segmented-control-option-selected-value-normal-state-label-dark-mode-color);--segmented-control-option-label-selected-value-normal-state-light-mode-color:var(--segmented-control-option-selected-value-normal-state-label-light-mode-color);--segmented-control-option-label-selected-value-pressed-state-color:var(--segmented-control-option-label-selected-value-pressed-state-light-mode-color);--segmented-control-option-label-selected-value-pressed-state-dark-mode-color:var(--segmented-control-option-selected-value-pressed-state-label-dark-mode-color);--segmented-control-option-label-selected-value-pressed-state-light-mode-color:var(--segmented-control-option-selected-value-pressed-state-label-light-mode-color);--segmented-control-option-label-size:var(--core-type-semibold-30-size);--segmented-control-option-label-tracking:var(--core-type-semibold-30-tracking);--segmented-control-option-label-unselected-value-disabled-state-color:var(--segmented-control-option-label-unselected-value-disabled-state-light-mode-color);--segmented-control-option-label-unselected-value-disabled-state-dark-mode-color:var(--segmented-control-option-unselected-value-disabled-state-label-dark-mode-color);--segmented-control-option-label-unselected-value-disabled-state-light-mode-color:var(--segmented-control-option-unselected-value-disabled-state-label-light-mode-color);--segmented-control-option-label-unselected-value-hover-state-color:var(--segmented-control-option-label-unselected-value-hover-state-light-mode-color);--segmented-control-option-label-unselected-value-hover-state-dark-mode-color:var(--segmented-control-option-unselected-value-hover-state-label-dark-mode-color);--segmented-control-option-label-unselected-value-hover-state-light-mode-color:var(--segmented-control-option-unselected-value-hover-state-label-light-mode-color);--segmented-control-option-label-unselected-value-normal-state-color:var(--segmented-control-option-label-unselected-value-normal-state-light-mode-color);--segmented-control-option-label-unselected-value-normal-state-dark-mode-color:var(--segmented-control-option-unselected-value-normal-state-label-dark-mode-color);--segmented-control-option-label-unselected-value-normal-state-light-mode-color:var(--segmented-control-option-unselected-value-normal-state-label-light-mode-color);--segmented-control-option-label-unselected-value-pressed-state-color:var(--segmented-control-option-label-unselected-value-pressed-state-light-mode-color);--segmented-control-option-label-unselected-value-pressed-state-dark-mode-color:var(--segmented-control-option-unselected-value-pressed-state-label-dark-mode-color);--segmented-control-option-label-unselected-value-pressed-state-light-mode-color:var(--segmented-control-option-unselected-value-pressed-state-label-light-mode-color);--segmented-control-option-label-weight:var(--core-type-semibold-30-weight);--segmented-control-option-minimum-height:var(--core-small-size-minimum-height);--segmented-control-option-padding-horizontal:var(--segmented-control-option-horizontal-padding);--segmented-control-option-padding-vertical:var(--segmented-control-option-vertical-padding);--segmented-control-option-radius:var(--core-radius-circle);--segmented-control-option-selected-value-disabled-state-background-color:var(--segmented-control-option-selected-value-disabled-state-background-light-mode-color);--segmented-control-option-selected-value-disabled-state-background-dark-mode-color:#232323;--segmented-control-option-selected-value-disabled-state-background-light-mode-color:var(--core-surface-30-light-mode-color);--segmented-control-option-selected-value-disabled-state-badge-opacity:var(--core-opacity-disabled-state);--segmented-control-option-selected-value-disabled-state-label-color:var(--segmented-control-option-selected-value-disabled-state-label-light-mode-color);--segmented-control-option-selected-value-disabled-state-label-dark-mode-color:var(--core-text-30-dark-mode-color);--segmented-control-option-selected-value-disabled-state-label-light-mode-color:var(--core-text-30-light-mode-color);--segmented-control-option-selected-value-hover-state-background-color:var(--segmented-control-option-selected-value-hover-state-background-light-mode-color);--segmented-control-option-selected-value-hover-state-background-dark-mode-color:var(--core-fill-30-dark-mode-color);--segmented-control-option-selected-value-hover-state-background-light-mode-color:var(--core-surface-30-light-mode-color);--segmented-control-option-selected-value-hover-state-badge-opacity:var(--core-opacity-hover-state);--segmented-control-option-selected-value-hover-state-label-color:var(--segmented-control-option-selected-value-hover-state-label-light-mode-color);--segmented-control-option-selected-value-hover-state-label-dark-mode-color:var(--core-text-10-dark-mode-color);--segmented-control-option-selected-value-hover-state-label-light-mode-color:var(--core-text-10-light-mode-color);--segmented-control-option-selected-value-normal-state-background-color:var(--segmented-control-option-selected-value-normal-state-background-light-mode-color);--segmented-control-option-selected-value-normal-state-background-dark-mode-color:var(--core-fill-30-dark-mode-color);--segmented-control-option-selected-value-normal-state-background-light-mode-color:var(--core-surface-30-light-mode-color);--segmented-control-option-selected-value-normal-state-badge-opacity:1;--segmented-control-option-selected-value-normal-state-label-color:var(--segmented-control-option-selected-value-normal-state-label-light-mode-color);--segmented-control-option-selected-value-normal-state-label-dark-mode-color:var(--core-text-10-dark-mode-color);--segmented-control-option-selected-value-normal-state-label-light-mode-color:var(--core-text-10-light-mode-color);--segmented-control-option-selected-value-pressed-state-background-color:var(--segmented-control-option-selected-value-pressed-state-background-light-mode-color);--segmented-control-option-selected-value-pressed-state-background-dark-mode-color:var(--core-fill-30-dark-mode-color);--segmented-control-option-selected-value-pressed-state-background-light-mode-color:var(--core-surface-30-light-mode-color);--segmented-control-option-selected-value-pressed-state-badge-opacity:var(--core-opacity-pressed-state);--segmented-control-option-selected-value-pressed-state-label-color:var(--segmented-control-option-selected-value-pressed-state-label-light-mode-color);--segmented-control-option-selected-value-pressed-state-label-dark-mode-color:var(--core-constant-gray-60-color);--segmented-control-option-selected-value-pressed-state-label-light-mode-color:#767676;--segmented-control-option-spacing-horizontal:var(--segmented-control-option-horizontal-gap);--segmented-control-option-unselected-value-disabled-state-background-color:var(--segmented-control-option-unselected-value-disabled-state-light-mode-background-color);--segmented-control-option-unselected-value-disabled-state-badge-opacity:var(--core-opacity-disabled-state);--segmented-control-option-unselected-value-disabled-state-dark-mode-background-color:transparent;--segmented-control-option-unselected-value-disabled-state-label-color:var(--segmented-control-option-unselected-value-disabled-state-label-light-mode-color);--segmented-control-option-unselected-value-disabled-state-label-dark-mode-color:var(--core-text-30-dark-mode-color);--segmented-control-option-unselected-value-disabled-state-label-light-mode-color:var(--core-text-30-light-mode-color);--segmented-control-option-unselected-value-disabled-state-light-mode-background-color:transparent;--segmented-control-option-unselected-value-hover-state-background-color:var(--segmented-control-option-unselected-value-hover-state-light-mode-background-color);--segmented-control-option-unselected-value-hover-state-badge-opacity:var(--core-opacity-hover-state);--segmented-control-option-unselected-value-hover-state-dark-mode-background-color:transparent;--segmented-control-option-unselected-value-hover-state-label-color:var(--segmented-control-option-unselected-value-hover-state-label-light-mode-color);--segmented-control-option-unselected-value-hover-state-label-dark-mode-color:var(--core-constant-gray-85-color);--segmented-control-option-unselected-value-hover-state-label-light-mode-color:var(--core-constant-gray-45-color);--segmented-control-option-unselected-value-hover-state-light-mode-background-color:transparent;--segmented-control-option-unselected-value-normal-state-background-color:var(--segmented-control-option-unselected-value-normal-state-light-mode-background-color);--segmented-control-option-unselected-value-normal-state-badge-opacity:var(--core-opacity-normal-state);--segmented-control-option-unselected-value-normal-state-dark-mode-background-color:transparent;--segmented-control-option-unselected-value-normal-state-label-color:var(--segmented-control-option-unselected-value-normal-state-label-light-mode-color);--segmented-control-option-unselected-value-normal-state-label-dark-mode-color:var(--core-text-10-dark-mode-color);--segmented-control-option-unselected-value-normal-state-label-light-mode-color:var(--core-text-10-light-mode-color);--segmented-control-option-unselected-value-normal-state-light-mode-background-color:transparent;--segmented-control-option-unselected-value-pressed-state-background-color:var(--segmented-control-option-unselected-value-pressed-state-light-mode-background-color);--segmented-control-option-unselected-value-pressed-state-badge-opacity:var(--core-opacity-pressed-state);--segmented-control-option-unselected-value-pressed-state-dark-mode-background-color:transparent;--segmented-control-option-unselected-value-pressed-state-label-color:var(--segmented-control-option-unselected-value-pressed-state-label-light-mode-color);--segmented-control-option-unselected-value-pressed-state-label-dark-mode-color:var(--core-constant-gray-60-color);--segmented-control-option-unselected-value-pressed-state-label-light-mode-color:#767676;--segmented-control-option-unselected-value-pressed-state-light-mode-background-color:transparent;--segmented-control-option-vertical-padding:var(--core-metrics-spacing-100);--segmented-control-padding-horizontal:var(--segmented-control-horizontal-padding);--segmented-control-padding-vertical:var(--segmented-control-vertical-padding);--segmented-control-radius:var(--core-radius-circle);--segmented-control-vertical-padding:var(--core-metrics-spacing-50);--select-caret-color:var(--select-caret-light-mode-color);--select-caret-dark-mode-color:var(--select-disclosure-indicator-dark-mode-color);--select-caret-icon-height:var(--select-disclosure-indicator-icon-height);--select-caret-light-mode-color:var(--select-disclosure-indicator-light-mode-color);--select-disclosure-indicator-color:var(--select-disclosure-indicator-light-mode-color);--select-disclosure-indicator-dark-mode-color:var(--core-fill-20-dark-mode-color);--select-disclosure-indicator-icon-height:8px;--select-disclosure-indicator-light-mode-color:var(--core-fill-20-light-mode-color);--skeleton-loader-animation-duration:3.00s;--skeleton-loader-animation-easing:cubic-bezier(0.0, 0.0, 1.0, 1.0);--skeleton-loader-border-radius:var(--core-radius-10);--skeleton-loader-fill-color:var(--skeleton-loader-fill-light-mode-color);--skeleton-loader-fill-dark-mode-color:var(--core-fill-40-dark-mode-color);--skeleton-loader-fill-light-mode-color:var(--core-fill-40-light-mode-color);--skeleton-loader-gradient-1-color:var(--skeleton-loader-gradient-light-mode-1-color);--skeleton-loader-gradient-2-color:var(--skeleton-loader-gradient-light-mode-2-color);--skeleton-loader-gradient-3-color:var(--skeleton-loader-gradient-light-mode-3-color);--skeleton-loader-gradient-dark-mode-1-color:rgba(255,255,255,0.0);--skeleton-loader-gradient-dark-mode-2-color:rgba(255,255,255,0.1);--skeleton-loader-gradient-dark-mode-3-color:rgba(255,255,255,0.15);--skeleton-loader-gradient-light-mode-1-color:rgba(0, 0, 0, 0.0);--skeleton-loader-gradient-light-mode-2-color:rgba(0, 0, 0, 0.05);--skeleton-loader-gradient-light-mode-3-color:rgba(0, 0, 0, 0.08);--skeleton-loader-gradient-width-ratio:0.5;--stepper-border-radius:var(--field-border-radius);--stepper-button-border-radius:4px;--stepper-button-decrement-height:var(--stepper-button-increment-height);--stepper-button-decrement-scale:var(--stepper-button-increment-scale);--stepper-button-decrement-width:var(--stepper-button-increment-width);--stepper-button-disabled-state-background-color:var(--stepper-button-disabled-state-light-mode-background-color);--stepper-button-disabled-state-dark-mode-background-color:var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);--stepper-button-disabled-state-dark-mode-icon-color:var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);--stepper-button-disabled-state-icon-color:var(--stepper-button-disabled-state-light-mode-icon-color);--stepper-button-disabled-state-light-mode-background-color:var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);--stepper-button-disabled-state-light-mode-icon-color:var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);--stepper-button-focus-state-background-color:var(--stepper-button-focus-state-light-mode-background-color);--stepper-button-focus-state-dark-mode-background-color:var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);--stepper-button-focus-state-dark-mode-icon-color:var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);--stepper-button-focus-state-icon-color:var(--stepper-button-focus-state-light-mode-icon-color);--stepper-button-focus-state-light-mode-background-color:var(--icon-button-secondary-rank-focus-state-light-mode-background-color);--stepper-button-focus-state-light-mode-icon-color:var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);--stepper-button-hover-state-background-color:var(--stepper-button-hover-state-light-mode-background-color);--stepper-button-hover-state-dark-mode-background-color:var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);--stepper-button-hover-state-dark-mode-icon-color:var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);--stepper-button-hover-state-icon-color:var(--stepper-button-hover-state-light-mode-icon-color);--stepper-button-hover-state-light-mode-background-color:var(--icon-button-secondary-rank-hover-state-light-mode-background-color);--stepper-button-hover-state-light-mode-icon-color:var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);--stepper-button-increment-height:16px;--stepper-button-increment-scale:var(--core-type-semibold-20-scale);--stepper-button-increment-width:16px;--stepper-button-minimum-height:24px;--stepper-button-normal-state-background-color:var(--stepper-button-normal-state-light-mode-background-color);--stepper-button-normal-state-dark-mode-background-color:var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);--stepper-button-normal-state-dark-mode-icon-color:var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);--stepper-button-normal-state-icon-color:var(--stepper-button-normal-state-light-mode-icon-color);--stepper-button-normal-state-light-mode-background-color:var(--icon-button-secondary-rank-normal-state-light-mode-background-color);--stepper-button-normal-state-light-mode-icon-color:var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);--stepper-button-padding-size:4px;--stepper-button-pressed-state-background-color:var(--stepper-button-pressed-state-light-mode-background-color);--stepper-button-pressed-state-dark-mode-background-color:var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);--stepper-button-pressed-state-dark-mode-icon-color:var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);--stepper-button-pressed-state-icon-color:var(--stepper-button-pressed-state-light-mode-icon-color);--stepper-button-pressed-state-light-mode-background-color:var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);--stepper-button-pressed-state-light-mode-icon-color:var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);--stepper-button-width-multiplier:1;--stepper-disabled-state-background-color:var(--stepper-disabled-state-background-light-mode-color);--stepper-disabled-state-background-dark-mode-color:var(--field-disabled-state-dark-mode-background-color);--stepper-disabled-state-background-light-mode-color:var(--field-disabled-state-light-mode-background-color);--stepper-disabled-state-border-color:var(--stepper-disabled-state-border-light-mode-color);--stepper-disabled-state-border-dark-mode-color:var(--field-disabled-state-dark-mode-border-color);--stepper-disabled-state-border-light-mode-color:var(--field-disabled-state-light-mode-border-color);--stepper-disabled-state-border-size:var(--field-border-size);--stepper-focus-state-background-color:var(--stepper-focus-state-background-light-mode-color);--stepper-focus-state-background-dark-mode-color:var(--field-focus-state-dark-mode-background-color);--stepper-focus-state-background-light-mode-color:var(--field-focus-state-light-mode-background-color);--stepper-focus-state-border-size:var(--field-focus-state-border-size);--stepper-focus-state-invalid-validity-color:var(--stepper-focus-state-invalid-validity-light-mode-color);--stepper-focus-state-invalid-validity-dark-mode-color:var(--field-focus-state-invalid-validity-dark-mode-border-color);--stepper-focus-state-invalid-validity-light-mode-color:var(--field-focus-state-invalid-validity-light-mode-border-color);--stepper-focus-state-normal-validity-color:var(--stepper-focus-state-normal-validity-light-mode-color);--stepper-focus-state-normal-validity-dark-mode-color:var(--field-focus-state-normal-validity-dark-mode-border-color);--stepper-focus-state-normal-validity-light-mode-color:var(--field-focus-state-normal-validity-light-mode-border-color);--stepper-horizontal-spacing:12px;--stepper-hover-state-background-color:var(--stepper-hover-state-background-light-mode-color);--stepper-hover-state-background-dark-mode-color:var(--field-hover-state-dark-mode-background-color);--stepper-hover-state-background-light-mode-color:var(--field-hover-state-light-mode-background-color);--stepper-hover-state-border-size:var(--field-border-size);--stepper-hover-state-invalid-validity-color:var(--stepper-hover-state-invalid-validity-light-mode-color);--stepper-hover-state-invalid-validity-dark-mode-color:var(--field-hover-state-invalid-validity-dark-mode-border-color);--stepper-hover-state-invalid-validity-light-mode-color:var(--field-hover-state-invalid-validity-light-mode-border-color);--stepper-hover-state-normal-validity-color:var(--stepper-hover-state-normal-validity-light-mode-color);--stepper-hover-state-normal-validity-dark-mode-color:var(--field-hover-state-normal-validity-dark-mode-border-color);--stepper-hover-state-normal-validity-light-mode-color:var(--field-hover-state-normal-validity-light-mode-border-color);--stepper-normal-state-background-color:var(--stepper-normal-state-background-light-mode-color);--stepper-normal-state-background-dark-mode-color:var(--field-normal-state-dark-mode-background-color);--stepper-normal-state-background-light-mode-color:var(--field-normal-state-light-mode-background-color);--stepper-normal-state-border-size:var(--field-border-size);--stepper-normal-state-invalid-validity-color:var(--stepper-normal-state-invalid-validity-light-mode-color);--stepper-normal-state-invalid-validity-dark-mode-color:var(--field-normal-state-invalid-validity-dark-mode-border-color);--stepper-normal-state-invalid-validity-light-mode-color:var(--field-normal-state-invalid-validity-light-mode-border-color);--stepper-normal-state-normal-validity-color:var(--stepper-normal-state-normal-validity-light-mode-color);--stepper-normal-state-normal-validity-dark-mode-color:var(--field-normal-state-normal-validity-dark-mode-border-color);--stepper-normal-state-normal-validity-light-mode-color:var(--field-normal-state-normal-validity-light-mode-border-color);--stepper-padding-size:12px;--stepper-quantity-input-field-minimum-width-multiplier:1.66;--stepper-quantity-input-field-value-text-case:var(--core-type-paragraph-30-case);--stepper-quantity-input-field-value-text-disabled-state-color:var(--stepper-quantity-input-field-value-text-disabled-state-light-mode-color);--stepper-quantity-input-field-value-text-disabled-state-dark-mode-color:var(--core-text-20-dark-mode-color);--stepper-quantity-input-field-value-text-disabled-state-light-mode-color:var(--core-text-20-light-mode-color);--stepper-quantity-input-field-value-text-font-family:var(--core-type-paragraph-30-font-family);--stepper-quantity-input-field-value-text-leading:var(--core-type-paragraph-30-leading);--stepper-quantity-input-field-value-text-normal-state-color:var(--stepper-quantity-input-field-value-text-normal-state-light-mode-color);--stepper-quantity-input-field-value-text-normal-state-dark-mode-color:var(--core-text-10-dark-mode-color);--stepper-quantity-input-field-value-text-normal-state-light-mode-color:var(--core-text-10-light-mode-color);--stepper-quantity-input-field-value-text-number-spacing:'monospaced';--stepper-quantity-input-field-value-text-placeholder-color:var(--stepper-quantity-input-field-value-text-placeholder-light-mode-color);--stepper-quantity-input-field-value-text-placeholder-dark-mode-color:var(--core-text-20-dark-mode-color);--stepper-quantity-input-field-value-text-placeholder-light-mode-color:var(--core-text-20-light-mode-color);--stepper-quantity-input-field-value-text-scale:var(--core-type-paragraph-30-scale);--stepper-quantity-input-field-value-text-size:var(--core-type-paragraph-30-size);--stepper-quantity-input-field-value-text-tracking:var(--core-type-paragraph-30-tracking);--stepper-quantity-input-field-value-text-weight:var(--core-type-paragraph-30-weight);--sticky-section-header-background-color:var(--sticky-section-header-background-light-mode-color);--sticky-section-header-background-dark-mode-color:var(--core-surface-5-dark-mode-color);--sticky-section-header-background-light-mode-color:var(--core-surface-5-light-mode-color);--sticky-section-header-horizontal-spacing:var(--core-metrics-spacing-100);--sticky-section-header-separator-color:var(--sticky-section-header-separator-light-mode-color);--sticky-section-header-separator-dark-mode-color:var(--core-divider-10-dark-mode-color);--sticky-section-header-separator-height:1px;--sticky-section-header-separator-light-mode-color:var(--core-divider-10-light-mode-color);--sticky-section-header-text-case:var(--core-type-heading-10-case);--sticky-section-header-text-color:var(--sticky-section-header-text-light-mode-color);--sticky-section-header-text-dark-mode-color:var(--core-text-10-dark-mode-color);--sticky-section-header-text-font-family:var(--core-type-heading-10-font-family);--sticky-section-header-text-leading:var(--core-type-heading-10-leading);--sticky-section-header-text-light-mode-color:var(--core-text-10-light-mode-color);--sticky-section-header-text-link-color:var(--sticky-section-header-text-link-light-mode-color);--sticky-section-header-text-link-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--sticky-section-header-text-link-disabled-state-opacity:var(--text-link-disabled-state-opacity);--sticky-section-header-text-link-hover-state-opacity:var(--text-link-hover-state-opacity);--sticky-section-header-text-link-light-mode-color:var(--core-emphasis-text-light-mode-color);--sticky-section-header-text-link-normal-state-opacity:var(--text-link-normal-state-opacity);--sticky-section-header-text-link-pressed-state-opacity:var(--text-link-pressed-state-opacity);--sticky-section-header-text-link-text-case:var(--text-link-small-size-text-case);--sticky-section-header-text-link-text-font-family:var(--text-link-small-size-text-font-family);--sticky-section-header-text-link-text-leading:var(--text-link-small-size-text-leading);--sticky-section-header-text-link-text-number-spacing:var(--text-link-small-size-text-number-spacing);--sticky-section-header-text-link-text-scale:var(--text-link-small-size-text-scale);--sticky-section-header-text-link-text-size:var(--text-link-small-size-text-size);--sticky-section-header-text-link-text-tracking:var(--text-link-small-size-text-tracking);--sticky-section-header-text-link-text-weight:var(--text-link-small-size-text-weight);--sticky-section-header-text-link-vertical-padding:0px;--sticky-section-header-text-number-spacing:var(--core-type-heading-10-number-spacing);--sticky-section-header-text-scale:var(--core-type-heading-10-scale);--sticky-section-header-text-size:var(--core-type-heading-10-size);--sticky-section-header-text-tracking:var(--core-type-heading-10-tracking);--sticky-section-header-text-weight:var(--core-type-heading-10-weight);--sticky-section-header-vertical-padding:9px;--subtle-button-destructive-variant-primary-rank-disabled-state-icon-color:var(--subtle-button-destructive-variant-primary-rank-disabled-state-icon-light-mode-color);--subtle-button-destructive-variant-primary-rank-disabled-state-icon-dark-mode-color:var(--core-fill-30-dark-mode-color);--subtle-button-destructive-variant-primary-rank-disabled-state-icon-light-mode-color:var(--core-fill-30-light-mode-color);--subtle-button-destructive-variant-primary-rank-hover-state-icon-color:var(--subtle-button-destructive-variant-primary-rank-hover-state-icon-light-mode-color);--subtle-button-destructive-variant-primary-rank-hover-state-icon-dark-mode-color:var(--core-critical-fill-dark-mode-color);--subtle-button-destructive-variant-primary-rank-hover-state-icon-light-mode-color:var(--core-critical-fill-light-mode-color);--subtle-button-destructive-variant-primary-rank-normal-state-icon-color:var(--subtle-button-destructive-variant-primary-rank-normal-state-icon-light-mode-color);--subtle-button-destructive-variant-primary-rank-normal-state-icon-dark-mode-color:var(--core-fill-20-dark-mode-color);--subtle-button-destructive-variant-primary-rank-normal-state-icon-light-mode-color:var(--core-fill-20-light-mode-color);--subtle-button-destructive-variant-primary-rank-pressed-state-icon-color:var(--subtle-button-destructive-variant-primary-rank-pressed-state-icon-light-mode-color);--subtle-button-destructive-variant-primary-rank-pressed-state-icon-dark-mode-color:var(--core-critical-10-dark-mode-color);--subtle-button-destructive-variant-primary-rank-pressed-state-icon-light-mode-color:var(--core-critical-10-light-mode-color);--subtle-button-horizontal-spacing-size:var(--core-metrics-spacing-100);--subtle-button-minimum-height:24px;--subtle-button-normal-variant-primary-rank-disabled-state-icon-color:var(--subtle-button-normal-variant-primary-rank-disabled-state-icon-light-mode-color);--subtle-button-normal-variant-primary-rank-disabled-state-icon-dark-mode-color:var(--core-fill-30-dark-mode-color);--subtle-button-normal-variant-primary-rank-disabled-state-icon-light-mode-color:var(--core-fill-30-light-mode-color);--subtle-button-normal-variant-primary-rank-hover-state-icon-color:var(--subtle-button-normal-variant-primary-rank-hover-state-icon-light-mode-color);--subtle-button-normal-variant-primary-rank-hover-state-icon-dark-mode-color:var(--core-fill-10-dark-mode-color);--subtle-button-normal-variant-primary-rank-hover-state-icon-light-mode-color:var(--core-fill-10-light-mode-color);--subtle-button-normal-variant-primary-rank-normal-state-icon-color:var(--subtle-button-normal-variant-primary-rank-normal-state-icon-light-mode-color);--subtle-button-normal-variant-primary-rank-normal-state-icon-dark-mode-color:var(--core-fill-20-dark-mode-color);--subtle-button-normal-variant-primary-rank-normal-state-icon-light-mode-color:var(--core-fill-20-light-mode-color);--subtle-button-normal-variant-primary-rank-pressed-state-icon-color:var(--subtle-button-normal-variant-primary-rank-pressed-state-icon-light-mode-color);--subtle-button-normal-variant-primary-rank-pressed-state-icon-dark-mode-color:var(--core-constant-gray-60-color);--subtle-button-normal-variant-primary-rank-pressed-state-icon-light-mode-color:var(--core-constant-gray-60-color);--subtle-button-padding-size:0px;--subtle-button-width-multiplier:1;--swipe-action-corner-radius:var(--core-radius-100);--swipe-action-destructive-variant-background-color:var(--swipe-action-destructive-variant-background-light-mode-color);--swipe-action-destructive-variant-background-dark-mode-color:var(--core-critical-fill-dark-mode-color);--swipe-action-destructive-variant-background-light-mode-color:var(--core-critical-fill-light-mode-color);--swipe-action-destructive-variant-foreground-color:var(--swipe-action-destructive-variant-foreground-light-mode-color);--swipe-action-destructive-variant-foreground-dark-mode-color:var(--core-text-white-dark-mode-color);--swipe-action-destructive-variant-foreground-light-mode-color:var(--core-text-white-light-mode-color);--swipe-action-primary-variant-background-color:var(--swipe-action-primary-variant-background-light-mode-color);--swipe-action-primary-variant-background-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--swipe-action-primary-variant-background-light-mode-color:var(--core-emphasis-fill-light-mode-color);--swipe-action-primary-variant-foreground-color:var(--swipe-action-primary-variant-foreground-light-mode-color);--swipe-action-primary-variant-foreground-dark-mode-color:var(--core-text-inverse-dark-mode-color);--swipe-action-primary-variant-foreground-light-mode-color:var(--core-text-inverse-light-mode-color);--swipe-action-secondary-variant-background-color:var(--swipe-action-secondary-variant-background-light-mode-color);--swipe-action-secondary-variant-background-dark-mode-color:var(--core-fill-40-dark-mode-color);--swipe-action-secondary-variant-background-light-mode-color:var(--core-fill-40-light-mode-color);--swipe-action-secondary-variant-foreground-color:var(--swipe-action-secondary-variant-foreground-light-mode-color);--swipe-action-secondary-variant-foreground-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--swipe-action-secondary-variant-foreground-light-mode-color:var(--core-emphasis-text-light-mode-color);--tabbar-accessory-disabled-state-content-color:var(--tabbar-accessory-disabled-state-content-light-mode-color);--tabbar-accessory-disabled-state-content-dark-mode-color:var(--core-text-30-dark-mode-color);--tabbar-accessory-disabled-state-content-light-mode-color:var(--core-text-30-light-mode-color);--tabbar-accessory-hover-state-content-color:var(--tabbar-accessory-hover-state-content-light-mode-color);--tabbar-accessory-hover-state-content-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--tabbar-accessory-hover-state-content-light-mode-color:var(--core-emphasis-text-light-mode-color);--tabbar-accessory-normal-state-content-color:var(--tabbar-accessory-normal-state-content-light-mode-color);--tabbar-accessory-normal-state-content-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--tabbar-accessory-normal-state-content-light-mode-color:var(--core-emphasis-text-light-mode-color);--tabbar-accessory-pressed-state-content-color:var(--tabbar-accessory-pressed-state-content-light-mode-color);--tabbar-accessory-pressed-state-content-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--tabbar-accessory-pressed-state-content-light-mode-color:var(--core-emphasis-text-light-mode-color);--tabbar-background-color:var(--tabbar-background-light-mode-color);--tabbar-background-dark-mode-color:var(--core-surface-5-dark-mode-color);--tabbar-background-light-mode-color:var(--core-surface-5-light-mode-color);--tabbar-bottom-label-style-item-spacing:var(--tabbar-icon-only-style-item-spacing);--tabbar-bottom-label-style-padding-bottom:var(--tabbar-icon-only-style-padding-bottom);--tabbar-bottom-label-style-padding-left:var(--tabbar-icon-only-style-padding-left);--tabbar-bottom-label-style-padding-right:var(--tabbar-icon-only-style-padding-right);--tabbar-bottom-label-style-padding-top:var(--tabbar-icon-only-style-padding-top);--tabbar-divider-color:var(--tabbar-divider-light-mode-color);--tabbar-divider-dark-mode-color:var(--core-divider-20-dark-mode-color);--tabbar-divider-light-mode-color:var(--core-divider-20-light-mode-color);--tabbar-divider-size:var(--core-border-10);--tabbar-icon-only-style-item-spacing:var(--core-metrics-spacing-50);--tabbar-icon-only-style-padding-bottom:var(--core-metrics-spacing-50);--tabbar-icon-only-style-padding-left:var(--core-metrics-spacing-50);--tabbar-icon-only-style-padding-right:var(--core-metrics-spacing-50);--tabbar-icon-only-style-padding-top:var(--core-metrics-spacing-50);--tabbar-item-bottom-label-style-icon-size-height:var(--core-icon-medium-size-height);--tabbar-item-bottom-label-style-icon-size-width:var(--core-icon-medium-size-width);--tabbar-item-bottom-label-style-icon-text-gap:var(--core-metrics-spacing-25);--tabbar-item-bottom-label-style-padding-bottom:var(--core-metrics-spacing-100);--tabbar-item-bottom-label-style-padding-left:var(--core-metrics-spacing-50);--tabbar-item-bottom-label-style-padding-right:var(--core-metrics-spacing-50);--tabbar-item-bottom-label-style-padding-top:var(--core-metrics-spacing-100);--tabbar-item-bottom-label-style-text-case:var(--core-type-semibold-10-case);--tabbar-item-bottom-label-style-text-font-family:var(--core-type-semibold-10-font-family);--tabbar-item-bottom-label-style-text-leading:var(--core-type-semibold-10-leading);--tabbar-item-bottom-label-style-text-number-spacing:var(--core-type-semibold-10-number-spacing);--tabbar-item-bottom-label-style-text-scale:var(--core-type-semibold-10-scale);--tabbar-item-bottom-label-style-text-size:10px;--tabbar-item-bottom-label-style-text-tracking:var(--core-type-semibold-10-tracking);--tabbar-item-bottom-label-style-text-weight:var(--core-type-semibold-10-weight);--tabbar-item-corner-radius:var(--core-radius-200);--tabbar-item-icon-only-style-icon-size-height:var(--core-icon-medium-size-height);--tabbar-item-icon-only-style-icon-size-width:var(--core-icon-medium-size-width);--tabbar-item-icon-only-style-icon-text-gap:0px;--tabbar-item-icon-only-style-padding-bottom:var(--core-metrics-spacing-150);--tabbar-item-icon-only-style-padding-left:var(--core-metrics-spacing-150);--tabbar-item-icon-only-style-padding-right:var(--core-metrics-spacing-150);--tabbar-item-icon-only-style-padding-top:var(--core-metrics-spacing-150);--tabbar-item-icon-only-style-text-case:var(--core-type-semibold-10-case);--tabbar-item-icon-only-style-text-font-family:var(--core-type-semibold-10-font-family);--tabbar-item-icon-only-style-text-leading:var(--core-type-semibold-10-leading);--tabbar-item-icon-only-style-text-number-spacing:var(--core-type-semibold-10-number-spacing);--tabbar-item-icon-only-style-text-scale:var(--core-type-semibold-10-scale);--tabbar-item-icon-only-style-text-size:10px;--tabbar-item-icon-only-style-text-tracking:var(--core-type-semibold-10-tracking);--tabbar-item-icon-only-style-text-weight:var(--core-type-semibold-10-weight);--tabbar-item-selected-value-disabled-state-background-color:var(--tabbar-item-selected-value-disabled-state-background-light-mode-color);--tabbar-item-selected-value-disabled-state-background-dark-mode-color:var(--core-transparent-dark-mode-color);--tabbar-item-selected-value-disabled-state-background-light-mode-color:var(--core-transparent-light-mode-color);--tabbar-item-selected-value-disabled-state-content-color:var(--tabbar-item-selected-value-disabled-state-content-light-mode-color);--tabbar-item-selected-value-disabled-state-content-dark-mode-color:var(--core-text-30-dark-mode-color);--tabbar-item-selected-value-disabled-state-content-light-mode-color:var(--core-text-30-light-mode-color);--tabbar-item-selected-value-hover-state-background-color:var(--tabbar-item-selected-value-hover-state-background-light-mode-color);--tabbar-item-selected-value-hover-state-background-dark-mode-color:var(--core-fill-30-dark-mode-color);--tabbar-item-selected-value-hover-state-background-light-mode-color:var(--core-fill-30-light-mode-color);--tabbar-item-selected-value-hover-state-content-color:var(--tabbar-item-selected-value-hover-state-content-light-mode-color);--tabbar-item-selected-value-hover-state-content-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--tabbar-item-selected-value-hover-state-content-light-mode-color:var(--core-emphasis-text-light-mode-color);--tabbar-item-selected-value-normal-state-background-color:var(--tabbar-item-selected-value-normal-state-background-light-mode-color);--tabbar-item-selected-value-normal-state-background-dark-mode-color:var(--core-fill-40-dark-mode-color);--tabbar-item-selected-value-normal-state-background-light-mode-color:var(--core-fill-40-light-mode-color);--tabbar-item-selected-value-normal-state-content-color:var(--tabbar-item-selected-value-normal-state-content-light-mode-color);--tabbar-item-selected-value-normal-state-content-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--tabbar-item-selected-value-normal-state-content-light-mode-color:var(--core-emphasis-text-light-mode-color);--tabbar-item-selected-value-pressed-state-background-color:var(--tabbar-item-selected-value-pressed-state-background-light-mode-color);--tabbar-item-selected-value-pressed-state-background-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--tabbar-item-selected-value-pressed-state-background-light-mode-color:var(--core-emphasis-30-light-mode-color);--tabbar-item-selected-value-pressed-state-content-color:var(--tabbar-item-selected-value-pressed-state-content-light-mode-color);--tabbar-item-selected-value-pressed-state-content-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--tabbar-item-selected-value-pressed-state-content-light-mode-color:var(--core-emphasis-text-light-mode-color);--tabbar-item-side-label-style-icon-size-height:var(--core-icon-medium-size-height);--tabbar-item-side-label-style-icon-size-width:var(--core-icon-medium-size-width);--tabbar-item-side-label-style-icon-text-gap:var(--core-metrics-spacing-100);--tabbar-item-side-label-style-padding-bottom:var(--core-metrics-spacing-100);--tabbar-item-side-label-style-padding-left:var(--core-metrics-spacing-150);--tabbar-item-side-label-style-padding-right:var(--core-metrics-spacing-150);--tabbar-item-side-label-style-padding-top:var(--core-metrics-spacing-100);--tabbar-item-side-label-style-text-case:var(--core-type-semibold-20-case);--tabbar-item-side-label-style-text-font-family:var(--core-type-semibold-20-font-family);--tabbar-item-side-label-style-text-leading:var(--core-type-semibold-20-leading);--tabbar-item-side-label-style-text-number-spacing:var(--core-type-semibold-20-number-spacing);--tabbar-item-side-label-style-text-scale:var(--core-type-semibold-20-scale);--tabbar-item-side-label-style-text-size:var(--core-type-semibold-20-size);--tabbar-item-side-label-style-text-tracking:var(--core-type-semibold-20-tracking);--tabbar-item-side-label-style-text-weight:var(--core-type-semibold-20-weight);--tabbar-item-side-label-wide-style-icon-size-height:var(--tabbar-item-side-label-style-icon-size-height);--tabbar-item-side-label-wide-style-icon-size-width:var(--tabbar-item-side-label-style-icon-size-width);--tabbar-item-side-label-wide-style-icon-text-gap:var(--tabbar-item-side-label-style-icon-text-gap);--tabbar-item-side-label-wide-style-padding-bottom:var(--core-metrics-spacing-150);--tabbar-item-side-label-wide-style-padding-left:var(--tabbar-item-side-label-style-padding-left);--tabbar-item-side-label-wide-style-padding-right:var(--tabbar-item-side-label-style-padding-right);--tabbar-item-side-label-wide-style-padding-top:var(--core-metrics-spacing-150);--tabbar-item-side-label-wide-style-text-case:var(--tabbar-item-side-label-style-text-case);--tabbar-item-side-label-wide-style-text-font-family:var(--tabbar-item-side-label-style-text-font-family);--tabbar-item-side-label-wide-style-text-leading:var(--tabbar-item-side-label-style-text-leading);--tabbar-item-side-label-wide-style-text-number-spacing:var(--tabbar-item-side-label-style-text-number-spacing);--tabbar-item-side-label-wide-style-text-scale:var(--tabbar-item-side-label-style-text-scale);--tabbar-item-side-label-wide-style-text-size:var(--tabbar-item-side-label-style-text-size);--tabbar-item-side-label-wide-style-text-tracking:var(--tabbar-item-side-label-style-text-tracking);--tabbar-item-side-label-wide-style-text-weight:var(--tabbar-item-side-label-style-text-weight);--tabbar-item-unselected-value-disabled-state-background-color:var(--tabbar-item-unselected-value-disabled-state-background-light-mode-color);--tabbar-item-unselected-value-disabled-state-background-dark-mode-color:var(--core-transparent-dark-mode-color);--tabbar-item-unselected-value-disabled-state-background-light-mode-color:var(--core-transparent-light-mode-color);--tabbar-item-unselected-value-disabled-state-content-color:var(--tabbar-item-unselected-value-disabled-state-content-light-mode-color);--tabbar-item-unselected-value-disabled-state-content-dark-mode-color:var(--core-text-30-dark-mode-color);--tabbar-item-unselected-value-disabled-state-content-light-mode-color:var(--core-text-30-light-mode-color);--tabbar-item-unselected-value-hover-state-background-color:var(--tabbar-item-unselected-value-hover-state-background-light-mode-color);--tabbar-item-unselected-value-hover-state-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--tabbar-item-unselected-value-hover-state-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--tabbar-item-unselected-value-hover-state-content-color:var(--tabbar-item-unselected-value-hover-state-content-light-mode-color);--tabbar-item-unselected-value-hover-state-content-dark-mode-color:var(--core-text-10-dark-mode-color);--tabbar-item-unselected-value-hover-state-content-light-mode-color:var(--core-text-10-light-mode-color);--tabbar-item-unselected-value-normal-state-background-color:var(--tabbar-item-unselected-value-normal-state-background-light-mode-color);--tabbar-item-unselected-value-normal-state-background-dark-mode-color:var(--core-transparent-dark-mode-color);--tabbar-item-unselected-value-normal-state-background-light-mode-color:var(--core-transparent-light-mode-color);--tabbar-item-unselected-value-normal-state-content-color:var(--tabbar-item-unselected-value-normal-state-content-light-mode-color);--tabbar-item-unselected-value-normal-state-content-dark-mode-color:var(--core-text-10-dark-mode-color);--tabbar-item-unselected-value-normal-state-content-light-mode-color:var(--core-text-10-light-mode-color);--tabbar-item-unselected-value-pressed-state-background-color:var(--tabbar-item-unselected-value-pressed-state-background-light-mode-color);--tabbar-item-unselected-value-pressed-state-background-dark-mode-color:var(--core-emphasis-30-dark-mode-color);--tabbar-item-unselected-value-pressed-state-background-light-mode-color:var(--core-emphasis-30-light-mode-color);--tabbar-item-unselected-value-pressed-state-content-color:var(--tabbar-item-unselected-value-pressed-state-content-light-mode-color);--tabbar-item-unselected-value-pressed-state-content-dark-mode-color:var(--core-text-10-dark-mode-color);--tabbar-item-unselected-value-pressed-state-content-light-mode-color:var(--core-text-10-light-mode-color);--tabbar-side-label-style-item-spacing:var(--core-metrics-spacing-150);--tabbar-side-label-style-padding-bottom:var(--core-metrics-spacing-100);--tabbar-side-label-style-padding-left:var(--core-metrics-spacing-100);--tabbar-side-label-style-padding-right:var(--core-metrics-spacing-100);--tabbar-side-label-style-padding-top:var(--core-metrics-spacing-100);--tabbar-side-label-wide-style-item-spacing:var(--tabbar-side-label-style-item-spacing);--tabbar-side-label-wide-style-padding-bottom:var(--core-metrics-spacing-150);--tabbar-side-label-wide-style-padding-left:var(--tabbar-side-label-style-padding-left);--tabbar-side-label-wide-style-padding-right:var(--tabbar-side-label-style-padding-right);--tabbar-side-label-wide-style-padding-top:var(--core-metrics-spacing-150);--table-cell-disabled-state-text-color:var(--table-cell-disabled-state-text-light-mode-color);--table-cell-disabled-state-text-dark-mode-color:var(--core-text-30-dark-mode-color);--table-cell-disabled-state-text-light-mode-color:var(--core-text-30-light-mode-color);--table-cell-focus-state-background-color:var(--table-cell-focus-state-background-light-mode-color);--table-cell-focus-state-background-dark-mode-color:var(--table-cell-hover-state-background-dark-mode-color);--table-cell-focus-state-background-light-mode-color:var(--table-cell-hover-state-background-light-mode-color);--table-cell-hover-state-background-color:var(--table-cell-hover-state-background-light-mode-color);--table-cell-hover-state-background-dark-mode-color:var(--core-fill-50-dark-mode-color);--table-cell-hover-state-background-light-mode-color:var(--core-fill-50-light-mode-color);--table-cell-pressed-state-background-color:var(--table-cell-pressed-state-background-light-mode-color);--table-cell-pressed-state-background-dark-mode-color:var(--core-emphasis-40-dark-mode-color);--table-cell-pressed-state-background-light-mode-color:var(--core-emphasis-40-light-mode-color);--table-cell-selected-state-background-color:var(--table-cell-selected-state-background-light-mode-color);--table-cell-selected-state-background-dark-mode-color:var(--core-fill-50-dark-mode-color);--table-cell-selected-state-background-light-mode-color:var(--core-fill-50-light-mode-color);--tag-basic-format-bottom-padding:7px;--tag-basic-format-left-padding:12px;--tag-basic-format-right-padding:8px;--tag-basic-format-top-padding:7px;--tag-disabled-state-background-color:var(--tag-disabled-state-light-mode-background-color);--tag-disabled-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--tag-disabled-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--tag-disabled-state-dark-mode-label-color:var(--core-text-30-dark-mode-color);--tag-disabled-state-dark-mode-remove-indicator-color:var(--core-fill-30-dark-mode-color);--tag-disabled-state-icon-color:var(--tag-disabled-state-light-mode-icon-color);--tag-disabled-state-label-color:var(--tag-disabled-state-light-mode-label-color);--tag-disabled-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--tag-disabled-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--tag-disabled-state-light-mode-label-color:var(--core-text-30-light-mode-color);--tag-disabled-state-light-mode-remove-indicator-color:var(--core-fill-30-light-mode-color);--tag-disabled-state-remove-indicator-color:var(--tag-disabled-state-light-mode-remove-indicator-color);--tag-focus-state-background-color:var(--tag-focus-state-light-mode-background-color);--tag-focus-state-dark-mode-background-color:var(--core-emphasis-40-dark-mode-color);--tag-focus-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--tag-focus-state-dark-mode-label-color:var(--core-text-10-dark-mode-color);--tag-focus-state-dark-mode-remove-indicator-color:var(--core-fill-20-dark-mode-color);--tag-focus-state-icon-color:var(--tag-focus-state-light-mode-icon-color);--tag-focus-state-label-color:var(--tag-focus-state-light-mode-label-color);--tag-focus-state-light-mode-background-color:var(--core-emphasis-40-light-mode-color);--tag-focus-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--tag-focus-state-light-mode-label-color:var(--core-text-10-light-mode-color);--tag-focus-state-light-mode-remove-indicator-color:var(--core-fill-20-light-mode-color);--tag-focus-state-remove-indicator-color:var(--tag-focus-state-light-mode-remove-indicator-color);--tag-horizontal-spacing:4px;--tag-hover-state-background-color:var(--tag-hover-state-light-mode-background-color);--tag-hover-state-dark-mode-background-color:var(--core-emphasis-40-dark-mode-color);--tag-hover-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--tag-hover-state-dark-mode-label-color:var(--core-text-10-dark-mode-color);--tag-hover-state-dark-mode-remove-indicator-color:var(--core-fill-20-dark-mode-color);--tag-hover-state-icon-color:var(--tag-hover-state-light-mode-icon-color);--tag-hover-state-label-color:var(--tag-hover-state-light-mode-label-color);--tag-hover-state-light-mode-background-color:var(--core-emphasis-40-light-mode-color);--tag-hover-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--tag-hover-state-light-mode-label-color:var(--core-text-10-light-mode-color);--tag-hover-state-light-mode-remove-indicator-color:var(--core-fill-20-light-mode-color);--tag-hover-state-remove-indicator-color:var(--tag-hover-state-light-mode-remove-indicator-color);--tag-minimum-width-multiplier:1.5;--tag-normal-state-background-color:var(--tag-normal-state-light-mode-background-color);--tag-normal-state-dark-mode-background-color:var(--core-fill-40-dark-mode-color);--tag-normal-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--tag-normal-state-dark-mode-label-color:var(--core-text-10-dark-mode-color);--tag-normal-state-dark-mode-remove-indicator-color:var(--core-fill-20-dark-mode-color);--tag-normal-state-icon-color:var(--tag-normal-state-light-mode-icon-color);--tag-normal-state-label-color:var(--tag-normal-state-light-mode-label-color);--tag-normal-state-light-mode-background-color:var(--core-fill-40-light-mode-color);--tag-normal-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--tag-normal-state-light-mode-label-color:var(--core-text-10-light-mode-color);--tag-normal-state-light-mode-remove-indicator-color:var(--core-fill-20-light-mode-color);--tag-normal-state-remove-indicator-color:var(--tag-normal-state-light-mode-remove-indicator-color);--tag-pressed-state-background-color:var(--tag-pressed-state-light-mode-background-color);--tag-pressed-state-dark-mode-background-color:var(--core-emphasis-30-dark-mode-color);--tag-pressed-state-dark-mode-icon-color:var(--core-text-10-dark-mode-color);--tag-pressed-state-dark-mode-label-color:var(--core-text-10-dark-mode-color);--tag-pressed-state-dark-mode-remove-indicator-color:var(--core-fill-20-dark-mode-color);--tag-pressed-state-icon-color:var(--tag-pressed-state-light-mode-icon-color);--tag-pressed-state-label-color:var(--tag-pressed-state-light-mode-label-color);--tag-pressed-state-light-mode-background-color:var(--core-emphasis-30-light-mode-color);--tag-pressed-state-light-mode-icon-color:var(--core-text-10-light-mode-color);--tag-pressed-state-light-mode-label-color:var(--core-text-10-light-mode-color);--tag-pressed-state-light-mode-remove-indicator-color:var(--core-fill-20-light-mode-color);--tag-pressed-state-remove-indicator-color:var(--tag-pressed-state-light-mode-remove-indicator-color);--tag-remove-indicator-height:16px;--tag-remove-indicator-icon-height:16px;--tag-remove-indicator-icon-scale:var(--core-type-paragraph-10-scale);--tag-remove-indicator-icon-width:16px;--tag-remove-indicator-scale:var(--core-type-paragraph-10-scale);--tag-remove-indicator-width:16px;--tag-text-case:var(--core-type-paragraph-10-case);--tag-text-font-family:var(--core-type-paragraph-10-font-family);--tag-text-leading:var(--core-type-paragraph-10-leading);--tag-text-number-spacing:var(--core-type-paragraph-10-number-spacing);--tag-text-scale:var(--core-type-paragraph-10-scale);--tag-text-size:var(--core-type-paragraph-10-size);--tag-text-tracking:var(--core-type-paragraph-10-tracking);--tag-text-weight:var(--core-type-paragraph-10-weight);--tag-with-icon-format-bottom-padding:8px;--tag-with-icon-format-left-padding:8px;--tag-with-icon-format-right-padding:8px;--tag-with-icon-format-top-padding:8px;--text-link-group-horizontal-spacing:var(--core-metrics-spacing-150);--text-link-group-separator-color:var(--text-link-group-separator-light-mode-color);--text-link-group-separator-dark-mode-color:var(--core-fill-10-dark-mode-color);--text-link-group-separator-height:8px;--text-link-group-separator-light-mode-color:var(--core-fill-10-light-mode-color);--text-link-group-separator-opacity:0.3;--text-link-group-separator-width:1px;--text-link-group-vertical-spacing:var(--core-metrics-spacing-200);--text-link-destructive-variant-color:var(--text-link-destructive-variant-light-mode-color);--text-link-destructive-variant-dark-mode-color:var(--core-critical-text-dark-mode-color);--text-link-destructive-variant-disabled-state-color:var(--text-link-destructive-variant-disabled-state-light-mode-color);--text-link-destructive-variant-disabled-state-dark-mode-color:var(--core-text-30-dark-mode-color);--text-link-destructive-variant-disabled-state-light-mode-color:var(--core-text-30-light-mode-color);--text-link-destructive-variant-hover-state-color:var(--text-link-destructive-variant-hover-state-light-mode-color);--text-link-destructive-variant-hover-state-dark-mode-color:var(--core-critical-20-dark-mode-color);--text-link-destructive-variant-hover-state-light-mode-color:var(--core-critical-20-light-mode-color);--text-link-destructive-variant-light-mode-color:var(--core-critical-text-light-mode-color);--text-link-destructive-variant-normal-state-color:var(--text-link-destructive-variant-normal-state-light-mode-color);--text-link-destructive-variant-normal-state-dark-mode-color:var(--core-critical-text-dark-mode-color);--text-link-destructive-variant-normal-state-light-mode-color:var(--core-critical-text-light-mode-color);--text-link-destructive-variant-pressed-state-color:var(--text-link-destructive-variant-pressed-state-light-mode-color);--text-link-destructive-variant-pressed-state-dark-mode-color:var(--core-critical-10-dark-mode-color);--text-link-destructive-variant-pressed-state-light-mode-color:var(--core-critical-10-light-mode-color);--text-link-disabled-state-opacity:0.3;--text-link-hover-state-opacity:0.6;--text-link-inline-style-disabled-state-underline-size:1px;--text-link-inline-style-hover-state-underline-size:1px;--text-link-inline-style-normal-state-underline-size:1px;--text-link-inline-style-pressed-state-underline-size:1px;--text-link-inverted-variant-disabled-state-color:var(--text-link-inverted-variant-disabled-state-light-mode-color);--text-link-inverted-variant-disabled-state-dark-mode-color:var(--core-text-30-light-mode-color);--text-link-inverted-variant-disabled-state-light-mode-color:var(--core-text-30-dark-mode-color);--text-link-inverted-variant-disabled-state-opacity:0.3;--text-link-inverted-variant-hover-state-color:var(--text-link-inverted-variant-hover-state-light-mode-color);--text-link-inverted-variant-hover-state-dark-mode-color:var(--core-constant-gray-45-color);--text-link-inverted-variant-hover-state-light-mode-color:var(--core-constant-gray-85-color);--text-link-inverted-variant-normal-state-color:var(--text-link-inverted-variant-normal-state-light-mode-color);--text-link-inverted-variant-normal-state-dark-mode-color:var(--core-emphasis-text-light-mode-color);--text-link-inverted-variant-normal-state-light-mode-color:var(--core-emphasis-text-dark-mode-color);--text-link-inverted-variant-pressed-state-color:var(--text-link-inverted-variant-pressed-state-light-mode-color);--text-link-inverted-variant-pressed-state-dark-mode-color:767676;--text-link-inverted-variant-pressed-state-light-mode-color:var(--core-constant-gray-60-color);--text-link-medium-size-text-case:var(--core-type-semibold-30-case);--text-link-medium-size-text-font-family:var(--core-type-semibold-30-font-family);--text-link-medium-size-text-leading:var(--core-type-semibold-30-leading);--text-link-medium-size-text-number-spacing:var(--core-type-semibold-30-number-spacing);--text-link-medium-size-text-scale:var(--core-type-semibold-30-scale);--text-link-medium-size-text-size:var(--core-type-semibold-30-size);--text-link-medium-size-text-tracking:var(--core-type-semibold-30-tracking);--text-link-medium-size-text-weight:var(--core-type-semibold-30-weight);--text-link-medium-size-vertical-padding:0px;--text-link-normal-state-opacity:1;--text-link-normal-variant-color:var(--text-link-normal-variant-light-mode-color);--text-link-normal-variant-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--text-link-normal-variant-disabled-state-color:var(--text-link-normal-variant-disabled-state-light-mode-color);--text-link-normal-variant-disabled-state-dark-mode-color:var(--core-text-30-dark-mode-color);--text-link-normal-variant-disabled-state-light-mode-color:var(--core-text-30-light-mode-color);--text-link-normal-variant-hover-state-color:var(--text-link-normal-variant-hover-state-light-mode-color);--text-link-normal-variant-hover-state-dark-mode-color:var(--core-constant-gray-85-color);--text-link-normal-variant-hover-state-light-mode-color:var(--core-constant-gray-45-color);--text-link-normal-variant-light-mode-color:var(--core-emphasis-text-light-mode-color);--text-link-normal-variant-normal-state-color:var(--text-link-normal-variant-normal-state-light-mode-color);--text-link-normal-variant-normal-state-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--text-link-normal-variant-normal-state-light-mode-color:var(--core-emphasis-text-light-mode-color);--text-link-normal-variant-pressed-state-color:var(--text-link-normal-variant-pressed-state-light-mode-color);--text-link-normal-variant-pressed-state-dark-mode-color:var(--core-constant-gray-60-color);--text-link-normal-variant-pressed-state-light-mode-color:#767676;--text-link-pressed-state-opacity:0.6;--text-link-small-size-text-case:var(--core-type-semibold-20-case);--text-link-small-size-text-font-family:var(--core-type-semibold-20-font-family);--text-link-small-size-text-leading:var(--core-type-semibold-20-leading);--text-link-small-size-text-number-spacing:var(--core-type-semibold-20-number-spacing);--text-link-small-size-text-scale:var(--core-type-semibold-20-scale);--text-link-small-size-text-size:var(--core-type-semibold-20-size);--text-link-small-size-text-tracking:var(--core-type-semibold-20-tracking);--text-link-small-size-text-weight:var(--core-type-semibold-20-weight);--text-link-small-size-vertical-padding:0px;--text-link-standalone-style-disabled-state-underline-size:1px;--text-link-standalone-style-hover-state-underline-size:1px;--text-link-standalone-style-normal-state-underline-size:1px;--text-link-standalone-style-pressed-state-underline-size:1px;--textarea-font-case:var(--core-type-paragraph-30-case);--textarea-font-font-family:var(--core-type-paragraph-30-font-family);--textarea-font-leading:var(--core-type-paragraph-30-leading);--textarea-font-number-spacing:var(--core-type-paragraph-30-number-spacing);--textarea-font-scale:var(--core-type-paragraph-30-scale);--textarea-font-size:var(--core-type-paragraph-30-size);--textarea-font-tracking:var(--core-type-paragraph-30-tracking);--textarea-font-weight:var(--core-type-paragraph-30-weight);--textarea-height:112px;--textarea-maximum-height:320px;--textarea-min-height:var(--textarea-minimum-height);--textarea-minimum-height:var(--textarea-height);--textarea-placeholder-color:var(--textarea-placeholder-light-mode-color);--textarea-placeholder-dark-mode-color:var(--core-fill-30-dark-mode-color);--textarea-placeholder-light-mode-color:var(--core-fill-30-light-mode-color);--textarea-selection-caret-color:var(--textarea-selection-caret-light-mode-color);--textarea-selection-caret-dark-mode-color:var(--textarea-selection-text-cursor-dark-mode-color);--textarea-selection-caret-light-mode-color:var(--textarea-selection-text-cursor-light-mode-color);--textarea-selection-highlight-color:var(--textarea-selection-highlight-light-mode-color);--textarea-selection-highlight-dark-mode-color:var(--core-fill-30-dark-mode-color);--textarea-selection-highlight-light-mode-color:var(--core-fill-30-light-mode-color);--textarea-selection-text-cursor-color:var(--textarea-selection-text-cursor-light-mode-color);--textarea-selection-text-cursor-dark-mode-color:var(--core-text-10-dark-mode-color);--textarea-selection-text-cursor-light-mode-color:var(--core-text-10-light-mode-color);--toast-accent-color:var(--toast-accent-light-mode-color);--toast-accent-dark-mode-color:var(--core-fill-10-dark-mode-color);--toast-accent-light-mode-color:var(--core-fill-10-light-mode-color);--toast-background-color:var(--toast-background-light-mode-color);--toast-background-dark-mode-color:var(--core-surface-inverse-dark-mode-color);--toast-background-light-mode-color:var(--core-surface-inverse-light-mode-color);--toast-button-gap:var(--core-metrics-spacing-150);--toast-button-spacing:var(--toast-button-gap);--toast-button-text-case:var(--core-type-semibold-30-case);--toast-button-text-font-family:var(--core-type-semibold-30-font-family);--toast-button-text-leading:var(--core-type-semibold-30-leading);--toast-button-text-number-spacing:var(--core-type-semibold-30-number-spacing);--toast-button-text-scale:var(--core-type-semibold-30-scale);--toast-button-text-size:var(--core-type-semibold-30-size);--toast-button-text-tracking:var(--core-type-semibold-30-tracking);--toast-button-text-weight:var(--core-type-semibold-30-weight);--toast-content-gap:var(--core-metrics-spacing-150);--toast-content-spacing:var(--toast-content-gap);--toast-critical-variant-accent-color:var(--toast-critical-variant-accent-light-mode-color);--toast-critical-variant-accent-dark-mode-color:var(--core-fill-white-dark-mode-color);--toast-critical-variant-accent-light-mode-color:var(--core-fill-white-light-mode-color);--toast-critical-variant-background-color:var(--toast-critical-variant-background-light-mode-color);--toast-critical-variant-background-dark-mode-color:var(--core-critical-fill-dark-mode-color);--toast-critical-variant-background-light-mode-color:var(--core-critical-fill-light-mode-color);--toast-critical-variant-button-text-color:var(--toast-critical-variant-button-text-light-mode-color);--toast-critical-variant-button-text-dark-mode-color:var(--toast-critical-variant-link-dark-mode-color);--toast-critical-variant-button-text-light-mode-color:var(--toast-critical-variant-link-light-mode-color);--toast-critical-variant-dismiss-button-color:var(--toast-critical-variant-dismiss-button-light-mode-color);--toast-critical-variant-dismiss-button-dark-mode-color:var(--core-fill-white-dark-mode-color);--toast-critical-variant-dismiss-button-light-mode-color:var(--core-fill-white-light-mode-color);--toast-critical-variant-icon-color:var(--toast-critical-variant-icon-light-mode-color);--toast-critical-variant-icon-dark-mode-color:var(--core-fill-white-dark-mode-color);--toast-critical-variant-icon-light-mode-color:var(--core-fill-white-light-mode-color);--toast-critical-variant-link-color:var(--toast-critical-variant-link-light-mode-color);--toast-critical-variant-link-dark-mode-color:var(--core-text-white-dark-mode-color);--toast-critical-variant-link-light-mode-color:var(--core-text-white-light-mode-color);--toast-critical-variant-progress-bar-color:var(--toast-critical-variant-progress-bar-light-mode-color);--toast-critical-variant-progress-bar-dark-mode-color:var(--toast-critical-variant-accent-dark-mode-color);--toast-critical-variant-progress-bar-light-mode-color:var(--toast-critical-variant-accent-light-mode-color);--toast-critical-variant-separator-color:var(--toast-critical-variant-separator-light-mode-color);--toast-critical-variant-separator-dark-mode-color:var(--toast-critical-variant-link-dark-mode-color);--toast-critical-variant-separator-light-mode-color:var(--toast-critical-variant-link-light-mode-color);--toast-critical-variant-text-color:var(--toast-critical-variant-text-light-mode-color);--toast-critical-variant-text-dark-mode-color:var(--core-text-white-dark-mode-color);--toast-critical-variant-text-light-mode-color:var(--core-text-white-light-mode-color);--toast-dismiss-button-color:var(--toast-dismiss-button-light-mode-color);--toast-dismiss-button-dark-mode-color:var(--core-text-inverse-dark-mode-color);--toast-dismiss-button-light-mode-color:var(--core-text-inverse-light-mode-color);--toast-dismissal-delay-long-duration:10.00s;--toast-dismissal-delay-medium-duration:5.00s;--toast-dismissal-delay-short-duration:2.00s;--toast-horizontal-padding:var(--core-metrics-spacing-200);--toast-horizontal-padding-size:var(--toast-horizontal-padding);--toast-icon-color:var(--toast-icon-light-mode-color);--toast-icon-dark-mode-color:var(--toast-accent-dark-mode-color);--toast-icon-gap:var(--core-metrics-spacing-150);--toast-icon-light-mode-color:var(--toast-accent-light-mode-color);--toast-icon-spacing:var(--toast-icon-gap);--toast-info-variant-accent-color:var(--toast-info-variant-accent-light-mode-color);--toast-info-variant-accent-dark-mode-color:var(--core-emphasis-fill-dark-mode-color);--toast-info-variant-accent-light-mode-color:var(--core-emphasis-fill-light-mode-color);--toast-info-variant-background-color:var(--toast-info-variant-background-light-mode-color);--toast-info-variant-background-dark-mode-color:var(--toast-background-dark-mode-color);--toast-info-variant-background-light-mode-color:var(--toast-background-light-mode-color);--toast-info-variant-button-text-case:var(--toast-info-variant-link-case);--toast-info-variant-button-text-color:var(--toast-info-variant-button-text-light-mode-color);--toast-info-variant-button-text-dark-mode-color:var(--toast-info-variant-link-dark-mode-color);--toast-info-variant-button-text-font-family:var(--toast-info-variant-link-font-family);--toast-info-variant-button-text-leading:var(--toast-info-variant-link-leading);--toast-info-variant-button-text-light-mode-color:var(--toast-info-variant-link-light-mode-color);--toast-info-variant-button-text-multiline-gap:var(--toast-info-variant-link-multiline-gap);--toast-info-variant-button-text-multiline-spacing:var(--toast-info-variant-link-multiline-spacing);--toast-info-variant-button-text-number-spacing:var(--toast-info-variant-link-number-spacing);--toast-info-variant-button-text-scale:var(--toast-info-variant-link-scale);--toast-info-variant-button-text-size:var(--toast-info-variant-link-size);--toast-info-variant-button-text-tracking:var(--toast-info-variant-link-tracking);--toast-info-variant-button-text-weight:var(--toast-info-variant-link-weight);--toast-info-variant-dismiss-button-color:var(--toast-info-variant-dismiss-button-light-mode-color);--toast-info-variant-dismiss-button-dark-mode-color:var(--toast-dismiss-button-dark-mode-color);--toast-info-variant-dismiss-button-light-mode-color:var(--toast-dismiss-button-light-mode-color);--toast-info-variant-icon-color:var(--toast-info-variant-icon-light-mode-color);--toast-info-variant-icon-dark-mode-color:var(--core-text-inverse-dark-mode-color);--toast-info-variant-icon-light-mode-color:var(--core-text-inverse-light-mode-color);--toast-info-variant-link-case:var(--toast-info-variant-text-case);--toast-info-variant-link-color:var(--toast-info-variant-link-light-mode-color);--toast-info-variant-link-dark-mode-color:var(--toast-info-variant-text-dark-mode-color);--toast-info-variant-link-font-family:var(--toast-info-variant-text-font-family);--toast-info-variant-link-leading:var(--toast-info-variant-text-leading);--toast-info-variant-link-light-mode-color:var(--toast-info-variant-text-light-mode-color);--toast-info-variant-link-multiline-gap:var(--toast-info-variant-text-multiline-gap);--toast-info-variant-link-multiline-spacing:var(--toast-info-variant-text-multiline-spacing);--toast-info-variant-link-number-spacing:var(--toast-info-variant-text-number-spacing);--toast-info-variant-link-scale:var(--toast-info-variant-text-scale);--toast-info-variant-link-size:var(--toast-info-variant-text-size);--toast-info-variant-link-tracking:var(--toast-info-variant-text-tracking);--toast-info-variant-link-weight:var(--toast-info-variant-text-weight);--toast-info-variant-progress-bar-color:var(--toast-info-variant-progress-bar-light-mode-color);--toast-info-variant-progress-bar-dark-mode-color:var(--core-fill-40-dark-mode-color);--toast-info-variant-progress-bar-light-mode-color:var(--core-fill-40-light-mode-color);--toast-info-variant-separator-case:var(--toast-info-variant-link-case);--toast-info-variant-separator-color:var(--toast-info-variant-separator-light-mode-color);--toast-info-variant-separator-dark-mode-color:var(--toast-info-variant-link-dark-mode-color);--toast-info-variant-separator-font-family:var(--toast-info-variant-link-font-family);--toast-info-variant-separator-leading:var(--toast-info-variant-link-leading);--toast-info-variant-separator-light-mode-color:var(--toast-info-variant-link-light-mode-color);--toast-info-variant-separator-multiline-gap:var(--toast-info-variant-link-multiline-gap);--toast-info-variant-separator-multiline-spacing:var(--toast-info-variant-link-multiline-spacing);--toast-info-variant-separator-number-spacing:var(--toast-info-variant-link-number-spacing);--toast-info-variant-separator-scale:var(--toast-info-variant-link-scale);--toast-info-variant-separator-size:var(--toast-info-variant-link-size);--toast-info-variant-separator-tracking:var(--toast-info-variant-link-tracking);--toast-info-variant-separator-weight:var(--toast-info-variant-link-weight);--toast-info-variant-text-case:var(--toast-text-case);--toast-info-variant-text-color:var(--toast-info-variant-text-light-mode-color);--toast-info-variant-text-dark-mode-color:var(--toast-text-dark-mode-color);--toast-info-variant-text-font-family:var(--toast-text-font-family);--toast-info-variant-text-leading:var(--toast-text-leading);--toast-info-variant-text-light-mode-color:var(--toast-text-light-mode-color);--toast-info-variant-text-multiline-gap:var(--toast-text-multiline-gap);--toast-info-variant-text-multiline-spacing:var(--toast-text-multiline-spacing);--toast-info-variant-text-number-spacing:var(--toast-text-number-spacing);--toast-info-variant-text-scale:var(--toast-text-scale);--toast-info-variant-text-size:var(--toast-text-size);--toast-info-variant-text-tracking:var(--toast-text-tracking);--toast-info-variant-text-weight:var(--toast-text-weight);--toast-insight-variant-accent-color:var(--toast-insight-variant-accent-light-mode-color);--toast-insight-variant-accent-dark-mode-color:var(--core-purple-fill-dark-mode-color);--toast-insight-variant-accent-light-mode-color:var(--core-purple-fill-light-mode-color);--toast-insight-variant-background-color:var(--toast-insight-variant-background-light-mode-color);--toast-insight-variant-background-dark-mode-color:var(--core-surface-10-dark-mode-color);--toast-insight-variant-background-light-mode-color:var(--core-surface-10-light-mode-color);--toast-insight-variant-button-text-color:var(--toast-insight-variant-button-text-light-mode-color);--toast-insight-variant-button-text-dark-mode-color:var(--toast-insight-variant-link-dark-mode-color);--toast-insight-variant-button-text-light-mode-color:var(--toast-insight-variant-link-light-mode-color);--toast-insight-variant-dismiss-button-color:var(--toast-insight-variant-dismiss-button-light-mode-color);--toast-insight-variant-dismiss-button-dark-mode-color:var(--core-fill-10-dark-mode-color);--toast-insight-variant-dismiss-button-light-mode-color:var(--core-fill-10-light-mode-color);--toast-insight-variant-icon-color:var(--toast-insight-variant-icon-light-mode-color);--toast-insight-variant-icon-dark-mode-color:var(--toast-insight-variant-accent-dark-mode-color);--toast-insight-variant-icon-light-mode-color:var(--toast-insight-variant-accent-light-mode-color);--toast-insight-variant-link-color:var(--toast-insight-variant-link-light-mode-color);--toast-insight-variant-link-dark-mode-color:var(--toast-insight-variant-text-dark-mode-color);--toast-insight-variant-link-light-mode-color:var(--toast-insight-variant-text-light-mode-color);--toast-insight-variant-progress-bar-color:var(--toast-insight-variant-progress-bar-light-mode-color);--toast-insight-variant-progress-bar-dark-mode-color:var(--toast-insight-variant-accent-dark-mode-color);--toast-insight-variant-progress-bar-light-mode-color:var(--toast-insight-variant-accent-light-mode-color);--toast-insight-variant-separator-color:var(--toast-insight-variant-separator-light-mode-color);--toast-insight-variant-separator-dark-mode-color:var(--toast-insight-variant-link-dark-mode-color);--toast-insight-variant-separator-light-mode-color:var(--toast-insight-variant-link-light-mode-color);--toast-insight-variant-text-color:var(--toast-insight-variant-text-light-mode-color);--toast-insight-variant-text-dark-mode-color:var(--core-text-10-dark-mode-color);--toast-insight-variant-text-light-mode-color:var(--core-text-10-light-mode-color);--toast-link-destructive-variant-color:var(--toast-link-destructive-variant-light-mode-color);--toast-link-destructive-variant-dark-mode-color:var(--text-link-destructive-variant-dark-mode-color);--toast-link-destructive-variant-disabled-state-color:var(--toast-link-destructive-variant-disabled-state-light-mode-color);--toast-link-destructive-variant-disabled-state-dark-mode-color:var(--text-link-destructive-variant-disabled-state-dark-mode-color);--toast-link-destructive-variant-disabled-state-light-mode-color:var(--text-link-destructive-variant-disabled-state-light-mode-color);--toast-link-destructive-variant-hover-state-color:var(--toast-link-destructive-variant-hover-state-light-mode-color);--toast-link-destructive-variant-hover-state-dark-mode-color:var(--text-link-destructive-variant-hover-state-dark-mode-color);--toast-link-destructive-variant-hover-state-light-mode-color:var(--text-link-destructive-variant-hover-state-light-mode-color);--toast-link-destructive-variant-light-mode-color:var(--text-link-destructive-variant-light-mode-color);--toast-link-destructive-variant-normal-state-color:var(--toast-link-destructive-variant-normal-state-light-mode-color);--toast-link-destructive-variant-normal-state-dark-mode-color:var(--text-link-destructive-variant-normal-state-dark-mode-color);--toast-link-destructive-variant-normal-state-light-mode-color:var(--text-link-destructive-variant-normal-state-light-mode-color);--toast-link-destructive-variant-pressed-state-color:var(--toast-link-destructive-variant-pressed-state-light-mode-color);--toast-link-destructive-variant-pressed-state-dark-mode-color:var(--text-link-destructive-variant-pressed-state-dark-mode-color);--toast-link-destructive-variant-pressed-state-light-mode-color:var(--text-link-destructive-variant-pressed-state-light-mode-color);--toast-link-disabled-state-opacity:var(--text-link-disabled-state-opacity);--toast-link-hover-state-opacity:var(--text-link-hover-state-opacity);--toast-link-inline-style-disabled-state-underline-size:var(--text-link-inline-style-disabled-state-underline-size);--toast-link-inline-style-hover-state-underline-size:var(--text-link-inline-style-hover-state-underline-size);--toast-link-inline-style-normal-state-underline-size:var(--text-link-inline-style-normal-state-underline-size);--toast-link-inline-style-pressed-state-underline-size:var(--text-link-inline-style-pressed-state-underline-size);--toast-link-inverted-variant-disabled-state-color:var(--toast-link-inverted-variant-disabled-state-light-mode-color);--toast-link-inverted-variant-disabled-state-dark-mode-color:var(--text-link-inverted-variant-disabled-state-dark-mode-color);--toast-link-inverted-variant-disabled-state-light-mode-color:var(--text-link-inverted-variant-disabled-state-light-mode-color);--toast-link-inverted-variant-disabled-state-opacity:var(--text-link-inverted-variant-disabled-state-opacity);--toast-link-inverted-variant-hover-state-color:var(--toast-link-inverted-variant-hover-state-light-mode-color);--toast-link-inverted-variant-hover-state-dark-mode-color:var(--text-link-inverted-variant-hover-state-dark-mode-color);--toast-link-inverted-variant-hover-state-light-mode-color:var(--text-link-inverted-variant-hover-state-light-mode-color);--toast-link-inverted-variant-normal-state-color:var(--toast-link-inverted-variant-normal-state-light-mode-color);--toast-link-inverted-variant-normal-state-dark-mode-color:var(--text-link-inverted-variant-normal-state-dark-mode-color);--toast-link-inverted-variant-normal-state-light-mode-color:var(--text-link-inverted-variant-normal-state-light-mode-color);--toast-link-inverted-variant-pressed-state-color:var(--toast-link-inverted-variant-pressed-state-light-mode-color);--toast-link-inverted-variant-pressed-state-dark-mode-color:var(--text-link-inverted-variant-pressed-state-dark-mode-color);--toast-link-inverted-variant-pressed-state-light-mode-color:var(--text-link-inverted-variant-pressed-state-light-mode-color);--toast-link-medium-size-text-case:var(--text-link-medium-size-text-case);--toast-link-medium-size-text-font-family:var(--text-link-medium-size-text-font-family);--toast-link-medium-size-text-leading:var(--text-link-medium-size-text-leading);--toast-link-medium-size-text-number-spacing:var(--text-link-medium-size-text-number-spacing);--toast-link-medium-size-text-scale:var(--text-link-medium-size-text-scale);--toast-link-medium-size-text-size:var(--text-link-medium-size-text-size);--toast-link-medium-size-text-tracking:var(--text-link-medium-size-text-tracking);--toast-link-medium-size-text-weight:var(--text-link-medium-size-text-weight);--toast-link-medium-size-vertical-padding:var(--text-link-medium-size-vertical-padding);--toast-link-normal-state-opacity:var(--text-link-normal-state-opacity);--toast-link-normal-variant-color:var(--toast-link-normal-variant-light-mode-color);--toast-link-normal-variant-dark-mode-color:var(--text-link-normal-variant-dark-mode-color);--toast-link-normal-variant-disabled-state-color:var(--toast-link-normal-variant-disabled-state-light-mode-color);--toast-link-normal-variant-disabled-state-dark-mode-color:var(--text-link-normal-variant-disabled-state-dark-mode-color);--toast-link-normal-variant-disabled-state-light-mode-color:var(--text-link-normal-variant-disabled-state-light-mode-color);--toast-link-normal-variant-hover-state-color:var(--toast-link-normal-variant-hover-state-light-mode-color);--toast-link-normal-variant-hover-state-dark-mode-color:var(--text-link-normal-variant-hover-state-dark-mode-color);--toast-link-normal-variant-hover-state-light-mode-color:var(--text-link-normal-variant-hover-state-light-mode-color);--toast-link-normal-variant-light-mode-color:var(--text-link-normal-variant-light-mode-color);--toast-link-normal-variant-normal-state-color:var(--toast-link-normal-variant-normal-state-light-mode-color);--toast-link-normal-variant-normal-state-dark-mode-color:var(--text-link-normal-variant-normal-state-dark-mode-color);--toast-link-normal-variant-normal-state-light-mode-color:var(--text-link-normal-variant-normal-state-light-mode-color);--toast-link-normal-variant-pressed-state-color:var(--toast-link-normal-variant-pressed-state-light-mode-color);--toast-link-normal-variant-pressed-state-dark-mode-color:var(--text-link-normal-variant-pressed-state-dark-mode-color);--toast-link-normal-variant-pressed-state-light-mode-color:var(--text-link-normal-variant-pressed-state-light-mode-color);--toast-link-pressed-state-opacity:var(--text-link-pressed-state-opacity);--toast-link-small-size-text-case:var(--text-link-small-size-text-case);--toast-link-small-size-text-font-family:var(--text-link-small-size-text-font-family);--toast-link-small-size-text-leading:var(--text-link-small-size-text-leading);--toast-link-small-size-text-number-spacing:var(--text-link-small-size-text-number-spacing);--toast-link-small-size-text-scale:var(--text-link-small-size-text-scale);--toast-link-small-size-text-size:var(--text-link-small-size-text-size);--toast-link-small-size-text-tracking:var(--text-link-small-size-text-tracking);--toast-link-small-size-text-weight:var(--text-link-small-size-text-weight);--toast-link-small-size-vertical-padding:var(--text-link-small-size-vertical-padding);--toast-link-standalone-style-disabled-state-underline-size:var(--text-link-standalone-style-disabled-state-underline-size);--toast-link-standalone-style-hover-state-underline-size:var(--text-link-standalone-style-hover-state-underline-size);--toast-link-standalone-style-normal-state-underline-size:var(--text-link-standalone-style-normal-state-underline-size);--toast-link-standalone-style-pressed-state-underline-size:var(--text-link-standalone-style-pressed-state-underline-size);--toast-maximum-width:600px;--toast-progress-bar-color:var(--toast-progress-bar-light-mode-color);--toast-progress-bar-dark-mode-color:var(--core-fill-inverse-dark-mode-color);--toast-progress-bar-height:var(--core-metrics-spacing-50);--toast-progress-bar-light-mode-color:var(--core-fill-inverse-light-mode-color);--toast-radius:var(--core-radius-200);--toast-separator-height:var(--core-metrics-spacing-100);--toast-separator-opacity:0.3;--toast-separator-width:1px;--toast-success-variant-accent-color:var(--toast-success-variant-accent-light-mode-color);--toast-success-variant-accent-dark-mode-color:var(--core-success-fill-dark-mode-color);--toast-success-variant-accent-light-mode-color:var(--core-success-fill-light-mode-color);--toast-success-variant-background-color:var(--toast-success-variant-background-light-mode-color);--toast-success-variant-background-dark-mode-color:var(--toast-background-dark-mode-color);--toast-success-variant-background-light-mode-color:var(--toast-background-light-mode-color);--toast-success-variant-button-text-case:var(--toast-success-variant-link-case);--toast-success-variant-button-text-color:var(--toast-success-variant-button-text-light-mode-color);--toast-success-variant-button-text-dark-mode-color:var(--toast-success-variant-link-dark-mode-color);--toast-success-variant-button-text-font-family:var(--toast-success-variant-link-font-family);--toast-success-variant-button-text-leading:var(--toast-success-variant-link-leading);--toast-success-variant-button-text-light-mode-color:var(--toast-success-variant-link-light-mode-color);--toast-success-variant-button-text-multiline-gap:var(--toast-success-variant-link-multiline-gap);--toast-success-variant-button-text-multiline-spacing:var(--toast-success-variant-link-multiline-spacing);--toast-success-variant-button-text-number-spacing:var(--toast-success-variant-link-number-spacing);--toast-success-variant-button-text-scale:var(--toast-success-variant-link-scale);--toast-success-variant-button-text-size:var(--toast-success-variant-link-size);--toast-success-variant-button-text-tracking:var(--toast-success-variant-link-tracking);--toast-success-variant-button-text-weight:var(--toast-success-variant-link-weight);--toast-success-variant-dismiss-button-color:var(--toast-success-variant-dismiss-button-light-mode-color);--toast-success-variant-dismiss-button-dark-mode-color:var(--toast-dismiss-button-dark-mode-color);--toast-success-variant-dismiss-button-light-mode-color:var(--toast-dismiss-button-light-mode-color);--toast-success-variant-icon-color:var(--toast-success-variant-icon-light-mode-color);--toast-success-variant-icon-dark-mode-color:var(--toast-success-variant-accent-dark-mode-color);--toast-success-variant-icon-light-mode-color:var(--toast-success-variant-accent-light-mode-color);--toast-success-variant-link-case:var(--toast-success-variant-text-case);--toast-success-variant-link-color:var(--toast-success-variant-link-light-mode-color);--toast-success-variant-link-dark-mode-color:var(--toast-success-variant-text-dark-mode-color);--toast-success-variant-link-font-family:var(--toast-success-variant-text-font-family);--toast-success-variant-link-leading:var(--toast-success-variant-text-leading);--toast-success-variant-link-light-mode-color:var(--toast-success-variant-text-light-mode-color);--toast-success-variant-link-multiline-gap:var(--toast-success-variant-text-multiline-gap);--toast-success-variant-link-multiline-spacing:var(--toast-success-variant-text-multiline-spacing);--toast-success-variant-link-number-spacing:var(--toast-success-variant-text-number-spacing);--toast-success-variant-link-scale:var(--toast-success-variant-text-scale);--toast-success-variant-link-size:var(--toast-success-variant-text-size);--toast-success-variant-link-tracking:var(--toast-success-variant-text-tracking);--toast-success-variant-link-weight:var(--toast-success-variant-text-weight);--toast-success-variant-progress-bar-color:var(--toast-success-variant-progress-bar-light-mode-color);--toast-success-variant-progress-bar-dark-mode-color:var(--toast-success-variant-accent-dark-mode-color);--toast-success-variant-progress-bar-light-mode-color:var(--toast-success-variant-accent-light-mode-color);--toast-success-variant-separator-case:var(--toast-success-variant-link-case);--toast-success-variant-separator-color:var(--toast-success-variant-separator-light-mode-color);--toast-success-variant-separator-dark-mode-color:var(--toast-success-variant-link-dark-mode-color);--toast-success-variant-separator-font-family:var(--toast-success-variant-link-font-family);--toast-success-variant-separator-leading:var(--toast-success-variant-link-leading);--toast-success-variant-separator-light-mode-color:var(--toast-success-variant-link-light-mode-color);--toast-success-variant-separator-multiline-gap:var(--toast-success-variant-link-multiline-gap);--toast-success-variant-separator-multiline-spacing:var(--toast-success-variant-link-multiline-spacing);--toast-success-variant-separator-number-spacing:var(--toast-success-variant-link-number-spacing);--toast-success-variant-separator-scale:var(--toast-success-variant-link-scale);--toast-success-variant-separator-size:var(--toast-success-variant-link-size);--toast-success-variant-separator-tracking:var(--toast-success-variant-link-tracking);--toast-success-variant-separator-weight:var(--toast-success-variant-link-weight);--toast-success-variant-text-case:var(--toast-text-case);--toast-success-variant-text-color:var(--toast-success-variant-text-light-mode-color);--toast-success-variant-text-dark-mode-color:var(--toast-text-dark-mode-color);--toast-success-variant-text-font-family:var(--toast-text-font-family);--toast-success-variant-text-leading:var(--toast-text-leading);--toast-success-variant-text-light-mode-color:var(--toast-text-light-mode-color);--toast-success-variant-text-multiline-gap:var(--toast-text-multiline-gap);--toast-success-variant-text-multiline-spacing:var(--toast-text-multiline-spacing);--toast-success-variant-text-number-spacing:var(--toast-text-number-spacing);--toast-success-variant-text-scale:var(--toast-text-scale);--toast-success-variant-text-size:var(--toast-text-size);--toast-success-variant-text-tracking:var(--toast-text-tracking);--toast-success-variant-text-weight:var(--toast-text-weight);--toast-text-case:var(--core-type-paragraph-30-case);--toast-text-color:var(--toast-text-light-mode-color);--toast-text-dark-mode-color:var(--core-text-inverse-dark-mode-color);--toast-text-font-family:var(--core-type-paragraph-30-font-family);--toast-text-leading:var(--core-type-paragraph-30-leading);--toast-text-light-mode-color:var(--core-text-inverse-light-mode-color);--toast-text-multiline-gap:var(--core-metrics-spacing-150);--toast-text-multiline-spacing:var(--toast-text-multiline-gap);--toast-text-number-spacing:var(--core-type-paragraph-30-number-spacing);--toast-text-scale:var(--core-type-paragraph-30-scale);--toast-text-size:var(--core-type-paragraph-30-size);--toast-text-tracking:var(--core-type-paragraph-30-tracking);--toast-text-weight:var(--core-type-paragraph-30-weight);--toast-vertical-padding:var(--core-metrics-spacing-200);--toast-vertical-padding-size:var(--toast-vertical-padding);--toast-warning-variant-accent-color:var(--toast-warning-variant-accent-light-mode-color);--toast-warning-variant-accent-dark-mode-color:var(--core-warning-fill-dark-mode-color);--toast-warning-variant-accent-light-mode-color:var(--core-warning-fill-light-mode-color);--toast-warning-variant-background-color:var(--toast-warning-variant-background-light-mode-color);--toast-warning-variant-background-dark-mode-color:var(--toast-background-dark-mode-color);--toast-warning-variant-background-light-mode-color:var(--toast-background-light-mode-color);--toast-warning-variant-button-text-case:var(--toast-warning-variant-link-case);--toast-warning-variant-button-text-color:var(--toast-warning-variant-button-text-light-mode-color);--toast-warning-variant-button-text-dark-mode-color:var(--toast-warning-variant-link-dark-mode-color);--toast-warning-variant-button-text-font-family:var(--toast-warning-variant-link-font-family);--toast-warning-variant-button-text-leading:var(--toast-warning-variant-link-leading);--toast-warning-variant-button-text-light-mode-color:var(--toast-warning-variant-link-light-mode-color);--toast-warning-variant-button-text-multiline-gap:var(--toast-warning-variant-link-multiline-gap);--toast-warning-variant-button-text-multiline-spacing:var(--toast-warning-variant-link-multiline-spacing);--toast-warning-variant-button-text-number-spacing:var(--toast-warning-variant-link-number-spacing);--toast-warning-variant-button-text-scale:var(--toast-warning-variant-link-scale);--toast-warning-variant-button-text-size:var(--toast-warning-variant-link-size);--toast-warning-variant-button-text-tracking:var(--toast-warning-variant-link-tracking);--toast-warning-variant-button-text-weight:var(--toast-warning-variant-link-weight);--toast-warning-variant-dismiss-button-color:var(--toast-warning-variant-dismiss-button-light-mode-color);--toast-warning-variant-dismiss-button-dark-mode-color:var(--toast-dismiss-button-dark-mode-color);--toast-warning-variant-dismiss-button-light-mode-color:var(--toast-dismiss-button-light-mode-color);--toast-warning-variant-icon-color:var(--toast-warning-variant-icon-light-mode-color);--toast-warning-variant-icon-dark-mode-color:var(--toast-warning-variant-accent-dark-mode-color);--toast-warning-variant-icon-light-mode-color:var(--toast-warning-variant-accent-light-mode-color);--toast-warning-variant-link-case:var(--toast-warning-variant-text-case);--toast-warning-variant-link-color:var(--toast-warning-variant-link-light-mode-color);--toast-warning-variant-link-dark-mode-color:var(--toast-warning-variant-text-dark-mode-color);--toast-warning-variant-link-font-family:var(--toast-warning-variant-text-font-family);--toast-warning-variant-link-leading:var(--toast-warning-variant-text-leading);--toast-warning-variant-link-light-mode-color:var(--toast-warning-variant-text-light-mode-color);--toast-warning-variant-link-multiline-gap:var(--toast-warning-variant-text-multiline-gap);--toast-warning-variant-link-multiline-spacing:var(--toast-warning-variant-text-multiline-spacing);--toast-warning-variant-link-number-spacing:var(--toast-warning-variant-text-number-spacing);--toast-warning-variant-link-scale:var(--toast-warning-variant-text-scale);--toast-warning-variant-link-size:var(--toast-warning-variant-text-size);--toast-warning-variant-link-tracking:var(--toast-warning-variant-text-tracking);--toast-warning-variant-link-weight:var(--toast-warning-variant-text-weight);--toast-warning-variant-progress-bar-color:var(--toast-warning-variant-progress-bar-light-mode-color);--toast-warning-variant-progress-bar-dark-mode-color:var(--toast-warning-variant-accent-dark-mode-color);--toast-warning-variant-progress-bar-light-mode-color:var(--toast-warning-variant-accent-light-mode-color);--toast-warning-variant-separator-case:var(--toast-warning-variant-link-case);--toast-warning-variant-separator-color:var(--toast-warning-variant-separator-light-mode-color);--toast-warning-variant-separator-dark-mode-color:var(--toast-warning-variant-link-dark-mode-color);--toast-warning-variant-separator-font-family:var(--toast-warning-variant-link-font-family);--toast-warning-variant-separator-leading:var(--toast-warning-variant-link-leading);--toast-warning-variant-separator-light-mode-color:var(--toast-warning-variant-link-light-mode-color);--toast-warning-variant-separator-multiline-gap:var(--toast-warning-variant-link-multiline-gap);--toast-warning-variant-separator-multiline-spacing:var(--toast-warning-variant-link-multiline-spacing);--toast-warning-variant-separator-number-spacing:var(--toast-warning-variant-link-number-spacing);--toast-warning-variant-separator-scale:var(--toast-warning-variant-link-scale);--toast-warning-variant-separator-size:var(--toast-warning-variant-link-size);--toast-warning-variant-separator-tracking:var(--toast-warning-variant-link-tracking);--toast-warning-variant-separator-weight:var(--toast-warning-variant-link-weight);--toast-warning-variant-text-case:var(--toast-text-case);--toast-warning-variant-text-color:var(--toast-warning-variant-text-light-mode-color);--toast-warning-variant-text-dark-mode-color:var(--toast-text-dark-mode-color);--toast-warning-variant-text-font-family:var(--toast-text-font-family);--toast-warning-variant-text-leading:var(--toast-text-leading);--toast-warning-variant-text-light-mode-color:var(--toast-text-light-mode-color);--toast-warning-variant-text-multiline-gap:var(--toast-text-multiline-gap);--toast-warning-variant-text-multiline-spacing:var(--toast-text-multiline-spacing);--toast-warning-variant-text-number-spacing:var(--toast-text-number-spacing);--toast-warning-variant-text-scale:var(--toast-text-scale);--toast-warning-variant-text-size:var(--toast-text-size);--toast-warning-variant-text-tracking:var(--toast-text-tracking);--toast-warning-variant-text-weight:var(--toast-text-weight);--toggle-border-radius:var(--core-radius-circle);--toggle-border-size:var(--core-border-20);--toggle-disabled-state-selected-value-border-color:var(--toggle-disabled-state-selected-value-light-mode-border-color);--toggle-disabled-state-selected-value-dark-mode-border-color:var(--core-constant-gray-50-color);--toggle-disabled-state-selected-value-dark-mode-thumb-color:var(--core-fill-white-dark-mode-color);--toggle-disabled-state-selected-value-dark-mode-track-color:var(--core-fill-20-dark-mode-color);--toggle-disabled-state-selected-value-light-mode-border-color:var(--core-constant-gray-65-color);--toggle-disabled-state-selected-value-light-mode-thumb-color:var(--core-fill-white-light-mode-color);--toggle-disabled-state-selected-value-light-mode-track-color:var(--core-fill-20-light-mode-color);--toggle-disabled-state-selected-value-thumb-color:var(--toggle-disabled-state-selected-value-light-mode-thumb-color);--toggle-disabled-state-selected-value-track-color:var(--toggle-disabled-state-selected-value-light-mode-track-color);--toggle-disabled-state-unselected-value-border-color:var(--toggle-disabled-state-unselected-value-light-mode-border-color);--toggle-disabled-state-unselected-value-dark-mode-border-color:var(--core-constant-gray-45-color);--toggle-disabled-state-unselected-value-dark-mode-thumb-color:var(--core-fill-30-dark-mode-color);--toggle-disabled-state-unselected-value-dark-mode-track-color:var(--core-fill-50-dark-mode-color);--toggle-disabled-state-unselected-value-light-mode-border-color:var(--core-constant-gray-85-color);--toggle-disabled-state-unselected-value-light-mode-thumb-color:var(--core-fill-30-light-mode-color);--toggle-disabled-state-unselected-value-light-mode-track-color:var(--core-fill-50-light-mode-color);--toggle-disabled-state-unselected-value-thumb-color:var(--toggle-disabled-state-unselected-value-light-mode-thumb-color);--toggle-disabled-state-unselected-value-track-color:var(--toggle-disabled-state-unselected-value-light-mode-track-color);--toggle-focus-ring-border-size:var(--core-focus-ring-border-size);--toggle-focus-ring-buffer-size:0px;--toggle-focus-ring-color:var(--toggle-focus-ring-light-mode-color);--toggle-focus-ring-dark-mode-color:var(--core-focus-ring-dark-mode-color);--toggle-focus-ring-light-mode-color:var(--core-focus-ring-light-mode-color);--toggle-focus-state-selected-value-border-color:var(--toggle-focus-state-selected-value-light-mode-border-color);--toggle-focus-state-selected-value-dark-mode-border-color:var(--toggle-hover-state-selected-value-dark-mode-border-color);--toggle-focus-state-selected-value-dark-mode-thumb-color:var(--toggle-hover-state-selected-value-dark-mode-thumb-color);--toggle-focus-state-selected-value-dark-mode-track-color:var(--toggle-hover-state-selected-value-dark-mode-track-color);--toggle-focus-state-selected-value-light-mode-border-color:var(--toggle-hover-state-selected-value-light-mode-border-color);--toggle-focus-state-selected-value-light-mode-thumb-color:var(--toggle-hover-state-selected-value-light-mode-thumb-color);--toggle-focus-state-selected-value-light-mode-track-color:var(--toggle-hover-state-selected-value-light-mode-track-color);--toggle-focus-state-selected-value-thumb-color:var(--toggle-focus-state-selected-value-light-mode-thumb-color);--toggle-focus-state-selected-value-track-color:var(--toggle-focus-state-selected-value-light-mode-track-color);--toggle-focus-state-unselected-value-border-color:var(--toggle-focus-state-unselected-value-light-mode-border-color);--toggle-focus-state-unselected-value-dark-mode-border-color:var(--toggle-hover-state-unselected-value-dark-mode-border-color);--toggle-focus-state-unselected-value-dark-mode-thumb-color:var(--toggle-hover-state-unselected-value-dark-mode-thumb-color);--toggle-focus-state-unselected-value-dark-mode-track-color:var(--toggle-hover-state-unselected-value-dark-mode-track-color);--toggle-focus-state-unselected-value-light-mode-border-color:var(--toggle-hover-state-unselected-value-light-mode-border-color);--toggle-focus-state-unselected-value-light-mode-thumb-color:var(--toggle-hover-state-unselected-value-light-mode-thumb-color);--toggle-focus-state-unselected-value-light-mode-track-color:var(--toggle-hover-state-unselected-value-light-mode-track-color);--toggle-focus-state-unselected-value-thumb-color:var(--toggle-focus-state-unselected-value-light-mode-thumb-color);--toggle-focus-state-unselected-value-track-color:var(--toggle-focus-state-unselected-value-light-mode-track-color);--toggle-height:24px;--toggle-horizontal-padding:var(--core-metrics-spacing-50);--toggle-hover-state-selected-value-border-color:var(--toggle-hover-state-selected-value-light-mode-border-color);--toggle-hover-state-selected-value-dark-mode-border-color:var(--core-emphasis-20-dark-mode-color);--toggle-hover-state-selected-value-dark-mode-thumb-color:var(--core-text-inverse-dark-mode-color);--toggle-hover-state-selected-value-dark-mode-track-color:var(--core-emphasis-20-dark-mode-color);--toggle-hover-state-selected-value-light-mode-border-color:var(--core-emphasis-20-light-mode-color);--toggle-hover-state-selected-value-light-mode-thumb-color:var(--core-text-inverse-light-mode-color);--toggle-hover-state-selected-value-light-mode-track-color:var(--core-emphasis-20-light-mode-color);--toggle-hover-state-selected-value-thumb-color:var(--toggle-hover-state-selected-value-light-mode-thumb-color);--toggle-hover-state-selected-value-track-color:var(--toggle-hover-state-selected-value-light-mode-track-color);--toggle-hover-state-unselected-value-border-color:var(--toggle-hover-state-unselected-value-light-mode-border-color);--toggle-hover-state-unselected-value-dark-mode-border-color:var(--core-emphasis-10-dark-mode-color);--toggle-hover-state-unselected-value-dark-mode-thumb-color:var(--core-emphasis-10-dark-mode-color);--toggle-hover-state-unselected-value-dark-mode-track-color:var(--core-fill-50-dark-mode-color);--toggle-hover-state-unselected-value-light-mode-border-color:var(--core-emphasis-10-light-mode-color);--toggle-hover-state-unselected-value-light-mode-thumb-color:var(--core-emphasis-10-light-mode-color);--toggle-hover-state-unselected-value-light-mode-track-color:var(--core-fill-50-light-mode-color);--toggle-hover-state-unselected-value-thumb-color:var(--toggle-hover-state-unselected-value-light-mode-thumb-color);--toggle-hover-state-unselected-value-track-color:var(--toggle-hover-state-unselected-value-light-mode-track-color);--toggle-normal-state-selected-value-border-color:var(--toggle-normal-state-selected-value-light-mode-border-color);--toggle-normal-state-selected-value-dark-mode-border-color:var(--core-emphasis-fill-dark-mode-color);--toggle-normal-state-selected-value-dark-mode-thumb-color:var(--core-text-inverse-dark-mode-color);--toggle-normal-state-selected-value-dark-mode-track-color:var(--core-emphasis-fill-dark-mode-color);--toggle-normal-state-selected-value-light-mode-border-color:var(--core-emphasis-fill-light-mode-color);--toggle-normal-state-selected-value-light-mode-thumb-color:var(--core-text-inverse-light-mode-color);--toggle-normal-state-selected-value-light-mode-track-color:var(--core-emphasis-fill-light-mode-color);--toggle-normal-state-selected-value-thumb-color:var(--toggle-normal-state-selected-value-light-mode-thumb-color);--toggle-normal-state-selected-value-track-color:var(--toggle-normal-state-selected-value-light-mode-track-color);--toggle-normal-state-unselected-value-border-color:var(--toggle-normal-state-unselected-value-light-mode-border-color);--toggle-normal-state-unselected-value-dark-mode-border-color:var(--core-fill-20-dark-mode-color);--toggle-normal-state-unselected-value-dark-mode-thumb-color:var(--core-fill-20-dark-mode-color);--toggle-normal-state-unselected-value-dark-mode-track-color:transparent;--toggle-normal-state-unselected-value-light-mode-border-color:var(--core-fill-20-light-mode-color);--toggle-normal-state-unselected-value-light-mode-thumb-color:var(--core-fill-20-light-mode-color);--toggle-normal-state-unselected-value-light-mode-track-color:transparent;--toggle-normal-state-unselected-value-thumb-color:var(--toggle-normal-state-unselected-value-light-mode-thumb-color);--toggle-normal-state-unselected-value-track-color:var(--toggle-normal-state-unselected-value-light-mode-track-color);--toggle-padding-horizontal:5px;--toggle-padding-vertical:5px;--toggle-pressed-state-selected-value-border-color:var(--toggle-pressed-state-selected-value-light-mode-border-color);--toggle-pressed-state-selected-value-dark-mode-border-color:var(--core-emphasis-10-dark-mode-color);--toggle-pressed-state-selected-value-dark-mode-thumb-color:var(--core-text-inverse-dark-mode-color);--toggle-pressed-state-selected-value-dark-mode-track-color:var(--core-emphasis-10-dark-mode-color);--toggle-pressed-state-selected-value-light-mode-border-color:var(--core-emphasis-10-light-mode-color);--toggle-pressed-state-selected-value-light-mode-thumb-color:var(--core-text-inverse-light-mode-color);--toggle-pressed-state-selected-value-light-mode-track-color:var(--core-emphasis-10-light-mode-color);--toggle-pressed-state-selected-value-thumb-color:var(--toggle-pressed-state-selected-value-light-mode-thumb-color);--toggle-pressed-state-selected-value-track-color:var(--toggle-pressed-state-selected-value-light-mode-track-color);--toggle-pressed-state-unselected-value-border-color:var(--toggle-pressed-state-unselected-value-light-mode-border-color);--toggle-pressed-state-unselected-value-dark-mode-border-color:var(--core-emphasis-fill-dark-mode-color);--toggle-pressed-state-unselected-value-dark-mode-thumb-color:var(--core-emphasis-fill-dark-mode-color);--toggle-pressed-state-unselected-value-dark-mode-track-color:transparent;--toggle-pressed-state-unselected-value-light-mode-border-color:var(--core-emphasis-fill-light-mode-color);--toggle-pressed-state-unselected-value-light-mode-thumb-color:var(--core-emphasis-fill-light-mode-color);--toggle-pressed-state-unselected-value-light-mode-track-color:transparent;--toggle-pressed-state-unselected-value-thumb-color:var(--toggle-pressed-state-unselected-value-light-mode-thumb-color);--toggle-pressed-state-unselected-value-track-color:var(--toggle-pressed-state-unselected-value-light-mode-track-color);--toggle-vertical-padding:var(--core-metrics-spacing-50);--toggle-width:40px;--tooltip-animation-move-transition-duration:var(--tooltip-trigger-animation-fade-transition-duration);--tooltip-background-color:var(--tooltip-background-light-mode-color);--tooltip-background-dark-mode-color:var(--tooltip-popover-background-dark-mode-color);--tooltip-background-light-mode-color:var(--tooltip-popover-background-light-mode-color);--tooltip-link-case:var(--tooltip-popover-link-case);--tooltip-link-color:var(--tooltip-link-light-mode-color);--tooltip-link-dark-mode-color:var(--tooltip-popover-link-dark-mode-color);--tooltip-link-font-family:var(--tooltip-popover-link-font-family);--tooltip-link-leading:var(--tooltip-popover-link-leading);--tooltip-link-light-mode-color:var(--tooltip-popover-link-light-mode-color);--tooltip-link-number-spacing:var(--tooltip-popover-link-number-spacing);--tooltip-link-scale:var(--tooltip-popover-link-scale);--tooltip-link-size:var(--tooltip-popover-link-size);--tooltip-link-tracking:var(--tooltip-popover-link-tracking);--tooltip-link-weight:var(--tooltip-popover-link-weight);--tooltip-maximum-width:var(--tooltip-popover-maximum-width);--tooltip-minimum-height:var(--tooltip-trigger-minimum-height);--tooltip-minimum-width:var(--tooltip-trigger-minimum-width);--tooltip-padding-horizontal-size:var(--tooltip-popover-horizontal-padding);--tooltip-padding-vertical-size:var(--tooltip-popover-vertical-padding);--tooltip-popover-background-color:var(--tooltip-popover-background-light-mode-color);--tooltip-popover-background-dark-mode-color:var(--core-surface-inverse-dark-mode-color);--tooltip-popover-background-light-mode-color:var(--core-surface-inverse-light-mode-color);--tooltip-popover-horizontal-padding:var(--core-metrics-spacing-150);--tooltip-popover-link-case:var(--core-type-semibold-20-case);--tooltip-popover-link-color:var(--tooltip-popover-link-light-mode-color);--tooltip-popover-link-dark-mode-color:var(--core-text-inverse-dark-mode-color);--tooltip-popover-link-font-family:var(--core-type-semibold-20-font-family);--tooltip-popover-link-leading:var(--core-type-semibold-20-leading);--tooltip-popover-link-light-mode-color:var(--core-text-inverse-light-mode-color);--tooltip-popover-link-number-spacing:var(--core-type-semibold-20-number-spacing);--tooltip-popover-link-scale:var(--core-type-semibold-20-scale);--tooltip-popover-link-size:var(--core-type-semibold-20-size);--tooltip-popover-link-tracking:var(--core-type-semibold-20-tracking);--tooltip-popover-link-weight:var(--core-type-semibold-20-weight);--tooltip-popover-maximum-width:400px;--tooltip-popover-radius:var(--core-radius-200);--tooltip-popover-text-case:var(--core-type-paragraph-20-case);--tooltip-popover-text-color:var(--tooltip-popover-text-light-mode-color);--tooltip-popover-text-dark-mode-color:var(--core-text-inverse-dark-mode-color);--tooltip-popover-text-font-family:var(--core-type-paragraph-20-font-family);--tooltip-popover-text-leading:var(--core-type-paragraph-20-leading);--tooltip-popover-text-light-mode-color:var(--core-text-inverse-light-mode-color);--tooltip-popover-text-number-spacing:var(--core-type-paragraph-20-number-spacing);--tooltip-popover-text-scale:var(--core-type-paragraph-20-scale);--tooltip-popover-text-size:var(--core-type-paragraph-20-size);--tooltip-popover-text-tracking:var(--core-type-paragraph-20-tracking);--tooltip-popover-text-weight:var(--core-type-paragraph-20-weight);--tooltip-popover-vertical-padding:var(--core-metrics-spacing-100);--tooltip-radius:var(--tooltip-popover-radius);--tooltip-text-case:var(--tooltip-popover-text-case);--tooltip-text-color:var(--tooltip-text-light-mode-color);--tooltip-text-dark-mode-color:var(--tooltip-popover-text-dark-mode-color);--tooltip-text-font-family:var(--tooltip-popover-text-font-family);--tooltip-text-leading:var(--tooltip-popover-text-leading);--tooltip-text-light-mode-color:var(--tooltip-popover-text-light-mode-color);--tooltip-text-number-spacing:var(--tooltip-popover-text-number-spacing);--tooltip-text-scale:var(--tooltip-popover-text-scale);--tooltip-text-size:var(--tooltip-popover-text-size);--tooltip-text-tracking:var(--tooltip-popover-text-tracking);--tooltip-text-weight:var(--tooltip-popover-text-weight);--tooltip-trigger-animation-fade-transition-duration:var(--core-animation-move-transition-moderate-speed-duration);--tooltip-trigger-icon-active-state-color:var(--tooltip-trigger-icon-active-state-light-mode-color);--tooltip-trigger-icon-active-state-dark-mode-color:var(--core-fill-10-dark-mode-color);--tooltip-trigger-icon-active-state-light-mode-color:var(--core-fill-10-light-mode-color);--tooltip-trigger-icon-disabled-state-color:var(--tooltip-trigger-icon-disabled-state-light-mode-color);--tooltip-trigger-icon-disabled-state-dark-mode-color:var(--core-fill-30-dark-mode-color);--tooltip-trigger-icon-disabled-state-light-mode-color:var(--core-fill-30-light-mode-color);--tooltip-trigger-icon-normal-state-color:var(--tooltip-trigger-icon-normal-state-light-mode-color);--tooltip-trigger-icon-normal-state-dark-mode-color:var(--core-fill-20-dark-mode-color);--tooltip-trigger-icon-normal-state-light-mode-color:var(--core-fill-20-light-mode-color);--tooltip-trigger-minimum-height:var(--tooltip-trigger-minimum-width);--tooltip-trigger-minimum-width:var(--core-metrics-spacing-500);--tooltip-trigger-text-active-state-color:var(--tooltip-trigger-text-active-state-light-mode-color);--tooltip-trigger-text-active-state-dark-mode-color:var(--core-text-10-dark-mode-color);--tooltip-trigger-text-active-state-light-mode-color:var(--core-text-10-light-mode-color);--tooltip-trigger-text-disabled-state-color:var(--tooltip-trigger-text-disabled-state-light-mode-color);--tooltip-trigger-text-disabled-state-dark-mode-color:var(--core-text-30-dark-mode-color);--tooltip-trigger-text-disabled-state-light-mode-color:var(--core-text-30-light-mode-color);--tooltip-trigger-text-normal-state-color:var(--tooltip-trigger-text-normal-state-light-mode-color);--tooltip-trigger-text-normal-state-dark-mode-color:var(--core-emphasis-text-dark-mode-color);--tooltip-trigger-text-normal-state-light-mode-color:var(--core-emphasis-text-light-mode-color);--tooltip-trigger-text-underline-size:1px;--tracker-horizontal-orientation-compact-density-large-size-completed-state-color:var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-light-mode-color);--tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height);--tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius);--tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding);--tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width);--tracker-horizontal-orientation-compact-density-large-size-completed-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size);--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size);--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-compact-density-large-size-completed-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-horizontal-padding);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-vertical-padding);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-case);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-font-family);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-leading);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-scale);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-size);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-spacing);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-tracking);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-weight);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-maximum-width);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-minimum-width);--tracker-horizontal-orientation-compact-density-large-size-completed-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-spacing);--tracker-horizontal-orientation-compact-density-large-size-current-state-color:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-light-mode-color);--tracker-horizontal-orientation-compact-density-large-size-current-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);--tracker-horizontal-orientation-compact-density-large-size-current-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);--tracker-horizontal-orientation-compact-density-large-size-current-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);--tracker-horizontal-orientation-compact-density-large-size-current-state-connector-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);--tracker-horizontal-orientation-compact-density-large-size-current-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);--tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);--tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);--tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-compact-density-large-size-current-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);--tracker-horizontal-orientation-compact-density-large-size-current-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-compact-density-large-size-current-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-case:var(--core-type-heading-20-case);--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-font-family:var(--core-type-heading-20-font-family);--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-leading:var(--core-type-heading-20-leading);--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-number-spacing:var(--core-type-heading-20-number-spacing);--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-scale:var(--core-type-heading-20-scale);--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-size:var(--core-type-heading-20-size);--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-spacing:var(--core-metrics-spacing-100);--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-tracking:var(--core-type-heading-20-tracking);--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-weight:var(--core-type-heading-20-weight);--tracker-horizontal-orientation-compact-density-large-size-current-state-step-maximum-width:100px;--tracker-horizontal-orientation-compact-density-large-size-current-state-step-minimum-width:0px;--tracker-horizontal-orientation-compact-density-large-size-current-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-color:var(--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-connector-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-horizontal-padding);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-vertical-padding);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-case);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-font-family);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-leading);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-scale);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-size);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-spacing);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-tracking);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-weight);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-maximum-width);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-minimum-width);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-spacing);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-color:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-light-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-horizontal-padding);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-vertical-padding);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-spacing);--tracker-horizontal-orientation-compact-density-medium-size-current-state-color:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-light-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);--tracker-horizontal-orientation-compact-density-medium-size-current-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-compact-density-medium-size-current-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case:var(--core-type-semibold-30-case);--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family:var(--core-type-semibold-30-font-family);--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading:var(--core-type-semibold-30-leading);--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing:var(--core-type-semibold-30-number-spacing);--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale:var(--core-type-semibold-30-scale);--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size:var(--core-type-semibold-30-size);--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing:var(--core-metrics-spacing-100);--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking:var(--core-type-semibold-30-tracking);--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight:var(--core-type-semibold-30-weight);--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width:90px;--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width:0px;--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-color:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-horizontal-padding);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-vertical-padding);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-spacing);--tracker-horizontal-orientation-compact-density-small-size-completed-state-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color:var(--core-fill-10-dark-mode-color);--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color:var(--core-text-inverse-dark-mode-color);--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color:var(--core-text-inverse-light-mode-color);--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding:2px;--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width:0px;--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding:1px;--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width:0px;--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding:0px;--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color:var(--core-fill-10-light-mode-color);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width);--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);--tracker-horizontal-orientation-compact-density-small-size-current-state-color:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height:var(--divider-thin-size-height);--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius:var(--divider-radius);--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding:var(--divider-extra-small-variant-vertical-padding);--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width:var(--core-metrics-spacing-150);--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color:var(--core-fill-10-dark-mode-color);--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding:0px;--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size:var(--core-metrics-spacing-200);--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width:2px;--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width:4px;--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color:var(--core-fill-10-light-mode-color);--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding:0px;--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding:9px;--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case:var(--core-type-semibold-10-case);--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family:var(--core-type-semibold-10-font-family);--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading:var(--core-type-semibold-10-leading);--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing:var(--core-type-semibold-10-number-spacing);--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale:var(--core-type-semibold-10-scale);--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size:var(--core-type-semibold-10-size);--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing:var(--core-metrics-spacing-100);--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking:var(--core-type-semibold-10-tracking);--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight:var(--core-type-semibold-10-weight);--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width:80px;--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width:0px;--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing:var(--core-metrics-spacing-100);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-color:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color:var(--core-text-20-dark-mode-color);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding:1px;--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width:2px;--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding:0px;--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color:var(--core-text-20-light-mode-color);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-color:var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-height:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-height);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-radius:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-radius);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-vertical-padding:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-vertical-padding);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-width:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-width);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-dark-mode-color:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-size);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-size);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-light-mode-color:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-content-horizontal-padding);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-content-vertical-padding);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-case:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-case);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-font-family:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-font-family);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-leading:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-leading);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-number-spacing:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-number-spacing);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-scale:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-scale);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-size:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-size);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-spacing:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-spacing);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-tracking:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-tracking);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-weight:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-weight);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-maximum-width:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-maximum-width);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-minimum-width:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-minimum-width);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-spacing:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-spacing);--tracker-horizontal-orientation-connectors-density-large-size-current-state-color:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-height:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-height);--tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-radius:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-radius);--tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-vertical-padding:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-vertical-padding);--tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-width:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-width);--tracker-horizontal-orientation-connectors-density-large-size-current-state-dark-mode-color:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-size);--tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-size);--tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-large-size-current-state-light-mode-color:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-case:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-case);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-font-family:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-font-family);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-leading:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-leading);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-number-spacing:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-scale:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-scale);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-size:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-size);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-spacing:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-spacing);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-tracking:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-tracking);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-weight:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-weight);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-maximum-width:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-maximum-width);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-minimum-width:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-minimum-width);--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-spacing:var(--core-metrics-spacing-200);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-color:var(--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-connector-height:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-height);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-connector-radius:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-radius);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-connector-vertical-padding:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-vertical-padding);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-connector-width:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-width);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-dark-mode-color:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-size);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-size);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-light-mode-color:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-content-horizontal-padding);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-content-vertical-padding);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-case:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-case);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-font-family:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-font-family);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-leading:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-leading);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-number-spacing:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-number-spacing);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-scale:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-scale);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-size:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-size);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-spacing:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-spacing);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-tracking:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-tracking);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-weight:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-weight);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-maximum-width:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-maximum-width);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-minimum-width:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-minimum-width);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-spacing:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-spacing);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-color:var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-height:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-height);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-radius:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-radius);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-vertical-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-vertical-padding);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-width:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-width);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-dark-mode-color:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-size);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-size);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-light-mode-color:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-content-horizontal-padding);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-content-vertical-padding);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-case:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-case);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-font-family:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-font-family);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-leading:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-leading);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-number-spacing:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-number-spacing);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-scale:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-scale);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-size:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-size);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-spacing:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-spacing);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-tracking:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-tracking);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-weight:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-weight);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-maximum-width:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-maximum-width);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-minimum-width:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-minimum-width);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-spacing:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-spacing);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-color:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-height:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-height);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-radius:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-radius);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-vertical-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-vertical-padding);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-width:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-width);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-dark-mode-color:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-size);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-size);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-light-mode-color:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-case:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-case);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-font-family:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-font-family);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-leading:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-leading);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-number-spacing:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-scale:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-scale);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-size:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-size);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-spacing:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-spacing);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-tracking:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-tracking);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-weight:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-weight);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-maximum-width:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-maximum-width);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-minimum-width:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-minimum-width);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-spacing:var(--core-metrics-spacing-150);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-color:var(--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-connector-height:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-height);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-connector-radius:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-radius);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-connector-vertical-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-vertical-padding);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-connector-width:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-width);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-dark-mode-color:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-size);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-size);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-light-mode-color:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-content-horizontal-padding);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-content-vertical-padding);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-case:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-case);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-font-family:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-font-family);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-leading:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-leading);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-number-spacing:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-number-spacing);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-scale:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-scale);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-size:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-size);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-spacing:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-spacing);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-tracking:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-tracking);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-weight:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-weight);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-maximum-width:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-maximum-width);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-minimum-width:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-minimum-width);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-spacing:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-spacing);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-color:var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-height:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-height);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-radius:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-radius);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-vertical-padding:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-vertical-padding);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-width:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-width);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-dark-mode-color:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-size);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-size);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-light-mode-color:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-content-horizontal-padding);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-content-vertical-padding);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-case:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-case);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-font-family:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-font-family);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-leading:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-leading);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-number-spacing:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-number-spacing);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-scale:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-scale);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-size:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-size);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-spacing:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-spacing);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-tracking:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-tracking);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-weight:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-weight);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-maximum-width:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-maximum-width);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-minimum-width:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-minimum-width);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-spacing:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-spacing);--tracker-horizontal-orientation-connectors-density-small-size-current-state-color:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-height:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-height);--tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-radius:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-radius);--tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-vertical-padding:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-vertical-padding);--tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-width:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width);--tracker-horizontal-orientation-connectors-density-small-size-current-state-dark-mode-color:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-size);--tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-size);--tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-small-size-current-state-light-mode-color:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-case:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-case);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-font-family:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-font-family);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-leading:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-leading);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-number-spacing:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-scale:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-scale);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-size:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-size);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-spacing:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-spacing);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-tracking:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-tracking);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-weight:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-weight);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-maximum-width:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-maximum-width);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-minimum-width:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-minimum-width);--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-spacing:var(--core-metrics-spacing-100);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-color:var(--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-connector-height:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-height);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-connector-radius:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-radius);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-connector-vertical-padding:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-vertical-padding);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-connector-width:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-width);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-dark-mode-color:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-size);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-size);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-light-mode-color:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-content-horizontal-padding);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-content-vertical-padding);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-case:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-case);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-font-family:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-font-family);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-leading:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-leading);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-number-spacing:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-number-spacing);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-scale:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-scale);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-size:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-size);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-spacing:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-spacing);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-tracking:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-tracking);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-weight:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-weight);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-maximum-width:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-maximum-width);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-minimum-width:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-minimum-width);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-spacing:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-spacing);--tracker-horizontal-orientation-regular-density-large-size-completed-state-color:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-light-mode-color);--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-height:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-height);--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-radius);--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-vertical-padding);--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-width:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-width);--tracker-horizontal-orientation-regular-density-large-size-completed-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-size);--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-size);--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-regular-density-large-size-completed-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-light-mode-color);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-content-horizontal-padding);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-content-vertical-padding);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-case);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-font-family);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-leading);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-number-spacing);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-scale);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-size);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-spacing);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-tracking);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-weight);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-maximum-width);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-minimum-width);--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-spacing);--tracker-horizontal-orientation-regular-density-large-size-current-state-color:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-light-mode-color);--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-height:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-height);--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-radius);--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-vertical-padding);--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-width:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-width);--tracker-horizontal-orientation-regular-density-large-size-current-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-size);--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-size);--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-regular-density-large-size-current-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-light-mode-color);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width);--tracker-horizontal-orientation-regular-density-large-size-current-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-spacing);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-color:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-height:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-height);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-radius);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-vertical-padding);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-width:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-width);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-size);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-size);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-content-horizontal-padding);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-content-vertical-padding);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-case);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-font-family);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-leading);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-number-spacing);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-scale);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-size);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-spacing);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-tracking);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-weight);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-maximum-width);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-minimum-width);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-spacing);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-color:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-light-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-horizontal-padding);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-vertical-padding);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-case);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-font-family);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-leading);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-number-spacing);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-scale);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-size);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-spacing);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-tracking);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-weight);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-maximum-width);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-minimum-width);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-spacing);--tracker-horizontal-orientation-regular-density-medium-size-current-state-color:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-light-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);--tracker-horizontal-orientation-regular-density-medium-size-current-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-regular-density-medium-size-current-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width);--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-color:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-horizontal-padding);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-vertical-padding);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-case);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-font-family);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-leading);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-number-spacing);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-scale);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-size);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-spacing);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-tracking);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-weight);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-maximum-width);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-minimum-width);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-spacing);--tracker-horizontal-orientation-regular-density-small-size-completed-state-color:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-light-mode-color);--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height);--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius);--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding);--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-width:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width);--tracker-horizontal-orientation-regular-density-small-size-completed-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size);--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size);--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-regular-density-small-size-completed-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-horizontal-padding);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-vertical-padding);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-case);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-font-family);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-leading);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-number-spacing);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-scale);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-size);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-spacing);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-tracking);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-weight);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-maximum-width);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-minimum-width);--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-spacing:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-spacing);--tracker-horizontal-orientation-regular-density-small-size-current-state-color:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-light-mode-color);--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width:var(--core-metrics-spacing-400);--tracker-horizontal-orientation-regular-density-small-size-current-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-regular-density-small-size-current-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width);--tracker-horizontal-orientation-regular-density-small-size-current-state-step-spacing:var(--core-metrics-spacing-300);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-color:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-height:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-radius:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-width:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-dark-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-stroke-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-light-mode-color:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-content-horizontal-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-horizontal-padding);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-content-vertical-padding:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-vertical-padding);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-case:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-case);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-font-family:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-font-family);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-leading:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-leading);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-number-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-number-spacing);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-scale:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-scale);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-size:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-size);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-spacing:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-spacing);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-tracking:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-tracking);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-weight:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-weight);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-maximum-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-maximum-width);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-minimum-width:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-minimum-width);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-spacing:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-spacing)}@media (prefers-color-scheme:dark){[data-market-features*=dark-mode],[data-market-theme=monochrome][data-market-features*=dark-mode]{--core-blue-10-color:var(--core-blue-10-dark-mode-color);--core-blue-20-color:var(--core-blue-20-dark-mode-color);--core-blue-30-color:var(--core-blue-30-dark-mode-color);--core-blue-40-color:var(--core-blue-40-dark-mode-color);--core-blue-fill-color:var(--core-blue-fill-dark-mode-color);--core-blue-text-color:var(--core-blue-text-dark-mode-color);--core-brown-10-color:var(--core-brown-10-dark-mode-color);--core-brown-20-color:var(--core-brown-20-dark-mode-color);--core-brown-30-color:var(--core-brown-30-dark-mode-color);--core-brown-40-color:var(--core-brown-40-dark-mode-color);--core-brown-fill-color:var(--core-brown-fill-dark-mode-color);--core-brown-text-color:var(--core-brown-text-dark-mode-color);--core-burgundy-10-color:var(--core-burgundy-10-dark-mode-color);--core-burgundy-20-color:var(--core-burgundy-20-dark-mode-color);--core-burgundy-30-color:var(--core-burgundy-30-dark-mode-color);--core-burgundy-40-color:var(--core-burgundy-40-dark-mode-color);--core-burgundy-fill-color:var(--core-burgundy-fill-dark-mode-color);--core-burgundy-text-color:var(--core-burgundy-text-dark-mode-color);--core-critical-10-color:var(--core-critical-10-dark-mode-color);--core-critical-20-color:var(--core-critical-20-dark-mode-color);--core-critical-30-color:var(--core-critical-30-dark-mode-color);--core-critical-40-color:var(--core-critical-40-dark-mode-color);--core-critical-fill-color:var(--core-critical-fill-dark-mode-color);--core-critical-text-color:var(--core-critical-text-dark-mode-color);--core-divider-10-color:var(--core-divider-10-dark-mode-color);--core-divider-20-color:var(--core-divider-20-dark-mode-color);--core-emphasis-10-color:var(--core-emphasis-10-dark-mode-color);--core-emphasis-20-color:var(--core-emphasis-20-dark-mode-color);--core-emphasis-30-color:var(--core-emphasis-30-dark-mode-color);--core-emphasis-40-color:var(--core-emphasis-40-dark-mode-color);--core-emphasis-fill-color:var(--core-emphasis-fill-dark-mode-color);--core-emphasis-text-color:var(--core-emphasis-text-dark-mode-color);--core-fill-10-color:var(--core-fill-10-dark-mode-color);--core-fill-20-color:var(--core-fill-20-dark-mode-color);--core-fill-30-color:var(--core-fill-30-dark-mode-color);--core-fill-40-color:var(--core-fill-40-dark-mode-color);--core-fill-50-color:var(--core-fill-50-dark-mode-color);--core-fill-black-color:var(--core-fill-black-dark-mode-color);--core-fill-inverse-color:var(--core-fill-inverse-dark-mode-color);--core-fill-white-color:var(--core-fill-white-dark-mode-color);--core-focus-color:var(--core-focus-dark-mode-color);--core-focus-ring-color:var(--core-focus-ring-dark-mode-color);--core-forest-10-color:var(--core-forest-10-dark-mode-color);--core-forest-20-color:var(--core-forest-20-dark-mode-color);--core-forest-30-color:var(--core-forest-30-dark-mode-color);--core-forest-40-color:var(--core-forest-40-dark-mode-color);--core-forest-fill-color:var(--core-forest-fill-dark-mode-color);--core-forest-text-color:var(--core-forest-text-dark-mode-color);--core-gold-10-color:var(--core-gold-10-dark-mode-color);--core-gold-20-color:var(--core-gold-20-dark-mode-color);--core-gold-30-color:var(--core-gold-30-dark-mode-color);--core-gold-40-color:var(--core-gold-40-dark-mode-color);--core-gold-fill-color:var(--core-gold-fill-dark-mode-color);--core-gold-text-color:var(--core-gold-text-dark-mode-color);--core-green-10-color:var(--core-green-10-dark-mode-color);--core-green-20-color:var(--core-green-20-dark-mode-color);--core-green-30-color:var(--core-green-30-dark-mode-color);--core-green-40-color:var(--core-green-40-dark-mode-color);--core-green-fill-color:var(--core-green-fill-dark-mode-color);--core-green-text-color:var(--core-green-text-dark-mode-color);--core-orange-10-color:var(--core-orange-10-dark-mode-color);--core-orange-20-color:var(--core-orange-20-dark-mode-color);--core-orange-30-color:var(--core-orange-30-dark-mode-color);--core-orange-40-color:var(--core-orange-40-dark-mode-color);--core-orange-fill-color:var(--core-orange-fill-dark-mode-color);--core-orange-text-color:var(--core-orange-text-dark-mode-color);--core-pink-10-color:var(--core-pink-10-dark-mode-color);--core-pink-20-color:var(--core-pink-20-dark-mode-color);--core-pink-30-color:var(--core-pink-30-dark-mode-color);--core-pink-40-color:var(--core-pink-40-dark-mode-color);--core-pink-fill-color:var(--core-pink-fill-dark-mode-color);--core-pink-text-color:var(--core-pink-text-dark-mode-color);--core-purple-10-color:var(--core-purple-10-dark-mode-color);--core-purple-20-color:var(--core-purple-20-dark-mode-color);--core-purple-30-color:var(--core-purple-30-dark-mode-color);--core-purple-40-color:var(--core-purple-40-dark-mode-color);--core-purple-fill-color:var(--core-purple-fill-dark-mode-color);--core-purple-text-color:var(--core-purple-text-dark-mode-color);--core-red-10-color:var(--core-red-10-dark-mode-color);--core-red-20-color:var(--core-red-20-dark-mode-color);--core-red-30-color:var(--core-red-30-dark-mode-color);--core-red-40-color:var(--core-red-40-dark-mode-color);--core-red-fill-color:var(--core-red-fill-dark-mode-color);--core-red-text-color:var(--core-red-text-dark-mode-color);--core-sky-10-color:var(--core-sky-10-dark-mode-color);--core-sky-20-color:var(--core-sky-20-dark-mode-color);--core-sky-30-color:var(--core-sky-30-dark-mode-color);--core-sky-40-color:var(--core-sky-40-dark-mode-color);--core-sky-fill-color:var(--core-sky-fill-dark-mode-color);--core-sky-text-color:var(--core-sky-text-dark-mode-color);--core-success-10-color:var(--core-success-10-dark-mode-color);--core-success-20-color:var(--core-success-20-dark-mode-color);--core-success-30-color:var(--core-success-30-dark-mode-color);--core-success-40-color:var(--core-success-40-dark-mode-color);--core-success-fill-color:var(--core-success-fill-dark-mode-color);--core-success-text-color:var(--core-success-text-dark-mode-color);--core-surface-10-color:var(--core-surface-10-dark-mode-color);--core-surface-20-color:var(--core-surface-20-dark-mode-color);--core-surface-30-color:var(--core-surface-30-dark-mode-color);--core-surface-5-color:var(--core-surface-5-dark-mode-color);--core-surface-inverse-color:var(--core-surface-inverse-dark-mode-color);--core-surface-overlay-color:var(--core-surface-overlay-dark-mode-color);--core-taupe-10-color:var(--core-taupe-10-dark-mode-color);--core-taupe-20-color:var(--core-taupe-20-dark-mode-color);--core-taupe-30-color:var(--core-taupe-30-dark-mode-color);--core-taupe-40-color:var(--core-taupe-40-dark-mode-color);--core-taupe-fill-color:var(--core-taupe-fill-dark-mode-color);--core-taupe-text-color:var(--core-taupe-text-dark-mode-color);--core-teal-10-color:var(--core-teal-10-dark-mode-color);--core-teal-20-color:var(--core-teal-20-dark-mode-color);--core-teal-30-color:var(--core-teal-30-dark-mode-color);--core-teal-40-color:var(--core-teal-40-dark-mode-color);--core-teal-fill-color:var(--core-teal-fill-dark-mode-color);--core-teal-text-color:var(--core-teal-text-dark-mode-color);--core-text-10-color:var(--core-text-10-dark-mode-color);--core-text-20-color:var(--core-text-20-dark-mode-color);--core-text-30-color:var(--core-text-30-dark-mode-color);--core-text-black-color:var(--core-text-black-dark-mode-color);--core-text-inverse-color:var(--core-text-inverse-dark-mode-color);--core-text-white-color:var(--core-text-white-dark-mode-color);--core-transparent-color:var(--core-transparent-dark-mode-color);--core-warning-10-color:var(--core-warning-10-dark-mode-color);--core-warning-20-color:var(--core-warning-20-dark-mode-color);--core-warning-30-color:var(--core-warning-30-dark-mode-color);--core-warning-40-color:var(--core-warning-40-dark-mode-color);--core-warning-fill-color:var(--core-warning-fill-dark-mode-color);--core-warning-text-color:var(--core-warning-text-dark-mode-color);--core-yellow-10-color:var(--core-yellow-10-dark-mode-color);--core-yellow-20-color:var(--core-yellow-20-dark-mode-color);--core-yellow-30-color:var(--core-yellow-30-dark-mode-color);--core-yellow-40-color:var(--core-yellow-40-dark-mode-color);--core-yellow-fill-color:var(--core-yellow-fill-dark-mode-color);--core-yellow-text-color:var(--core-yellow-text-dark-mode-color);--accessory-background-color:var(--accessory-background-dark-mode-color);--accessory-disabled-state-background-color:var(--accessory-disabled-state-background-dark-mode-color);--accessory-disabled-state-icon-color:var(--accessory-disabled-state-icon-dark-mode-color);--accessory-disabled-state-text-color:var(--accessory-disabled-state-text-dark-mode-color);--accessory-icon-variant-color:var(--accessory-icon-variant-dark-mode-color);--accessory-initials-variant-color:var(--accessory-initials-variant-dark-mode-color);--accessory-normal-state-background-color:var(--accessory-normal-state-background-dark-mode-color);--accessory-normal-state-icon-color:var(--accessory-normal-state-icon-dark-mode-color);--accessory-normal-state-text-color:var(--accessory-normal-state-text-dark-mode-color);--accordion-disabled-state-content-color:var(--accordion-disabled-state-content-dark-mode-color);--accordion-disabled-state-side-text-color:var(--accordion-disabled-state-side-text-dark-mode-color);--accordion-focus-state-content-color:var(--accordion-focus-state-content-dark-mode-color);--accordion-focus-state-side-text-color:var(--accordion-focus-state-side-text-dark-mode-color);--accordion-heading-10-variant-separator-color:var(--accordion-heading-10-variant-separator-dark-mode-color);--accordion-heading-20-variant-separator-color:var(--accordion-heading-20-variant-separator-dark-mode-color);--accordion-heading-30-variant-separator-color:var(--accordion-heading-30-variant-separator-dark-mode-color);--accordion-hover-state-content-color:var(--accordion-hover-state-content-dark-mode-color);--accordion-hover-state-side-text-color:var(--accordion-hover-state-side-text-dark-mode-color);--accordion-normal-state-content-color:var(--accordion-normal-state-content-dark-mode-color);--accordion-normal-state-side-text-color:var(--accordion-normal-state-side-text-dark-mode-color);--accordion-pressed-state-content-color:var(--accordion-pressed-state-content-dark-mode-color);--accordion-pressed-state-side-text-color:var(--accordion-pressed-state-side-text-dark-mode-color);--action-card-active-state-selected-value-background-color:var(--action-card-active-state-selected-value-background-dark-mode-color);--action-card-active-state-selected-value-border-color:var(--action-card-active-state-selected-value-border-dark-mode-color);--action-card-active-state-unselected-value-background-color:var(--action-card-active-state-unselected-value-background-dark-mode-color);--action-card-active-state-unselected-value-border-color:var(--action-card-active-state-unselected-value-border-dark-mode-color);--action-card-background-color:var(--action-card-background-dark-mode-color);--action-card-border-disabled-state-color:var(--action-card-border-disabled-state-dark-mode-color);--action-card-border-hover-state-color:var(--action-card-border-hover-state-dark-mode-color);--action-card-border-selected-state-color:var(--action-card-border-selected-state-dark-mode-color);--action-card-disabled-state-selected-value-background-color:var(--action-card-disabled-state-selected-value-background-dark-mode-color);--action-card-disabled-state-selected-value-border-color:var(--action-card-disabled-state-selected-value-border-dark-mode-color);--action-card-disabled-state-unselected-value-background-color:var(--action-card-disabled-state-unselected-value-background-dark-mode-color);--action-card-disabled-state-unselected-value-border-color:var(--action-card-disabled-state-unselected-value-border-dark-mode-color);--action-card-focus-ring-color:var(--action-card-focus-ring-dark-mode-color);--action-card-hover-state-selected-value-background-color:var(--action-card-hover-state-selected-value-background-dark-mode-color);--action-card-hover-state-selected-value-border-color:var(--action-card-hover-state-selected-value-border-dark-mode-color);--action-card-hover-state-unselected-value-background-color:var(--action-card-hover-state-unselected-value-background-dark-mode-color);--action-card-hover-state-unselected-value-border-color:var(--action-card-hover-state-unselected-value-border-dark-mode-color);--action-card-normal-state-selected-value-background-color:var(--action-card-normal-state-selected-value-background-dark-mode-color);--action-card-normal-state-selected-value-border-color:var(--action-card-normal-state-selected-value-border-dark-mode-color);--action-card-normal-state-unselected-value-background-color:var(--action-card-normal-state-unselected-value-background-dark-mode-color);--action-card-normal-state-unselected-value-border-color:var(--action-card-normal-state-unselected-value-border-dark-mode-color);--action-card-normal-state-unselected-value-border-high-contrast-color:var(--action-card-normal-state-unselected-value-border-high-contrast-dark-mode-color);--action-card-normal-state-unselected-value-border-normal-contrast-color:var(--action-card-normal-state-unselected-value-border-normal-contrast-dark-mode-color);--badge-critical-style-background-color:var(--badge-critical-style-background-dark-mode-color);--badge-info-style-background-color:var(--badge-info-style-background-dark-mode-color);--badge-modal-blade-context-border-color:var(--badge-modal-blade-context-border-dark-mode-color);--badge-modal-dialog-context-border-color:var(--badge-modal-dialog-context-border-dark-mode-color);--badge-modal-full-context-border-color:var(--badge-modal-full-context-border-dark-mode-color);--badge-modal-partial-context-border-color:var(--badge-modal-partial-context-border-dark-mode-color);--badge-modal-popover-context-border-color:var(--badge-modal-popover-context-border-dark-mode-color);--badge-modal-sheet-context-border-color:var(--badge-modal-sheet-context-border-dark-mode-color);--banner-button-separator-color:var(--banner-button-separator-dark-mode-color);--banner-critical-variant-background-color:var(--banner-critical-variant-background-dark-mode-color);--banner-critical-variant-border-color:var(--banner-critical-variant-border-dark-mode-color);--banner-critical-variant-button-text-color:var(--banner-critical-variant-button-text-dark-mode-color);--banner-critical-variant-disabled-state-text-link-text-color:var(--banner-critical-variant-disabled-state-text-link-text-dark-mode-color);--banner-critical-variant-focused-state-text-link-text-color:var(--banner-critical-variant-focused-state-text-link-text-dark-mode-color);--banner-critical-variant-hover-state-text-link-text-color:var(--banner-critical-variant-hover-state-text-link-text-dark-mode-color);--banner-critical-variant-icon-color:var(--banner-critical-variant-icon-dark-mode-color);--banner-critical-variant-icon-high-contrast-color:var(--banner-critical-variant-icon-high-contrast-dark-mode-color);--banner-critical-variant-icon-normal-contrast-color:var(--banner-critical-variant-icon-normal-contrast-dark-mode-color);--banner-critical-variant-normal-state-text-link-text-color:var(--banner-critical-variant-normal-state-text-link-text-dark-mode-color);--banner-critical-variant-pressed-state-text-link-text-color:var(--banner-critical-variant-pressed-state-text-link-text-dark-mode-color);--banner-critical-variant-text-color:var(--banner-critical-variant-text-dark-mode-color);--banner-critical-variant-text-link-text-color:var(--banner-critical-variant-text-link-text-dark-mode-color);--banner-dismiss-button-normal-state-color:var(--banner-dismiss-button-normal-state-dark-mode-color);--banner-dismiss-button-pressed-state-color:var(--banner-dismiss-button-pressed-state-dark-mode-color);--banner-info-variant-background-color:var(--banner-info-variant-background-dark-mode-color);--banner-info-variant-border-color:var(--banner-info-variant-border-dark-mode-color);--banner-info-variant-button-text-color:var(--banner-info-variant-button-text-dark-mode-color);--banner-info-variant-disabled-state-text-link-text-color:var(--banner-info-variant-disabled-state-text-link-text-dark-mode-color);--banner-info-variant-focused-state-text-link-text-color:var(--banner-info-variant-focused-state-text-link-text-dark-mode-color);--banner-info-variant-hover-state-text-link-text-color:var(--banner-info-variant-hover-state-text-link-text-dark-mode-color);--banner-info-variant-icon-color:var(--banner-info-variant-icon-dark-mode-color);--banner-info-variant-icon-high-contrast-color:var(--banner-info-variant-icon-high-contrast-dark-mode-color);--banner-info-variant-icon-normal-contrast-color:var(--banner-info-variant-icon-normal-contrast-dark-mode-color);--banner-info-variant-normal-state-text-link-text-color:var(--banner-info-variant-normal-state-text-link-text-dark-mode-color);--banner-info-variant-pressed-state-text-link-text-color:var(--banner-info-variant-pressed-state-text-link-text-dark-mode-color);--banner-info-variant-text-color:var(--banner-info-variant-text-dark-mode-color);--banner-info-variant-text-link-text-color:var(--banner-info-variant-text-link-text-dark-mode-color);--banner-insight-variant-background-color:var(--banner-insight-variant-background-dark-mode-color);--banner-insight-variant-border-color:var(--banner-insight-variant-border-dark-mode-color);--banner-insight-variant-button-text-color:var(--banner-insight-variant-button-text-dark-mode-color);--banner-insight-variant-disabled-state-text-link-text-color:var(--banner-insight-variant-disabled-state-text-link-text-dark-mode-color);--banner-insight-variant-focused-state-text-link-text-color:var(--banner-insight-variant-focused-state-text-link-text-dark-mode-color);--banner-insight-variant-hover-state-text-link-text-color:var(--banner-insight-variant-hover-state-text-link-text-dark-mode-color);--banner-insight-variant-icon-color:var(--banner-insight-variant-icon-dark-mode-color);--banner-insight-variant-icon-high-contrast-color:var(--banner-insight-variant-icon-high-contrast-dark-mode-color);--banner-insight-variant-icon-normal-contrast-color:var(--banner-insight-variant-icon-normal-contrast-dark-mode-color);--banner-insight-variant-normal-state-text-link-text-color:var(--banner-insight-variant-normal-state-text-link-text-dark-mode-color);--banner-insight-variant-pressed-state-text-link-text-color:var(--banner-insight-variant-pressed-state-text-link-text-dark-mode-color);--banner-insight-variant-text-color:var(--banner-insight-variant-text-dark-mode-color);--banner-insight-variant-text-link-text-color:var(--banner-insight-variant-text-link-text-dark-mode-color);--banner-success-variant-background-color:var(--banner-success-variant-background-dark-mode-color);--banner-success-variant-border-color:var(--banner-success-variant-border-dark-mode-color);--banner-success-variant-button-text-color:var(--banner-success-variant-button-text-dark-mode-color);--banner-success-variant-disabled-state-text-link-text-color:var(--banner-success-variant-disabled-state-text-link-text-dark-mode-color);--banner-success-variant-focused-state-text-link-text-color:var(--banner-success-variant-focused-state-text-link-text-dark-mode-color);--banner-success-variant-hover-state-text-link-text-color:var(--banner-success-variant-hover-state-text-link-text-dark-mode-color);--banner-success-variant-icon-color:var(--banner-success-variant-icon-dark-mode-color);--banner-success-variant-icon-high-contrast-color:var(--banner-success-variant-icon-high-contrast-dark-mode-color);--banner-success-variant-icon-normal-contrast-color:var(--banner-success-variant-icon-normal-contrast-dark-mode-color);--banner-success-variant-normal-state-text-link-text-color:var(--banner-success-variant-normal-state-text-link-text-dark-mode-color);--banner-success-variant-pressed-state-text-link-text-color:var(--banner-success-variant-pressed-state-text-link-text-dark-mode-color);--banner-success-variant-text-color:var(--banner-success-variant-text-dark-mode-color);--banner-success-variant-text-link-text-color:var(--banner-success-variant-text-link-text-dark-mode-color);--banner-text-link-group-separator-color:var(--banner-text-link-group-separator-dark-mode-color);--banner-warning-variant-background-color:var(--banner-warning-variant-background-dark-mode-color);--banner-warning-variant-border-color:var(--banner-warning-variant-border-dark-mode-color);--banner-warning-variant-button-text-color:var(--banner-warning-variant-button-text-dark-mode-color);--banner-warning-variant-disabled-state-text-link-text-color:var(--banner-warning-variant-disabled-state-text-link-text-dark-mode-color);--banner-warning-variant-focused-state-text-link-text-color:var(--banner-warning-variant-focused-state-text-link-text-dark-mode-color);--banner-warning-variant-hover-state-text-link-text-color:var(--banner-warning-variant-hover-state-text-link-text-dark-mode-color);--banner-warning-variant-icon-color:var(--banner-warning-variant-icon-dark-mode-color);--banner-warning-variant-icon-high-contrast-color:var(--banner-warning-variant-icon-high-contrast-dark-mode-color);--banner-warning-variant-icon-normal-contrast-color:var(--banner-warning-variant-icon-normal-contrast-dark-mode-color);--banner-warning-variant-normal-state-text-link-text-color:var(--banner-warning-variant-normal-state-text-link-text-dark-mode-color);--banner-warning-variant-pressed-state-text-link-text-color:var(--banner-warning-variant-pressed-state-text-link-text-dark-mode-color);--banner-warning-variant-text-color:var(--banner-warning-variant-text-dark-mode-color);--banner-warning-variant-text-link-text-color:var(--banner-warning-variant-text-link-text-dark-mode-color);--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-primary-rank-hover-state-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-hover-state-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-primary-rank-normal-state-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-normal-state-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-background-color:var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color:var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color:var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color:var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);--button-group-overflow-button-disabled-state-background-color:var(--button-group-overflow-button-disabled-state-dark-mode-background-color);--button-group-overflow-button-disabled-state-icon-color:var(--button-group-overflow-button-disabled-state-dark-mode-icon-color);--button-group-overflow-button-focus-state-background-color:var(--button-group-overflow-button-focus-state-dark-mode-background-color);--button-group-overflow-button-focus-state-icon-color:var(--button-group-overflow-button-focus-state-dark-mode-icon-color);--button-group-overflow-button-hover-state-background-color:var(--button-group-overflow-button-hover-state-dark-mode-background-color);--button-group-overflow-button-hover-state-icon-color:var(--button-group-overflow-button-hover-state-dark-mode-icon-color);--button-group-overflow-button-normal-state-background-color:var(--button-group-overflow-button-normal-state-dark-mode-background-color);--button-group-overflow-button-normal-state-icon-color:var(--button-group-overflow-button-normal-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-disabled-state-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-disabled-state-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-focus-state-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-focus-state-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-hover-state-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-hover-state-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-normal-state-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-normal-state-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-primary-rank-pressed-state-background-color:var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-primary-rank-pressed-state-icon-color:var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-hover-state-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-hover-state-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-normal-state-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-normal-state-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-background-color:var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color:var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);--button-group-overflow-button-pressed-state-background-color:var(--button-group-overflow-button-pressed-state-dark-mode-background-color);--button-group-overflow-button-pressed-state-icon-color:var(--button-group-overflow-button-pressed-state-dark-mode-icon-color);--button-group-overflow-button-primary-rank-disabled-state-background-color:var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color);--button-group-overflow-button-primary-rank-disabled-state-icon-color:var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);--button-group-overflow-button-primary-rank-focus-state-background-color:var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color);--button-group-overflow-button-primary-rank-focus-state-icon-color:var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color);--button-group-overflow-button-primary-rank-hover-state-background-color:var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color);--button-group-overflow-button-primary-rank-hover-state-icon-color:var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color);--button-group-overflow-button-primary-rank-normal-state-background-color:var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color);--button-group-overflow-button-primary-rank-normal-state-icon-color:var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color);--button-group-overflow-button-primary-rank-pressed-state-background-color:var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color);--button-group-overflow-button-primary-rank-pressed-state-icon-color:var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);--button-group-overflow-button-secondary-rank-disabled-state-background-color:var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);--button-group-overflow-button-secondary-rank-disabled-state-icon-color:var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);--button-group-overflow-button-secondary-rank-focus-state-background-color:var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color);--button-group-overflow-button-secondary-rank-focus-state-icon-color:var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);--button-group-overflow-button-secondary-rank-hover-state-background-color:var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color);--button-group-overflow-button-secondary-rank-hover-state-icon-color:var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);--button-group-overflow-button-secondary-rank-normal-state-background-color:var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color);--button-group-overflow-button-secondary-rank-normal-state-icon-color:var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);--button-group-overflow-button-secondary-rank-pressed-state-background-color:var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);--button-group-overflow-button-secondary-rank-pressed-state-icon-color:var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);--button-group-overflow-button-tertiary-rank-disabled-state-background-color:var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);--button-group-overflow-button-tertiary-rank-disabled-state-icon-color:var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);--button-group-overflow-button-tertiary-rank-focus-state-background-color:var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);--button-group-overflow-button-tertiary-rank-focus-state-icon-color:var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);--button-group-overflow-button-tertiary-rank-hover-state-background-color:var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);--button-group-overflow-button-tertiary-rank-hover-state-icon-color:var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);--button-group-overflow-button-tertiary-rank-normal-state-background-color:var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);--button-group-overflow-button-tertiary-rank-normal-state-icon-color:var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);--button-group-overflow-button-tertiary-rank-pressed-state-background-color:var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);--button-group-overflow-button-tertiary-rank-pressed-state-icon-color:var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);--button-destructive-variant-primary-rank-disabled-state-background-color:var(--button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);--button-destructive-variant-primary-rank-disabled-state-label-color:var(--button-destructive-variant-primary-rank-disabled-state-dark-mode-label-color);--button-destructive-variant-primary-rank-focus-state-background-color:var(--button-destructive-variant-primary-rank-focus-state-dark-mode-background-color);--button-destructive-variant-primary-rank-focus-state-label-color:var(--button-destructive-variant-primary-rank-focus-state-dark-mode-label-color);--button-destructive-variant-primary-rank-hover-state-background-color:var(--button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);--button-destructive-variant-primary-rank-hover-state-label-color:var(--button-destructive-variant-primary-rank-hover-state-dark-mode-label-color);--button-destructive-variant-primary-rank-normal-state-background-color:var(--button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);--button-destructive-variant-primary-rank-normal-state-label-color:var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color);--button-destructive-variant-primary-rank-pressed-state-background-color:var(--button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);--button-destructive-variant-primary-rank-pressed-state-label-color:var(--button-destructive-variant-primary-rank-pressed-state-dark-mode-label-color);--button-destructive-variant-secondary-rank-disabled-state-background-color:var(--button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);--button-destructive-variant-secondary-rank-disabled-state-label-color:var(--button-destructive-variant-secondary-rank-disabled-state-dark-mode-label-color);--button-destructive-variant-secondary-rank-focus-state-background-color:var(--button-destructive-variant-secondary-rank-focus-state-dark-mode-background-color);--button-destructive-variant-secondary-rank-focus-state-label-color:var(--button-destructive-variant-secondary-rank-focus-state-dark-mode-label-color);--button-destructive-variant-secondary-rank-hover-state-background-color:var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);--button-destructive-variant-secondary-rank-hover-state-label-color:var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-label-color);--button-destructive-variant-secondary-rank-normal-state-background-color:var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);--button-destructive-variant-secondary-rank-normal-state-label-color:var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color);--button-destructive-variant-secondary-rank-pressed-state-background-color:var(--button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);--button-destructive-variant-secondary-rank-pressed-state-label-color:var(--button-destructive-variant-secondary-rank-pressed-state-dark-mode-label-color);--button-destructive-variant-tertiary-rank-disabled-state-background-color:var(--button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);--button-destructive-variant-tertiary-rank-disabled-state-label-color:var(--button-destructive-variant-tertiary-rank-disabled-state-dark-mode-label-color);--button-destructive-variant-tertiary-rank-focus-state-background-color:var(--button-destructive-variant-tertiary-rank-focus-state-dark-mode-background-color);--button-destructive-variant-tertiary-rank-focus-state-label-color:var(--button-destructive-variant-tertiary-rank-focus-state-dark-mode-label-color);--button-destructive-variant-tertiary-rank-hover-state-background-color:var(--button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);--button-destructive-variant-tertiary-rank-hover-state-label-color:var(--button-destructive-variant-tertiary-rank-hover-state-dark-mode-label-color);--button-destructive-variant-tertiary-rank-normal-state-background-color:var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);--button-destructive-variant-tertiary-rank-normal-state-label-color:var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color);--button-destructive-variant-tertiary-rank-pressed-state-background-color:var(--button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);--button-destructive-variant-tertiary-rank-pressed-state-label-color:var(--button-destructive-variant-tertiary-rank-pressed-state-dark-mode-label-color);--button-focus-ring-color:var(--button-dark-mode-focus-ring-color);--button-normal-variant-primary-rank-disabled-state-background-color:var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);--button-normal-variant-primary-rank-disabled-state-label-color:var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);--button-normal-variant-primary-rank-focus-state-background-color:var(--button-normal-variant-primary-rank-focus-state-dark-mode-background-color);--button-normal-variant-primary-rank-focus-state-label-color:var(--button-normal-variant-primary-rank-focus-state-dark-mode-label-color);--button-normal-variant-primary-rank-hover-state-background-color:var(--button-normal-variant-primary-rank-hover-state-dark-mode-background-color);--button-normal-variant-primary-rank-hover-state-label-color:var(--button-normal-variant-primary-rank-hover-state-dark-mode-label-color);--button-normal-variant-primary-rank-normal-state-background-color:var(--button-normal-variant-primary-rank-normal-state-dark-mode-background-color);--button-normal-variant-primary-rank-normal-state-label-color:var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color);--button-normal-variant-primary-rank-pressed-state-background-color:var(--button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);--button-normal-variant-primary-rank-pressed-state-label-color:var(--button-normal-variant-primary-rank-pressed-state-dark-mode-label-color);--button-normal-variant-secondary-rank-disabled-state-background-color:var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);--button-normal-variant-secondary-rank-disabled-state-label-color:var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color);--button-normal-variant-secondary-rank-focus-state-background-color:var(--button-normal-variant-secondary-rank-focus-state-dark-mode-background-color);--button-normal-variant-secondary-rank-focus-state-label-color:var(--button-normal-variant-secondary-rank-focus-state-dark-mode-label-color);--button-normal-variant-secondary-rank-hover-state-background-color:var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);--button-normal-variant-secondary-rank-hover-state-label-color:var(--button-normal-variant-secondary-rank-hover-state-dark-mode-label-color);--button-normal-variant-secondary-rank-normal-state-background-color:var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);--button-normal-variant-secondary-rank-normal-state-label-color:var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);--button-normal-variant-secondary-rank-pressed-state-background-color:var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);--button-normal-variant-secondary-rank-pressed-state-label-color:var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color);--button-normal-variant-tertiary-rank-disabled-state-background-color:var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color);--button-normal-variant-tertiary-rank-disabled-state-label-color:var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color);--button-normal-variant-tertiary-rank-focus-state-background-color:var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color);--button-normal-variant-tertiary-rank-focus-state-label-color:var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color);--button-normal-variant-tertiary-rank-hover-state-background-color:var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color);--button-normal-variant-tertiary-rank-hover-state-label-color:var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color);--button-normal-variant-tertiary-rank-normal-state-background-color:var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);--button-normal-variant-tertiary-rank-normal-state-label-color:var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);--button-normal-variant-tertiary-rank-pressed-state-background-color:var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color);--button-normal-variant-tertiary-rank-pressed-state-label-color:var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color);--calculator-button-default-variant-background-disabled-state-color:var(--calculator-button-default-variant-background-disabled-state-dark-mode-color);--calculator-button-default-variant-background-normal-state-color:var(--calculator-button-default-variant-background-normal-state-dark-mode-color);--calculator-button-default-variant-background-pressed-state-color:var(--calculator-button-default-variant-background-pressed-state-dark-mode-color);--calculator-button-default-variant-foreground-disabled-state-color:var(--calculator-button-default-variant-foreground-disabled-state-dark-mode-color);--calculator-button-default-variant-foreground-normal-state-color:var(--calculator-button-default-variant-foreground-normal-state-dark-mode-color);--calculator-button-default-variant-foreground-pressed-state-color:var(--calculator-button-default-variant-foreground-pressed-state-dark-mode-color);--calculator-button-primary-operator-variant-background-disabled-state-color:var(--calculator-button-primary-operator-variant-background-disabled-state-dark-mode-color);--calculator-button-primary-operator-variant-background-normal-state-color:var(--calculator-button-primary-operator-variant-background-normal-state-dark-mode-color);--calculator-button-primary-operator-variant-background-pressed-state-color:var(--calculator-button-primary-operator-variant-background-pressed-state-dark-mode-color);--calculator-button-primary-operator-variant-foreground-disabled-state-color:var(--calculator-button-primary-operator-variant-foreground-disabled-state-dark-mode-color);--calculator-button-primary-operator-variant-foreground-normal-state-color:var(--calculator-button-primary-operator-variant-foreground-normal-state-dark-mode-color);--calculator-button-primary-operator-variant-foreground-pressed-state-color:var(--calculator-button-primary-operator-variant-foreground-pressed-state-dark-mode-color);--calculator-button-secondary-operator-variant-background-disabled-state-color:var(--calculator-button-secondary-operator-variant-background-disabled-state-dark-mode-color);--calculator-button-secondary-operator-variant-background-normal-state-color:var(--calculator-button-secondary-operator-variant-background-normal-state-dark-mode-color);--calculator-button-secondary-operator-variant-background-pressed-state-color:var(--calculator-button-secondary-operator-variant-background-pressed-state-dark-mode-color);--calculator-button-secondary-operator-variant-foreground-disabled-state-color:var(--calculator-button-secondary-operator-variant-foreground-disabled-state-dark-mode-color);--calculator-button-secondary-operator-variant-foreground-normal-state-color:var(--calculator-button-secondary-operator-variant-foreground-normal-state-dark-mode-color);--calculator-button-secondary-operator-variant-foreground-pressed-state-color:var(--calculator-button-secondary-operator-variant-foreground-pressed-state-dark-mode-color);--calculator-display-border-color:var(--calculator-display-border-dark-mode-color);--calculator-display-text-color:var(--calculator-display-text-dark-mode-color);--checkbox-disabled-state-invalid-validity-checked-value-background-color:var(--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-background-color);--checkbox-disabled-state-invalid-validity-checked-value-border-color:var(--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-border-color);--checkbox-disabled-state-invalid-validity-checked-value-icon-color:var(--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-icon-color);--checkbox-disabled-state-invalid-validity-indeterminate-value-background-color:var(--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-background-color);--checkbox-disabled-state-invalid-validity-indeterminate-value-border-color:var(--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-border-color);--checkbox-disabled-state-invalid-validity-indeterminate-value-icon-color:var(--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-icon-color);--checkbox-disabled-state-invalid-validity-unchecked-value-background-color:var(--checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-background-color);--checkbox-disabled-state-invalid-validity-unchecked-value-border-color:var(--checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-border-color);--checkbox-disabled-state-normal-validity-checked-value-background-color:var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-background-color);--checkbox-disabled-state-normal-validity-checked-value-border-color:var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-border-color);--checkbox-disabled-state-normal-validity-checked-value-icon-color:var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-icon-color);--checkbox-disabled-state-normal-validity-indeterminate-value-background-color:var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-background-color);--checkbox-disabled-state-normal-validity-indeterminate-value-border-color:var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-border-color);--checkbox-disabled-state-normal-validity-indeterminate-value-icon-color:var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-icon-color);--checkbox-disabled-state-normal-validity-unchecked-value-background-color:var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-background-color);--checkbox-disabled-state-normal-validity-unchecked-value-border-color:var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-border-color);--checkbox-focus-ring-color:var(--checkbox-dark-mode-focus-ring-color);--checkbox-focus-state-invalid-validity-checked-value-background-color:var(--checkbox-focus-state-invalid-validity-checked-value-dark-mode-background-color);--checkbox-focus-state-invalid-validity-checked-value-border-color:var(--checkbox-focus-state-invalid-validity-checked-value-dark-mode-border-color);--checkbox-focus-state-invalid-validity-checked-value-icon-color:var(--checkbox-focus-state-invalid-validity-checked-value-dark-mode-icon-color);--checkbox-focus-state-invalid-validity-indeterminate-value-background-color:var(--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-background-color);--checkbox-focus-state-invalid-validity-indeterminate-value-border-color:var(--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-border-color);--checkbox-focus-state-invalid-validity-indeterminate-value-icon-color:var(--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-icon-color);--checkbox-focus-state-invalid-validity-unchecked-value-background-color:var(--checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-background-color);--checkbox-focus-state-invalid-validity-unchecked-value-border-color:var(--checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-border-color);--checkbox-focus-state-normal-validity-checked-value-background-color:var(--checkbox-focus-state-normal-validity-checked-value-dark-mode-background-color);--checkbox-focus-state-normal-validity-checked-value-border-color:var(--checkbox-focus-state-normal-validity-checked-value-dark-mode-border-color);--checkbox-focus-state-normal-validity-checked-value-icon-color:var(--checkbox-focus-state-normal-validity-checked-value-dark-mode-icon-color);--checkbox-focus-state-normal-validity-indeterminate-value-background-color:var(--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-background-color);--checkbox-focus-state-normal-validity-indeterminate-value-border-color:var(--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-border-color);--checkbox-focus-state-normal-validity-indeterminate-value-icon-color:var(--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-icon-color);--checkbox-focus-state-normal-validity-unchecked-value-background-color:var(--checkbox-focus-state-normal-validity-unchecked-value-dark-mode-background-color);--checkbox-focus-state-normal-validity-unchecked-value-border-color:var(--checkbox-focus-state-normal-validity-unchecked-value-dark-mode-border-color);--checkbox-hover-state-invalid-validity-checked-value-background-color:var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-background-color);--checkbox-hover-state-invalid-validity-checked-value-border-color:var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-border-color);--checkbox-hover-state-invalid-validity-checked-value-icon-color:var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-icon-color);--checkbox-hover-state-invalid-validity-indeterminate-value-background-color:var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-background-color);--checkbox-hover-state-invalid-validity-indeterminate-value-border-color:var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-border-color);--checkbox-hover-state-invalid-validity-indeterminate-value-icon-color:var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-icon-color);--checkbox-hover-state-invalid-validity-unchecked-value-background-color:var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-background-color);--checkbox-hover-state-invalid-validity-unchecked-value-border-color:var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-border-color);--checkbox-hover-state-normal-validity-checked-value-background-color:var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-background-color);--checkbox-hover-state-normal-validity-checked-value-border-color:var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-border-color);--checkbox-hover-state-normal-validity-checked-value-icon-color:var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-icon-color);--checkbox-hover-state-normal-validity-indeterminate-value-background-color:var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-background-color);--checkbox-hover-state-normal-validity-indeterminate-value-border-color:var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-border-color);--checkbox-hover-state-normal-validity-indeterminate-value-icon-color:var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-icon-color);--checkbox-hover-state-normal-validity-unchecked-value-background-color:var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-background-color);--checkbox-hover-state-normal-validity-unchecked-value-border-color:var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-border-color);--checkbox-normal-state-invalid-validity-checked-value-background-color:var(--checkbox-normal-state-invalid-validity-checked-value-dark-mode-background-color);--checkbox-normal-state-invalid-validity-checked-value-border-color:var(--checkbox-normal-state-invalid-validity-checked-value-dark-mode-border-color);--checkbox-normal-state-invalid-validity-checked-value-icon-color:var(--checkbox-normal-state-invalid-validity-checked-value-dark-mode-icon-color);--checkbox-normal-state-invalid-validity-indeterminate-value-background-color:var(--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-background-color);--checkbox-normal-state-invalid-validity-indeterminate-value-border-color:var(--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-border-color);--checkbox-normal-state-invalid-validity-indeterminate-value-icon-color:var(--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-icon-color);--checkbox-normal-state-invalid-validity-unchecked-value-background-color:var(--checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-background-color);--checkbox-normal-state-invalid-validity-unchecked-value-border-color:var(--checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-border-color);--checkbox-normal-state-normal-validity-checked-value-background-color:var(--checkbox-normal-state-normal-validity-checked-value-dark-mode-background-color);--checkbox-normal-state-normal-validity-checked-value-border-color:var(--checkbox-normal-state-normal-validity-checked-value-dark-mode-border-color);--checkbox-normal-state-normal-validity-checked-value-icon-color:var(--checkbox-normal-state-normal-validity-checked-value-dark-mode-icon-color);--checkbox-normal-state-normal-validity-indeterminate-value-background-color:var(--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-background-color);--checkbox-normal-state-normal-validity-indeterminate-value-border-color:var(--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-border-color);--checkbox-normal-state-normal-validity-indeterminate-value-icon-color:var(--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-icon-color);--checkbox-normal-state-normal-validity-unchecked-value-background-color:var(--checkbox-normal-state-normal-validity-unchecked-value-dark-mode-background-color);--checkbox-normal-state-normal-validity-unchecked-value-border-color:var(--checkbox-normal-state-normal-validity-unchecked-value-dark-mode-border-color);--checkbox-pressed-state-invalid-validity-checked-value-background-color:var(--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-background-color);--checkbox-pressed-state-invalid-validity-checked-value-border-color:var(--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-border-color);--checkbox-pressed-state-invalid-validity-checked-value-icon-color:var(--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-icon-color);--checkbox-pressed-state-invalid-validity-indeterminate-value-background-color:var(--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-background-color);--checkbox-pressed-state-invalid-validity-indeterminate-value-border-color:var(--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-border-color);--checkbox-pressed-state-invalid-validity-indeterminate-value-icon-color:var(--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-icon-color);--checkbox-pressed-state-invalid-validity-unchecked-value-background-color:var(--checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-background-color);--checkbox-pressed-state-invalid-validity-unchecked-value-border-color:var(--checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-border-color);--checkbox-pressed-state-normal-validity-checked-value-background-color:var(--checkbox-pressed-state-normal-validity-checked-value-dark-mode-background-color);--checkbox-pressed-state-normal-validity-checked-value-border-color:var(--checkbox-pressed-state-normal-validity-checked-value-dark-mode-border-color);--checkbox-pressed-state-normal-validity-checked-value-icon-color:var(--checkbox-pressed-state-normal-validity-checked-value-dark-mode-icon-color);--checkbox-pressed-state-normal-validity-indeterminate-value-background-color:var(--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-background-color);--checkbox-pressed-state-normal-validity-indeterminate-value-border-color:var(--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-border-color);--checkbox-pressed-state-normal-validity-indeterminate-value-icon-color:var(--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-icon-color);--checkbox-pressed-state-normal-validity-unchecked-value-background-color:var(--checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-background-color);--checkbox-pressed-state-normal-validity-unchecked-value-border-color:var(--checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-border-color);--choice-button-focus-ring-color:var(--choice-button-dark-mode-focus-ring-color);--choice-button-selected-value-disabled-state-background-color:var(--choice-button-selected-value-disabled-state-dark-mode-background-color);--choice-button-selected-value-disabled-state-label-color:var(--choice-button-selected-value-disabled-state-dark-mode-label-color);--choice-button-selected-value-hover-state-background-color:var(--choice-button-selected-value-hover-state-dark-mode-background-color);--choice-button-selected-value-hover-state-label-color:var(--choice-button-selected-value-hover-state-dark-mode-label-color);--choice-button-selected-value-normal-state-background-color:var(--choice-button-selected-value-normal-state-dark-mode-background-color);--choice-button-selected-value-normal-state-label-color:var(--choice-button-selected-value-normal-state-dark-mode-label-color);--choice-button-selected-value-pressed-state-background-color:var(--choice-button-selected-value-pressed-state-dark-mode-background-color);--choice-button-selected-value-pressed-state-label-color:var(--choice-button-selected-value-pressed-state-dark-mode-label-color);--choice-button-unselected-value-disabled-state-background-color:var(--choice-button-unselected-value-disabled-state-dark-mode-background-color);--choice-button-unselected-value-disabled-state-label-color:var(--choice-button-unselected-value-disabled-state-dark-mode-label-color);--choice-button-unselected-value-hover-state-background-color:var(--choice-button-unselected-value-hover-state-dark-mode-background-color);--choice-button-unselected-value-hover-state-label-color:var(--choice-button-unselected-value-hover-state-dark-mode-label-color);--choice-button-unselected-value-normal-state-background-color:var(--choice-button-unselected-value-normal-state-dark-mode-background-color);--choice-button-unselected-value-normal-state-label-color:var(--choice-button-unselected-value-normal-state-dark-mode-label-color);--choice-button-unselected-value-pressed-state-background-color:var(--choice-button-unselected-value-pressed-state-dark-mode-background-color);--choice-button-unselected-value-pressed-state-label-color:var(--choice-button-unselected-value-pressed-state-dark-mode-label-color);--choice-icon-button-focus-ring-color:var(--choice-icon-button-dark-mode-focus-ring-color);--choice-icon-button-selected-value-disabled-state-background-color:var(--choice-icon-button-selected-value-disabled-state-dark-mode-background-color);--choice-icon-button-selected-value-disabled-state-icon-color:var(--choice-icon-button-selected-value-disabled-state-dark-mode-icon-color);--choice-icon-button-selected-value-hover-state-background-color:var(--choice-icon-button-selected-value-hover-state-dark-mode-background-color);--choice-icon-button-selected-value-hover-state-icon-color:var(--choice-icon-button-selected-value-hover-state-dark-mode-icon-color);--choice-icon-button-selected-value-normal-state-background-color:var(--choice-icon-button-selected-value-normal-state-dark-mode-background-color);--choice-icon-button-selected-value-normal-state-icon-color:var(--choice-icon-button-selected-value-normal-state-dark-mode-icon-color);--choice-icon-button-selected-value-pressed-state-background-color:var(--choice-icon-button-selected-value-pressed-state-dark-mode-background-color);--choice-icon-button-selected-value-pressed-state-icon-color:var(--choice-icon-button-selected-value-pressed-state-dark-mode-icon-color);--choice-icon-button-unselected-value-disabled-state-background-color:var(--choice-icon-button-unselected-value-disabled-state-dark-mode-background-color);--choice-icon-button-unselected-value-disabled-state-icon-color:var(--choice-icon-button-unselected-value-disabled-state-dark-mode-icon-color);--choice-icon-button-unselected-value-hover-state-background-color:var(--choice-icon-button-unselected-value-hover-state-dark-mode-background-color);--choice-icon-button-unselected-value-hover-state-icon-color:var(--choice-icon-button-unselected-value-hover-state-dark-mode-icon-color);--choice-icon-button-unselected-value-normal-state-background-color:var(--choice-icon-button-unselected-value-normal-state-dark-mode-background-color);--choice-icon-button-unselected-value-normal-state-icon-color:var(--choice-icon-button-unselected-value-normal-state-dark-mode-icon-color);--choice-icon-button-unselected-value-pressed-state-background-color:var(--choice-icon-button-unselected-value-pressed-state-dark-mode-background-color);--choice-icon-button-unselected-value-pressed-state-icon-color:var(--choice-icon-button-unselected-value-pressed-state-dark-mode-icon-color);--coachmark-background-color:var(--coachmark-background-dark-mode-color);--coachmark-heading-color:var(--coachmark-heading-dark-mode-color);--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-background-color:var(--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-icon-color:var(--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-primary-rank-hover-state-background-color:var(--coachmark-icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-hover-state-icon-color:var(--coachmark-icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-primary-rank-normal-state-background-color:var(--coachmark-icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-normal-state-icon-color:var(--coachmark-icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-background-color:var(--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-icon-color:var(--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-background-color:var(--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-icon-color:var(--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-background-color:var(--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-icon-color:var(--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-background-color:var(--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-icon-color:var(--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-background-color:var(--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-icon-color:var(--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-background-color:var(--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color:var(--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-background-color:var(--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-icon-color:var(--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-background-color:var(--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-icon-color:var(--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-background-color:var(--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color:var(--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);--coachmark-icon-button-disabled-state-background-color:var(--coachmark-icon-button-disabled-state-dark-mode-background-color);--coachmark-icon-button-disabled-state-icon-color:var(--coachmark-icon-button-disabled-state-dark-mode-icon-color);--coachmark-icon-button-focus-state-background-color:var(--coachmark-icon-button-focus-state-dark-mode-background-color);--coachmark-icon-button-focus-state-icon-color:var(--coachmark-icon-button-focus-state-dark-mode-icon-color);--coachmark-icon-button-hover-state-background-color:var(--coachmark-icon-button-hover-state-dark-mode-background-color);--coachmark-icon-button-hover-state-icon-color:var(--coachmark-icon-button-hover-state-dark-mode-icon-color);--coachmark-icon-button-normal-state-background-color:var(--coachmark-icon-button-normal-state-dark-mode-background-color);--coachmark-icon-button-normal-state-icon-color:var(--coachmark-icon-button-normal-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-disabled-state-background-color:var(--coachmark-icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-disabled-state-icon-color:var(--coachmark-icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-focus-state-background-color:var(--coachmark-icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-focus-state-icon-color:var(--coachmark-icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-hover-state-background-color:var(--coachmark-icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-hover-state-icon-color:var(--coachmark-icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-normal-state-background-color:var(--coachmark-icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-normal-state-icon-color:var(--coachmark-icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-primary-rank-pressed-state-background-color:var(--coachmark-icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-primary-rank-pressed-state-icon-color:var(--coachmark-icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-background-color:var(--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-icon-color:var(--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-hover-state-background-color:var(--coachmark-icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-hover-state-icon-color:var(--coachmark-icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-normal-state-background-color:var(--coachmark-icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-normal-state-icon-color:var(--coachmark-icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-background-color:var(--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-icon-color:var(--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);--coachmark-icon-button-pressed-state-background-color:var(--coachmark-icon-button-pressed-state-dark-mode-background-color);--coachmark-icon-button-pressed-state-icon-color:var(--coachmark-icon-button-pressed-state-dark-mode-icon-color);--coachmark-icon-button-primary-rank-disabled-state-background-color:var(--coachmark-icon-button-primary-rank-disabled-state-dark-mode-background-color);--coachmark-icon-button-primary-rank-disabled-state-icon-color:var(--coachmark-icon-button-primary-rank-disabled-state-dark-mode-icon-color);--coachmark-icon-button-primary-rank-focus-state-background-color:var(--coachmark-icon-button-primary-rank-focus-state-dark-mode-background-color);--coachmark-icon-button-primary-rank-focus-state-icon-color:var(--coachmark-icon-button-primary-rank-focus-state-dark-mode-icon-color);--coachmark-icon-button-primary-rank-hover-state-background-color:var(--coachmark-icon-button-primary-rank-hover-state-dark-mode-background-color);--coachmark-icon-button-primary-rank-hover-state-icon-color:var(--coachmark-icon-button-primary-rank-hover-state-dark-mode-icon-color);--coachmark-icon-button-primary-rank-normal-state-background-color:var(--coachmark-icon-button-primary-rank-normal-state-dark-mode-background-color);--coachmark-icon-button-primary-rank-normal-state-icon-color:var(--coachmark-icon-button-primary-rank-normal-state-dark-mode-icon-color);--coachmark-icon-button-primary-rank-pressed-state-background-color:var(--coachmark-icon-button-primary-rank-pressed-state-dark-mode-background-color);--coachmark-icon-button-primary-rank-pressed-state-icon-color:var(--coachmark-icon-button-primary-rank-pressed-state-dark-mode-icon-color);--coachmark-icon-button-secondary-rank-disabled-state-background-color:var(--coachmark-icon-button-secondary-rank-disabled-state-dark-mode-background-color);--coachmark-icon-button-secondary-rank-disabled-state-icon-color:var(--coachmark-icon-button-secondary-rank-disabled-state-dark-mode-icon-color);--coachmark-icon-button-secondary-rank-focus-state-background-color:var(--coachmark-icon-button-secondary-rank-focus-state-dark-mode-background-color);--coachmark-icon-button-secondary-rank-focus-state-icon-color:var(--coachmark-icon-button-secondary-rank-focus-state-dark-mode-icon-color);--coachmark-icon-button-secondary-rank-hover-state-background-color:var(--coachmark-icon-button-secondary-rank-hover-state-dark-mode-background-color);--coachmark-icon-button-secondary-rank-hover-state-icon-color:var(--coachmark-icon-button-secondary-rank-hover-state-dark-mode-icon-color);--coachmark-icon-button-secondary-rank-normal-state-background-color:var(--coachmark-icon-button-secondary-rank-normal-state-dark-mode-background-color);--coachmark-icon-button-secondary-rank-normal-state-icon-color:var(--coachmark-icon-button-secondary-rank-normal-state-dark-mode-icon-color);--coachmark-icon-button-secondary-rank-pressed-state-background-color:var(--coachmark-icon-button-secondary-rank-pressed-state-dark-mode-background-color);--coachmark-icon-button-secondary-rank-pressed-state-icon-color:var(--coachmark-icon-button-secondary-rank-pressed-state-dark-mode-icon-color);--coachmark-icon-button-tertiary-rank-disabled-state-background-color:var(--coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-background-color);--coachmark-icon-button-tertiary-rank-disabled-state-icon-color:var(--coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-icon-color);--coachmark-icon-button-tertiary-rank-focus-state-background-color:var(--coachmark-icon-button-tertiary-rank-focus-state-dark-mode-background-color);--coachmark-icon-button-tertiary-rank-focus-state-icon-color:var(--coachmark-icon-button-tertiary-rank-focus-state-dark-mode-icon-color);--coachmark-icon-button-tertiary-rank-hover-state-background-color:var(--coachmark-icon-button-tertiary-rank-hover-state-dark-mode-background-color);--coachmark-icon-button-tertiary-rank-hover-state-icon-color:var(--coachmark-icon-button-tertiary-rank-hover-state-dark-mode-icon-color);--coachmark-icon-button-tertiary-rank-normal-state-background-color:var(--coachmark-icon-button-tertiary-rank-normal-state-dark-mode-background-color);--coachmark-icon-button-tertiary-rank-normal-state-icon-color:var(--coachmark-icon-button-tertiary-rank-normal-state-dark-mode-icon-color);--coachmark-icon-button-tertiary-rank-pressed-state-background-color:var(--coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-background-color);--coachmark-icon-button-tertiary-rank-pressed-state-icon-color:var(--coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-icon-color);--coachmark-paragraph-color:var(--coachmark-paragraph-dark-mode-color);--coachmark-pill-alpha-variant-background-color:var(--coachmark-pill-alpha-variant-background-dark-mode-color);--coachmark-pill-alpha-variant-icon-color:var(--coachmark-pill-alpha-variant-icon-dark-mode-color);--coachmark-pill-alpha-variant-normal-state-background-color:var(--coachmark-pill-alpha-variant-normal-state-background-dark-mode-color);--coachmark-pill-alpha-variant-pressed-state-background-color:var(--coachmark-pill-alpha-variant-pressed-state-background-dark-mode-color);--coachmark-pill-alpha-variant-text-color:var(--coachmark-pill-alpha-variant-text-dark-mode-color);--coachmark-pill-beta-variant-background-color:var(--coachmark-pill-beta-variant-background-dark-mode-color);--coachmark-pill-beta-variant-icon-color:var(--coachmark-pill-beta-variant-icon-dark-mode-color);--coachmark-pill-beta-variant-normal-state-background-color:var(--coachmark-pill-beta-variant-normal-state-background-dark-mode-color);--coachmark-pill-beta-variant-pressed-state-background-color:var(--coachmark-pill-beta-variant-pressed-state-background-dark-mode-color);--coachmark-pill-beta-variant-text-color:var(--coachmark-pill-beta-variant-text-dark-mode-color);--coachmark-pill-border-color:var(--coachmark-pill-border-dark-mode-color);--coachmark-pill-critical-variant-background-color:var(--coachmark-pill-critical-variant-background-dark-mode-color);--coachmark-pill-critical-variant-icon-color:var(--coachmark-pill-critical-variant-icon-dark-mode-color);--coachmark-pill-critical-variant-normal-state-background-color:var(--coachmark-pill-critical-variant-normal-state-background-dark-mode-color);--coachmark-pill-critical-variant-pressed-state-background-color:var(--coachmark-pill-critical-variant-pressed-state-background-dark-mode-color);--coachmark-pill-critical-variant-text-color:var(--coachmark-pill-critical-variant-text-dark-mode-color);--coachmark-pill-emphasis-variant-background-color:var(--coachmark-pill-emphasis-variant-background-dark-mode-color);--coachmark-pill-emphasis-variant-icon-color:var(--coachmark-pill-emphasis-variant-icon-dark-mode-color);--coachmark-pill-emphasis-variant-normal-state-background-color:var(--coachmark-pill-emphasis-variant-normal-state-background-dark-mode-color);--coachmark-pill-emphasis-variant-pressed-state-background-color:var(--coachmark-pill-emphasis-variant-pressed-state-background-dark-mode-color);--coachmark-pill-emphasis-variant-text-color:var(--coachmark-pill-emphasis-variant-text-dark-mode-color);--coachmark-pill-insight-variant-background-color:var(--coachmark-pill-insight-variant-background-dark-mode-color);--coachmark-pill-insight-variant-icon-color:var(--coachmark-pill-insight-variant-icon-dark-mode-color);--coachmark-pill-insight-variant-normal-state-background-color:var(--coachmark-pill-insight-variant-normal-state-background-dark-mode-color);--coachmark-pill-insight-variant-pressed-state-background-color:var(--coachmark-pill-insight-variant-pressed-state-background-dark-mode-color);--coachmark-pill-insight-variant-text-color:var(--coachmark-pill-insight-variant-text-dark-mode-color);--coachmark-pill-normal-variant-background-color:var(--coachmark-pill-normal-variant-background-dark-mode-color);--coachmark-pill-normal-variant-icon-color:var(--coachmark-pill-normal-variant-icon-dark-mode-color);--coachmark-pill-normal-variant-normal-state-background-color:var(--coachmark-pill-normal-variant-normal-state-background-dark-mode-color);--coachmark-pill-normal-variant-pressed-state-background-color:var(--coachmark-pill-normal-variant-pressed-state-background-dark-mode-color);--coachmark-pill-normal-variant-text-color:var(--coachmark-pill-normal-variant-text-dark-mode-color);--coachmark-pill-success-variant-background-color:var(--coachmark-pill-success-variant-background-dark-mode-color);--coachmark-pill-success-variant-icon-color:var(--coachmark-pill-success-variant-icon-dark-mode-color);--coachmark-pill-success-variant-normal-state-background-color:var(--coachmark-pill-success-variant-normal-state-background-dark-mode-color);--coachmark-pill-success-variant-pressed-state-background-color:var(--coachmark-pill-success-variant-pressed-state-background-dark-mode-color);--coachmark-pill-success-variant-text-color:var(--coachmark-pill-success-variant-text-dark-mode-color);--coachmark-pill-warning-variant-background-color:var(--coachmark-pill-warning-variant-background-dark-mode-color);--coachmark-pill-warning-variant-icon-color:var(--coachmark-pill-warning-variant-icon-dark-mode-color);--coachmark-pill-warning-variant-normal-state-background-color:var(--coachmark-pill-warning-variant-normal-state-background-dark-mode-color);--coachmark-pill-warning-variant-pressed-state-background-color:var(--coachmark-pill-warning-variant-pressed-state-background-dark-mode-color);--coachmark-pill-warning-variant-text-color:var(--coachmark-pill-warning-variant-text-dark-mode-color);--coachmark-step-indicator-color:var(--coachmark-step-indicator-dark-mode-color);--coachmark-text-link-color:var(--coachmark-text-link-dark-mode-color);--color-picker-adjustments-scrubber-border-inner-color:var(--color-picker-adjustments-scrubber-border-inner-dark-mode-color);--color-picker-adjustments-scrubber-border-outer-color:var(--color-picker-adjustments-scrubber-border-outer-dark-mode-color);--color-picker-dots-icon-color:var(--color-picker-dots-icon-dark-mode-color);--color-picker-grid-color-palette-gray-color:var(--color-picker-grid-color-palette-gray-dark-mode-color);--color-picker-swatch-selected-state-border-color:var(--color-picker-swatch-selected-state-dark-mode-border-color);--content-card-background-color:var(--content-card-background-dark-mode-color);--content-card-border-color:var(--content-card-border-dark-mode-color);--content-card-border-high-contrast-color:var(--content-card-border-high-contrast-dark-mode-color);--content-card-border-normal-contrast-color:var(--content-card-border-normal-contrast-dark-mode-color);--content-card-default-variant-background-color:var(--content-card-default-variant-background-dark-mode-color);--content-card-default-variant-border-color:var(--content-card-default-variant-border-dark-mode-color);--content-card-default-variant-border-high-contrast-color:var(--content-card-default-variant-border-high-contrast-dark-mode-color);--content-card-default-variant-border-normal-contrast-color:var(--content-card-default-variant-border-normal-contrast-dark-mode-color);--content-card-emphasis-variant-background-color:var(--content-card-emphasis-variant-background-dark-mode-color);--content-card-emphasis-variant-border-color:var(--content-card-emphasis-variant-border-dark-mode-color);--content-expander-collapsed-display-disabled-state-color:var(--content-expander-collapsed-display-disabled-state-dark-mode-color);--content-expander-collapsed-display-hover-state-color:var(--content-expander-collapsed-display-hover-state-dark-mode-color);--content-expander-collapsed-display-normal-state-color:var(--content-expander-collapsed-display-normal-state-dark-mode-color);--content-expander-collapsed-display-pressed-state-color:var(--content-expander-collapsed-display-pressed-state-dark-mode-color);--content-expander-disabled-state-color:var(--content-expander-disabled-state-dark-mode-color);--content-expander-expanded-display-disabled-state-color:var(--content-expander-expanded-display-disabled-state-dark-mode-color);--content-expander-expanded-display-hover-state-color:var(--content-expander-expanded-display-hover-state-dark-mode-color);--content-expander-expanded-display-normal-state-color:var(--content-expander-expanded-display-normal-state-dark-mode-color);--content-expander-expanded-display-pressed-state-color:var(--content-expander-expanded-display-pressed-state-dark-mode-color);--content-expander-hover-state-color:var(--content-expander-hover-state-dark-mode-color);--content-expander-normal-state-color:var(--content-expander-normal-state-dark-mode-color);--content-expander-pressed-state-color:var(--content-expander-pressed-state-dark-mode-color);--date-picker-date-background-range-first-selection-disabled-state-color:var(--date-picker-date-background-range-first-selection-disabled-state-dark-mode-color);--date-picker-date-background-range-first-selection-hover-state-color:var(--date-picker-date-background-range-first-selection-hover-state-dark-mode-color);--date-picker-date-background-range-first-selection-normal-state-color:var(--date-picker-date-background-range-first-selection-normal-state-dark-mode-color);--date-picker-date-background-range-first-selection-pressed-state-color:var(--date-picker-date-background-range-first-selection-pressed-state-dark-mode-color);--date-picker-date-background-range-last-selection-disabled-state-color:var(--date-picker-date-background-range-last-selection-disabled-state-dark-mode-color);--date-picker-date-background-range-last-selection-hover-state-color:var(--date-picker-date-background-range-last-selection-hover-state-dark-mode-color);--date-picker-date-background-range-last-selection-normal-state-color:var(--date-picker-date-background-range-last-selection-normal-state-dark-mode-color);--date-picker-date-background-range-last-selection-pressed-state-color:var(--date-picker-date-background-range-last-selection-pressed-state-dark-mode-color);--date-picker-date-background-range-middle-selection-disabled-state-color:var(--date-picker-date-background-range-middle-selection-disabled-state-dark-mode-color);--date-picker-date-background-range-middle-selection-hover-state-color:var(--date-picker-date-background-range-middle-selection-hover-state-dark-mode-color);--date-picker-date-background-range-middle-selection-normal-state-color:var(--date-picker-date-background-range-middle-selection-normal-state-dark-mode-color);--date-picker-date-background-range-middle-selection-pressed-state-color:var(--date-picker-date-background-range-middle-selection-pressed-state-dark-mode-color);--date-picker-date-background-single-selection-disabled-state-color:var(--date-picker-date-background-single-selection-disabled-state-dark-mode-color);--date-picker-date-background-single-selection-hover-state-color:var(--date-picker-date-background-single-selection-hover-state-dark-mode-color);--date-picker-date-background-single-selection-normal-state-color:var(--date-picker-date-background-single-selection-normal-state-dark-mode-color);--date-picker-date-background-single-selection-pressed-state-color:var(--date-picker-date-background-single-selection-pressed-state-dark-mode-color);--date-picker-date-background-unselected-selection-disabled-state-color:var(--date-picker-date-background-unselected-selection-disabled-state-dark-mode-color);--date-picker-date-background-unselected-selection-hover-state-color:var(--date-picker-date-background-unselected-selection-hover-state-dark-mode-color);--date-picker-date-background-unselected-selection-normal-state-color:var(--date-picker-date-background-unselected-selection-normal-state-dark-mode-color);--date-picker-date-background-unselected-selection-pressed-state-color:var(--date-picker-date-background-unselected-selection-pressed-state-dark-mode-color);--date-picker-date-border-disabled-state-color-color:var(--date-picker-date-border-disabled-state-color-dark-mode-color);--date-picker-date-border-focused-state-color-color:var(--date-picker-date-border-focused-state-color-dark-mode-color);--date-picker-date-border-normal-state-color-color:var(--date-picker-date-border-normal-state-color-dark-mode-color);--date-picker-date-text-range-first-selection-disabled-state-color:var(--date-picker-date-text-range-first-selection-disabled-state-dark-mode-color);--date-picker-date-text-range-first-selection-hover-state-color:var(--date-picker-date-text-range-first-selection-hover-state-dark-mode-color);--date-picker-date-text-range-first-selection-normal-state-color:var(--date-picker-date-text-range-first-selection-normal-state-dark-mode-color);--date-picker-date-text-range-first-selection-pressed-state-color:var(--date-picker-date-text-range-first-selection-pressed-state-dark-mode-color);--date-picker-date-text-range-last-selection-disabled-state-color:var(--date-picker-date-text-range-last-selection-disabled-state-dark-mode-color);--date-picker-date-text-range-last-selection-hover-state-color:var(--date-picker-date-text-range-last-selection-hover-state-dark-mode-color);--date-picker-date-text-range-last-selection-normal-state-color:var(--date-picker-date-text-range-last-selection-normal-state-dark-mode-color);--date-picker-date-text-range-last-selection-pressed-state-color:var(--date-picker-date-text-range-last-selection-pressed-state-dark-mode-color);--date-picker-date-text-range-middle-selection-disabled-state-color:var(--date-picker-date-text-range-middle-selection-disabled-state-dark-mode-color);--date-picker-date-text-range-middle-selection-hover-state-color:var(--date-picker-date-text-range-middle-selection-hover-state-dark-mode-color);--date-picker-date-text-range-middle-selection-normal-state-color:var(--date-picker-date-text-range-middle-selection-normal-state-dark-mode-color);--date-picker-date-text-range-middle-selection-pressed-state-color:var(--date-picker-date-text-range-middle-selection-pressed-state-dark-mode-color);--date-picker-date-text-single-selection-disabled-state-color:var(--date-picker-date-text-single-selection-disabled-state-dark-mode-color);--date-picker-date-text-single-selection-hover-state-color:var(--date-picker-date-text-single-selection-hover-state-dark-mode-color);--date-picker-date-text-single-selection-normal-state-color:var(--date-picker-date-text-single-selection-normal-state-dark-mode-color);--date-picker-date-text-single-selection-pressed-state-color:var(--date-picker-date-text-single-selection-pressed-state-dark-mode-color);--date-picker-date-text-unselected-selection-disabled-state-color:var(--date-picker-date-text-unselected-selection-disabled-state-dark-mode-color);--date-picker-date-text-unselected-selection-hover-state-color:var(--date-picker-date-text-unselected-selection-hover-state-dark-mode-color);--date-picker-date-text-unselected-selection-normal-state-color:var(--date-picker-date-text-unselected-selection-normal-state-dark-mode-color);--date-picker-date-text-unselected-selection-pressed-state-color:var(--date-picker-date-text-unselected-selection-pressed-state-dark-mode-color);--date-picker-header-button-background-color:var(--date-picker-header-button-background-dark-mode-color);--date-picker-header-button-color:var(--date-picker-header-button-dark-mode-color);--date-picker-header-color-color:var(--date-picker-header-color-dark-mode-color);--date-picker-menu-row-background-selected-state-color-color:var(--date-picker-menu-row-background-selected-state-color-dark-mode-color);--date-picker-menu-row-label-selected-state-text-color:var(--date-picker-menu-row-label-selected-state-text-dark-mode-color);--date-picker-today-border-color-color:var(--date-picker-today-border-color-dark-mode-color);--date-picker-today-label-disabled-state-color-color:var(--date-picker-today-label-disabled-state-color-dark-mode-color);--date-picker-weekdays-color-color:var(--date-picker-weekdays-color-dark-mode-color);--divider-fill-color:var(--divider-fill-dark-mode-color);--dropdown-button-normal-variant-primary-rank-disabled-state-background-color:var(--dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);--dropdown-button-normal-variant-primary-rank-disabled-state-label-color:var(--dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);--dropdown-button-normal-variant-primary-rank-focus-state-background-color:var(--dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);--dropdown-button-normal-variant-primary-rank-focus-state-label-color:var(--dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-label-color);--dropdown-button-normal-variant-primary-rank-hover-state-background-color:var(--dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);--dropdown-button-normal-variant-primary-rank-hover-state-label-color:var(--dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-label-color);--dropdown-button-normal-variant-primary-rank-normal-state-background-color:var(--dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);--dropdown-button-normal-variant-primary-rank-normal-state-label-color:var(--dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-label-color);--dropdown-button-normal-variant-primary-rank-pressed-state-background-color:var(--dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);--dropdown-button-normal-variant-primary-rank-pressed-state-label-color:var(--dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-label-color);--dropdown-button-normal-variant-secondary-rank-disabled-state-background-color:var(--dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);--dropdown-button-normal-variant-secondary-rank-disabled-state-label-color:var(--dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color);--dropdown-button-normal-variant-secondary-rank-focus-state-background-color:var(--dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-background-color);--dropdown-button-normal-variant-secondary-rank-focus-state-label-color:var(--dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-label-color);--dropdown-button-normal-variant-secondary-rank-hover-state-background-color:var(--dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);--dropdown-button-normal-variant-secondary-rank-hover-state-label-color:var(--dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-label-color);--dropdown-button-normal-variant-secondary-rank-normal-state-background-color:var(--dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);--dropdown-button-normal-variant-secondary-rank-normal-state-label-color:var(--dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);--dropdown-button-normal-variant-secondary-rank-pressed-state-background-color:var(--dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);--dropdown-button-normal-variant-secondary-rank-pressed-state-label-color:var(--dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-disabled-state-background-color:var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-disabled-state-label-color:var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-focus-state-background-color:var(--dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-focus-state-label-color:var(--dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-hover-state-background-color:var(--dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-hover-state-label-color:var(--dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-normal-state-background-color:var(--dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-normal-state-label-color:var(--dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);--dropdown-button-normal-variant-tertiary-rank-pressed-state-background-color:var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color);--dropdown-button-normal-variant-tertiary-rank-pressed-state-label-color:var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color);--dropdown-icon-button-disabled-state-background-color:var(--dropdown-icon-button-disabled-state-dark-mode-background-color);--dropdown-icon-button-disabled-state-icon-color:var(--dropdown-icon-button-disabled-state-dark-mode-icon-color);--dropdown-icon-button-focus-state-background-color:var(--dropdown-icon-button-focus-state-dark-mode-background-color);--dropdown-icon-button-focus-state-icon-color:var(--dropdown-icon-button-focus-state-dark-mode-icon-color);--dropdown-icon-button-hover-state-background-color:var(--dropdown-icon-button-hover-state-dark-mode-background-color);--dropdown-icon-button-hover-state-icon-color:var(--dropdown-icon-button-hover-state-dark-mode-icon-color);--dropdown-icon-button-normal-state-background-color:var(--dropdown-icon-button-normal-state-dark-mode-background-color);--dropdown-icon-button-normal-state-icon-color:var(--dropdown-icon-button-normal-state-dark-mode-icon-color);--dropdown-icon-button-pressed-state-background-color:var(--dropdown-icon-button-pressed-state-dark-mode-background-color);--dropdown-icon-button-pressed-state-icon-color:var(--dropdown-icon-button-pressed-state-dark-mode-icon-color);--empty-state-background-color:var(--empty-state-background-dark-mode-color);--empty-state-border-color:var(--empty-state-border-dark-mode-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color:var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-disabled-state-background-color:var(--empty-state-button-group-overflow-button-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-focus-state-background-color:var(--empty-state-button-group-overflow-button-focus-state-dark-mode-background-color);--empty-state-button-group-overflow-button-focus-state-icon-color:var(--empty-state-button-group-overflow-button-focus-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-hover-state-background-color:var(--empty-state-button-group-overflow-button-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-hover-state-icon-color:var(--empty-state-button-group-overflow-button-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-state-background-color:var(--empty-state-button-group-overflow-button-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-state-icon-color:var(--empty-state-button-group-overflow-button-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-background-color:var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-pressed-state-background-color:var(--empty-state-button-group-overflow-button-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-disabled-state-background-color:var(--empty-state-button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-focus-state-background-color:var(--empty-state-button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-focus-state-icon-color:var(--empty-state-button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-hover-state-background-color:var(--empty-state-button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-hover-state-icon-color:var(--empty-state-button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-normal-state-background-color:var(--empty-state-button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-normal-state-icon-color:var(--empty-state-button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-primary-rank-pressed-state-background-color:var(--empty-state-button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-primary-rank-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-disabled-state-background-color:var(--empty-state-button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-focus-state-background-color:var(--empty-state-button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-focus-state-icon-color:var(--empty-state-button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-hover-state-background-color:var(--empty-state-button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-hover-state-icon-color:var(--empty-state-button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-normal-state-background-color:var(--empty-state-button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-normal-state-icon-color:var(--empty-state-button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-secondary-rank-pressed-state-background-color:var(--empty-state-button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-secondary-rank-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-background-color:var(--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-icon-color:var(--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-focus-state-background-color:var(--empty-state-button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-focus-state-icon-color:var(--empty-state-button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-hover-state-background-color:var(--empty-state-button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-hover-state-icon-color:var(--empty-state-button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-normal-state-background-color:var(--empty-state-button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-normal-state-icon-color:var(--empty-state-button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-background-color:var(--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-icon-color:var(--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);--empty-state-heading-color:var(--empty-state-heading-dark-mode-color);--empty-state-heading-text-color:var(--empty-state-heading-text-dark-mode-color);--empty-state-paragraph-text-color:var(--empty-state-paragraph-text-dark-mode-color);--field-action-text-color:var(--field-dark-mode-action-text-color);--field-disabled-state-background-color:var(--field-disabled-state-dark-mode-background-color);--field-disabled-state-border-color:var(--field-disabled-state-dark-mode-border-color);--field-disabled-state-empty-phase-label-color:var(--field-disabled-state-empty-phase-dark-mode-label-color);--field-disabled-state-float-phase-label-color:var(--field-disabled-state-float-phase-dark-mode-label-color);--field-disabled-state-input-color:var(--field-disabled-state-dark-mode-input-color);--field-error-message-text-color:var(--field-dark-mode-error-message-text-color);--field-focus-state-background-color:var(--field-focus-state-dark-mode-background-color);--field-focus-state-float-phase-label-color:var(--field-focus-state-float-phase-dark-mode-label-color);--field-focus-state-input-color:var(--field-focus-state-dark-mode-input-color);--field-focus-state-invalid-validity-border-color:var(--field-focus-state-invalid-validity-dark-mode-border-color);--field-focus-state-normal-validity-border-color:var(--field-focus-state-normal-validity-dark-mode-border-color);--field-helper-text-text-color:var(--field-dark-mode-helper-text-text-color);--field-hover-state-background-color:var(--field-hover-state-dark-mode-background-color);--field-hover-state-empty-phase-label-color:var(--field-hover-state-empty-phase-dark-mode-label-color);--field-hover-state-float-phase-label-color:var(--field-hover-state-float-phase-dark-mode-label-color);--field-hover-state-input-color:var(--field-hover-state-dark-mode-input-color);--field-hover-state-invalid-validity-border-color:var(--field-hover-state-invalid-validity-dark-mode-border-color);--field-hover-state-normal-validity-border-color:var(--field-hover-state-normal-validity-dark-mode-border-color);--field-normal-state-background-color:var(--field-normal-state-dark-mode-background-color);--field-normal-state-empty-phase-label-color:var(--field-normal-state-empty-phase-dark-mode-label-color);--field-normal-state-float-phase-label-color:var(--field-normal-state-float-phase-dark-mode-label-color);--field-normal-state-input-color:var(--field-normal-state-dark-mode-input-color);--field-normal-state-invalid-validity-border-color:var(--field-normal-state-invalid-validity-dark-mode-border-color);--field-normal-state-normal-validity-border-color:var(--field-normal-state-normal-validity-dark-mode-border-color);--field-normal-state-normal-validity-border-high-contrast-color:var(--field-normal-state-normal-validity-dark-mode-border-high-contrast-color);--field-normal-state-normal-validity-border-normal-contrast-color:var(--field-normal-state-normal-validity-dark-mode-border-normal-contrast-color);--field-placeholder-text-color:var(--field-dark-mode-placeholder-text-color);--field-selection-caret-color:var(--field-dark-mode-selection-caret-color);--field-selection-highlight-color:var(--field-dark-mode-selection-highlight-color);--field-selection-text-cursor-color:var(--field-dark-mode-selection-text-cursor-color);--file-upload-dropzone-disabled-state-background-color:var(--file-upload-dropzone-disabled-state-background-dark-mode-color);--file-upload-dropzone-disabled-state-border-color:var(--file-upload-dropzone-disabled-state-border-dark-mode-color);--file-upload-dropzone-disabled-state-icon-color:var(--file-upload-dropzone-disabled-state-icon-dark-mode-color);--file-upload-dropzone-disabled-state-subtext-color:var(--file-upload-dropzone-disabled-state-subtext-dark-mode-color);--file-upload-dropzone-disabled-state-text-color:var(--file-upload-dropzone-disabled-state-text-dark-mode-color);--file-upload-dropzone-hover-state-background-color:var(--file-upload-dropzone-hover-state-background-dark-mode-color);--file-upload-dropzone-hover-state-border-color:var(--file-upload-dropzone-hover-state-border-dark-mode-color);--file-upload-dropzone-hover-state-icon-color:var(--file-upload-dropzone-hover-state-icon-dark-mode-color);--file-upload-dropzone-hover-state-subtext-color:var(--file-upload-dropzone-hover-state-subtext-dark-mode-color);--file-upload-dropzone-hover-state-text-color:var(--file-upload-dropzone-hover-state-text-dark-mode-color);--file-upload-dropzone-normal-state-background-color:var(--file-upload-dropzone-normal-state-background-dark-mode-color);--file-upload-dropzone-normal-state-border-color:var(--file-upload-dropzone-normal-state-border-dark-mode-color);--file-upload-dropzone-normal-state-icon-color:var(--file-upload-dropzone-normal-state-icon-dark-mode-color);--file-upload-dropzone-normal-state-subtext-color:var(--file-upload-dropzone-normal-state-subtext-dark-mode-color);--file-upload-dropzone-normal-state-text-color:var(--file-upload-dropzone-normal-state-text-dark-mode-color);--file-upload-dropzone-pressed-state-background-color:var(--file-upload-dropzone-pressed-state-background-dark-mode-color);--file-upload-dropzone-pressed-state-border-color:var(--file-upload-dropzone-pressed-state-border-dark-mode-color);--file-upload-dropzone-pressed-state-icon-color:var(--file-upload-dropzone-pressed-state-icon-dark-mode-color);--file-upload-dropzone-pressed-state-subtext-color:var(--file-upload-dropzone-pressed-state-subtext-dark-mode-color);--file-upload-dropzone-pressed-state-text-color:var(--file-upload-dropzone-pressed-state-text-dark-mode-color);--file-upload-upload-item-error-state-background-color:var(--file-upload-upload-item-error-state-background-dark-mode-color);--file-upload-upload-item-error-state-leading-accessory-background-color:var(--file-upload-upload-item-error-state-leading-accessory-background-dark-mode-color);--file-upload-upload-item-error-state-leading-accessory-icon-color:var(--file-upload-upload-item-error-state-leading-accessory-icon-dark-mode-color);--file-upload-upload-item-error-state-subtext-color:var(--file-upload-upload-item-error-state-subtext-dark-mode-color);--file-upload-upload-item-error-state-text-color:var(--file-upload-upload-item-error-state-text-dark-mode-color);--file-upload-upload-item-error-state-trailing-accessory-icon-color:var(--file-upload-upload-item-error-state-trailing-accessory-icon-dark-mode-color);--file-upload-upload-item-hover-state-background-color:var(--file-upload-upload-item-hover-state-background-dark-mode-color);--file-upload-upload-item-hover-state-leading-accessory-background-color:var(--file-upload-upload-item-hover-state-leading-accessory-background-dark-mode-color);--file-upload-upload-item-hover-state-leading-accessory-icon-color:var(--file-upload-upload-item-hover-state-leading-accessory-icon-dark-mode-color);--file-upload-upload-item-hover-state-subtext-color:var(--file-upload-upload-item-hover-state-subtext-dark-mode-color);--file-upload-upload-item-hover-state-text-color:var(--file-upload-upload-item-hover-state-text-dark-mode-color);--file-upload-upload-item-hover-state-trailing-accessory-icon-color:var(--file-upload-upload-item-hover-state-trailing-accessory-icon-dark-mode-color);--file-upload-upload-item-loading-state-background-color:var(--file-upload-upload-item-loading-state-background-dark-mode-color);--file-upload-upload-item-loading-state-leading-accessory-background-color:var(--file-upload-upload-item-loading-state-leading-accessory-background-dark-mode-color);--file-upload-upload-item-loading-state-leading-accessory-icon-color:var(--file-upload-upload-item-loading-state-leading-accessory-icon-dark-mode-color);--file-upload-upload-item-loading-state-subtext-color:var(--file-upload-upload-item-loading-state-subtext-dark-mode-color);--file-upload-upload-item-loading-state-text-color:var(--file-upload-upload-item-loading-state-text-dark-mode-color);--file-upload-upload-item-loading-state-trailing-accessory-icon-color:var(--file-upload-upload-item-loading-state-trailing-accessory-icon-dark-mode-color);--file-upload-upload-item-multiple-value-separator-color:var(--file-upload-upload-item-multiple-value-separator-dark-mode-color);--file-upload-upload-item-normal-state-background-color:var(--file-upload-upload-item-normal-state-background-dark-mode-color);--file-upload-upload-item-normal-state-leading-accessory-background-color:var(--file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color);--file-upload-upload-item-normal-state-leading-accessory-icon-color:var(--file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color);--file-upload-upload-item-normal-state-subtext-color:var(--file-upload-upload-item-normal-state-subtext-dark-mode-color);--file-upload-upload-item-normal-state-text-color:var(--file-upload-upload-item-normal-state-text-dark-mode-color);--file-upload-upload-item-normal-state-trailing-accessory-icon-color:var(--file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color);--file-upload-upload-item-pressed-state-background-color:var(--file-upload-upload-item-pressed-state-background-dark-mode-color);--file-upload-upload-item-pressed-state-leading-accessory-background-color:var(--file-upload-upload-item-pressed-state-leading-accessory-background-dark-mode-color);--file-upload-upload-item-pressed-state-leading-accessory-icon-color:var(--file-upload-upload-item-pressed-state-leading-accessory-icon-dark-mode-color);--file-upload-upload-item-pressed-state-subtext-color:var(--file-upload-upload-item-pressed-state-subtext-dark-mode-color);--file-upload-upload-item-pressed-state-text-color:var(--file-upload-upload-item-pressed-state-text-dark-mode-color);--file-upload-upload-item-pressed-state-trailing-accessory-icon-color:var(--file-upload-upload-item-pressed-state-trailing-accessory-icon-dark-mode-color);--file-upload-upload-item-single-value-border-color-color:var(--file-upload-upload-item-single-value-border-color-dark-mode-color);--file-upload-upload-item-success-state-background-color:var(--file-upload-upload-item-success-state-background-dark-mode-color);--file-upload-upload-item-success-state-leading-accessory-background-color:var(--file-upload-upload-item-success-state-leading-accessory-background-dark-mode-color);--file-upload-upload-item-success-state-leading-accessory-icon-color:var(--file-upload-upload-item-success-state-leading-accessory-icon-dark-mode-color);--file-upload-upload-item-success-state-subtext-color:var(--file-upload-upload-item-success-state-subtext-dark-mode-color);--file-upload-upload-item-success-state-text-color:var(--file-upload-upload-item-success-state-text-dark-mode-color);--file-upload-upload-item-success-state-trailing-accessory-icon-color:var(--file-upload-upload-item-success-state-trailing-accessory-icon-dark-mode-color);--filter-button-disabled-state-background-color:var(--filter-button-disabled-state-background-dark-mode-color);--filter-button-disabled-state-border-color:var(--filter-button-disabled-state-border-dark-mode-color);--filter-button-disabled-state-feedback-color:var(--filter-button-disabled-state-feedback-dark-mode-color);--filter-button-disabled-state-label-color:var(--filter-button-disabled-state-label-dark-mode-color);--filter-button-hover-state-background-color:var(--filter-button-hover-state-background-dark-mode-color);--filter-button-hover-state-border-color:var(--filter-button-hover-state-border-dark-mode-color);--filter-button-hover-state-feedback-color:var(--filter-button-hover-state-feedback-dark-mode-color);--filter-button-hover-state-label-color:var(--filter-button-hover-state-label-dark-mode-color);--filter-button-normal-state-background-color:var(--filter-button-normal-state-background-dark-mode-color);--filter-button-normal-state-border-color:var(--filter-button-normal-state-border-dark-mode-color);--filter-button-normal-state-border-high-contrast-color:var(--filter-button-normal-state-border-high-contrast-dark-mode-color);--filter-button-normal-state-border-normal-contrast-color:var(--filter-button-normal-state-border-normal-contrast-dark-mode-color);--filter-button-normal-state-feedback-color:var(--filter-button-normal-state-feedback-dark-mode-color);--filter-button-normal-state-label-color:var(--filter-button-normal-state-label-dark-mode-color);--filter-button-pressed-state-background-color:var(--filter-button-pressed-state-background-dark-mode-color);--filter-button-pressed-state-border-color:var(--filter-button-pressed-state-border-dark-mode-color);--filter-button-pressed-state-feedback-color:var(--filter-button-pressed-state-feedback-dark-mode-color);--filter-button-pressed-state-label-color:var(--filter-button-pressed-state-label-dark-mode-color);--hardware-slider-icon-tint-color:var(--hardware-slider-icon-tint-dark-mode-color);--hardware-slider-track-active-disabled-state-background-color:var(--hardware-slider-track-active-disabled-state-background-dark-mode-color);--hardware-slider-track-active-normal-state-background-color:var(--hardware-slider-track-active-normal-state-background-dark-mode-color);--hardware-slider-track-inactive-disabled-state-background-color:var(--hardware-slider-track-inactive-disabled-state-background-dark-mode-color);--hardware-slider-track-inactive-normal-state-background-color:var(--hardware-slider-track-inactive-normal-state-background-dark-mode-color);--header-compact-content-style-secondary-title-color:var(--header-compact-content-style-secondary-title-dark-mode-color);--header-compact-content-style-title-color:var(--header-compact-content-style-title-dark-mode-color);--header-divider-color:var(--header-divider-dark-mode-color);--header-large-content-style-secondary-title-color:var(--header-large-content-style-secondary-title-dark-mode-color);--header-large-content-style-title-color:var(--header-large-content-style-title-dark-mode-color);--header-main-text-text-color:var(--header-main-text-dark-mode-text-color);--header-paragraph-color:var(--header-paragraph-dark-mode-color);--header-sub-text-text-color:var(--header-sub-text-dark-mode-text-color);--icon-button-destructive-variant-primary-rank-disabled-state-background-color:var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);--icon-button-destructive-variant-primary-rank-disabled-state-icon-color:var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);--icon-button-destructive-variant-primary-rank-hover-state-background-color:var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);--icon-button-destructive-variant-primary-rank-hover-state-icon-color:var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);--icon-button-destructive-variant-primary-rank-normal-state-background-color:var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);--icon-button-destructive-variant-primary-rank-normal-state-icon-color:var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);--icon-button-destructive-variant-primary-rank-pressed-state-background-color:var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);--icon-button-destructive-variant-primary-rank-pressed-state-icon-color:var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);--icon-button-destructive-variant-secondary-rank-disabled-state-background-color:var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);--icon-button-destructive-variant-secondary-rank-disabled-state-icon-color:var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);--icon-button-destructive-variant-secondary-rank-hover-state-background-color:var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);--icon-button-destructive-variant-secondary-rank-hover-state-icon-color:var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);--icon-button-destructive-variant-secondary-rank-normal-state-background-color:var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);--icon-button-destructive-variant-secondary-rank-normal-state-icon-color:var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);--icon-button-destructive-variant-secondary-rank-pressed-state-background-color:var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);--icon-button-destructive-variant-secondary-rank-pressed-state-icon-color:var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);--icon-button-destructive-variant-tertiary-rank-disabled-state-background-color:var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);--icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color:var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);--icon-button-destructive-variant-tertiary-rank-hover-state-background-color:var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);--icon-button-destructive-variant-tertiary-rank-hover-state-icon-color:var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);--icon-button-destructive-variant-tertiary-rank-normal-state-background-color:var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);--icon-button-destructive-variant-tertiary-rank-normal-state-icon-color:var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);--icon-button-destructive-variant-tertiary-rank-pressed-state-background-color:var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);--icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color:var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);--icon-button-disabled-state-background-color:var(--icon-button-disabled-state-dark-mode-background-color);--icon-button-disabled-state-icon-color:var(--icon-button-disabled-state-dark-mode-icon-color);--icon-button-focus-state-background-color:var(--icon-button-focus-state-dark-mode-background-color);--icon-button-focus-state-icon-color:var(--icon-button-focus-state-dark-mode-icon-color);--icon-button-hover-state-background-color:var(--icon-button-hover-state-dark-mode-background-color);--icon-button-hover-state-icon-color:var(--icon-button-hover-state-dark-mode-icon-color);--icon-button-normal-state-background-color:var(--icon-button-normal-state-dark-mode-background-color);--icon-button-normal-state-icon-color:var(--icon-button-normal-state-dark-mode-icon-color);--icon-button-normal-variant-primary-rank-disabled-state-background-color:var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);--icon-button-normal-variant-primary-rank-disabled-state-icon-color:var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);--icon-button-normal-variant-primary-rank-focus-state-background-color:var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);--icon-button-normal-variant-primary-rank-focus-state-icon-color:var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);--icon-button-normal-variant-primary-rank-hover-state-background-color:var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);--icon-button-normal-variant-primary-rank-hover-state-icon-color:var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);--icon-button-normal-variant-primary-rank-normal-state-background-color:var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);--icon-button-normal-variant-primary-rank-normal-state-icon-color:var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);--icon-button-normal-variant-primary-rank-pressed-state-background-color:var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);--icon-button-normal-variant-primary-rank-pressed-state-icon-color:var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);--icon-button-normal-variant-secondary-rank-disabled-state-background-color:var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);--icon-button-normal-variant-secondary-rank-disabled-state-icon-color:var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);--icon-button-normal-variant-secondary-rank-hover-state-background-color:var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);--icon-button-normal-variant-secondary-rank-hover-state-icon-color:var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);--icon-button-normal-variant-secondary-rank-normal-state-background-color:var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);--icon-button-normal-variant-secondary-rank-normal-state-icon-color:var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);--icon-button-normal-variant-secondary-rank-pressed-state-background-color:var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);--icon-button-normal-variant-secondary-rank-pressed-state-icon-color:var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);--icon-button-pressed-state-background-color:var(--icon-button-pressed-state-dark-mode-background-color);--icon-button-pressed-state-icon-color:var(--icon-button-pressed-state-dark-mode-icon-color);--icon-button-primary-rank-disabled-state-background-color:var(--icon-button-primary-rank-disabled-state-dark-mode-background-color);--icon-button-primary-rank-disabled-state-icon-color:var(--icon-button-primary-rank-disabled-state-dark-mode-icon-color);--icon-button-primary-rank-focus-state-background-color:var(--icon-button-primary-rank-focus-state-dark-mode-background-color);--icon-button-primary-rank-focus-state-icon-color:var(--icon-button-primary-rank-focus-state-dark-mode-icon-color);--icon-button-primary-rank-hover-state-background-color:var(--icon-button-primary-rank-hover-state-dark-mode-background-color);--icon-button-primary-rank-hover-state-icon-color:var(--icon-button-primary-rank-hover-state-dark-mode-icon-color);--icon-button-primary-rank-normal-state-background-color:var(--icon-button-primary-rank-normal-state-dark-mode-background-color);--icon-button-primary-rank-normal-state-icon-color:var(--icon-button-primary-rank-normal-state-dark-mode-icon-color);--icon-button-primary-rank-pressed-state-background-color:var(--icon-button-primary-rank-pressed-state-dark-mode-background-color);--icon-button-primary-rank-pressed-state-icon-color:var(--icon-button-primary-rank-pressed-state-dark-mode-icon-color);--icon-button-secondary-rank-disabled-state-background-color:var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);--icon-button-secondary-rank-disabled-state-icon-color:var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);--icon-button-secondary-rank-focus-state-background-color:var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);--icon-button-secondary-rank-focus-state-icon-color:var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);--icon-button-secondary-rank-hover-state-background-color:var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);--icon-button-secondary-rank-hover-state-icon-color:var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);--icon-button-secondary-rank-normal-state-background-color:var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);--icon-button-secondary-rank-normal-state-icon-color:var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);--icon-button-secondary-rank-pressed-state-background-color:var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);--icon-button-secondary-rank-pressed-state-icon-color:var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);--icon-button-tertiary-rank-disabled-state-background-color:var(--icon-button-tertiary-rank-disabled-state-dark-mode-background-color);--icon-button-tertiary-rank-disabled-state-icon-color:var(--icon-button-tertiary-rank-disabled-state-dark-mode-icon-color);--icon-button-tertiary-rank-focus-state-background-color:var(--icon-button-tertiary-rank-focus-state-dark-mode-background-color);--icon-button-tertiary-rank-focus-state-icon-color:var(--icon-button-tertiary-rank-focus-state-dark-mode-icon-color);--icon-button-tertiary-rank-hover-state-background-color:var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color);--icon-button-tertiary-rank-hover-state-icon-color:var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color);--icon-button-tertiary-rank-normal-state-background-color:var(--icon-button-tertiary-rank-normal-state-dark-mode-background-color);--icon-button-tertiary-rank-normal-state-icon-color:var(--icon-button-tertiary-rank-normal-state-dark-mode-icon-color);--icon-button-tertiary-rank-pressed-state-background-color:var(--icon-button-tertiary-rank-pressed-state-dark-mode-background-color);--icon-button-tertiary-rank-pressed-state-icon-color:var(--icon-button-tertiary-rank-pressed-state-dark-mode-icon-color);--inline-section-header-heading-color:var(--inline-section-header-heading-dark-mode-color);--inline-section-header-paragraph-color:var(--inline-section-header-paragraph-dark-mode-color);--inline-section-header-text-link-color:var(--inline-section-header-text-link-dark-mode-color);--inline-status-error-variant-icon-color:var(--inline-status-error-variant-icon-dark-mode-color);--inline-status-error-variant-text-color:var(--inline-status-error-variant-text-dark-mode-color);--inline-status-info-variant-icon-color:var(--inline-status-info-variant-icon-dark-mode-color);--inline-status-info-variant-text-color:var(--inline-status-info-variant-text-dark-mode-color);--inline-status-success-variant-icon-color:var(--inline-status-success-variant-icon-dark-mode-color);--inline-status-success-variant-text-color:var(--inline-status-success-variant-text-dark-mode-color);--inline-status-warning-variant-icon-color:var(--inline-status-warning-variant-icon-dark-mode-color);--inline-status-warning-variant-text-color:var(--inline-status-warning-variant-text-dark-mode-color);--keyboard-bar-background-color:var(--keyboard-bar-dark-mode-background-color);--keyboard-bar-separator-color:var(--keyboard-bar-dark-mode-separator-color);--keyboard-bar-surface-color:var(--keyboard-bar-dark-mode-surface-color);--menu-item-selected-value-disabled-state-accordion-color:var(--menu-item-selected-value-disabled-state-accordion-dark-mode-color);--menu-item-selected-value-disabled-state-background-color:var(--menu-item-selected-value-disabled-state-background-dark-mode-color);--menu-item-selected-value-disabled-state-drill-color:var(--menu-item-selected-value-disabled-state-drill-dark-mode-color);--menu-item-selected-value-disabled-state-text-color:var(--menu-item-selected-value-disabled-state-text-dark-mode-color);--menu-item-selected-value-hover-state-accordion-color:var(--menu-item-selected-value-hover-state-accordion-dark-mode-color);--menu-item-selected-value-hover-state-background-color:var(--menu-item-selected-value-hover-state-background-dark-mode-color);--menu-item-selected-value-hover-state-drill-color:var(--menu-item-selected-value-hover-state-drill-dark-mode-color);--menu-item-selected-value-hover-state-text-color:var(--menu-item-selected-value-hover-state-text-dark-mode-color);--menu-item-selected-value-normal-state-accordion-color:var(--menu-item-selected-value-normal-state-accordion-dark-mode-color);--menu-item-selected-value-normal-state-background-color:var(--menu-item-selected-value-normal-state-background-dark-mode-color);--menu-item-selected-value-normal-state-drill-color:var(--menu-item-selected-value-normal-state-drill-dark-mode-color);--menu-item-selected-value-normal-state-text-color:var(--menu-item-selected-value-normal-state-text-dark-mode-color);--menu-item-selected-value-pressed-state-accordion-color:var(--menu-item-selected-value-pressed-state-accordion-dark-mode-color);--menu-item-selected-value-pressed-state-background-color:var(--menu-item-selected-value-pressed-state-background-dark-mode-color);--menu-item-selected-value-pressed-state-drill-color:var(--menu-item-selected-value-pressed-state-drill-dark-mode-color);--menu-item-selected-value-pressed-state-text-color:var(--menu-item-selected-value-pressed-state-text-dark-mode-color);--menu-item-unselected-value-disabled-state-accordion-color:var(--menu-item-unselected-value-disabled-state-accordion-dark-mode-color);--menu-item-unselected-value-disabled-state-background-color:var(--menu-item-unselected-value-disabled-state-background-dark-mode-color);--menu-item-unselected-value-disabled-state-drill-color:var(--menu-item-unselected-value-disabled-state-drill-dark-mode-color);--menu-item-unselected-value-disabled-state-text-color:var(--menu-item-unselected-value-disabled-state-text-dark-mode-color);--menu-item-unselected-value-hover-state-accordion-color:var(--menu-item-unselected-value-hover-state-accordion-dark-mode-color);--menu-item-unselected-value-hover-state-background-color:var(--menu-item-unselected-value-hover-state-background-dark-mode-color);--menu-item-unselected-value-hover-state-drill-color:var(--menu-item-unselected-value-hover-state-drill-dark-mode-color);--menu-item-unselected-value-hover-state-text-color:var(--menu-item-unselected-value-hover-state-text-dark-mode-color);--menu-item-unselected-value-normal-state-accordion-color:var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color);--menu-item-unselected-value-normal-state-background-color:var(--menu-item-unselected-value-normal-state-background-dark-mode-color);--menu-item-unselected-value-normal-state-drill-color:var(--menu-item-unselected-value-normal-state-drill-dark-mode-color);--menu-item-unselected-value-normal-state-text-color:var(--menu-item-unselected-value-normal-state-text-dark-mode-color);--menu-item-unselected-value-pressed-state-accordion-color:var(--menu-item-unselected-value-pressed-state-accordion-dark-mode-color);--menu-item-unselected-value-pressed-state-background-color:var(--menu-item-unselected-value-pressed-state-background-dark-mode-color);--menu-item-unselected-value-pressed-state-drill-color:var(--menu-item-unselected-value-pressed-state-drill-dark-mode-color);--menu-item-unselected-value-pressed-state-text-color:var(--menu-item-unselected-value-pressed-state-text-dark-mode-color);--modal-blade-background-color:var(--modal-blade-background-dark-mode-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-focus-state-background-color:var(--modal-dialog-actions-overflow-button-focus-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-focus-state-icon-color:var(--modal-dialog-actions-overflow-button-focus-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-hover-state-background-color:var(--modal-dialog-actions-overflow-button-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-state-background-color:var(--modal-dialog-actions-overflow-button-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-primary-rank-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-focus-state-background-color:var(--modal-dialog-actions-overflow-button-primary-rank-focus-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-focus-state-icon-color:var(--modal-dialog-actions-overflow-button-primary-rank-focus-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-hover-state-background-color:var(--modal-dialog-actions-overflow-button-primary-rank-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-primary-rank-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-normal-state-background-color:var(--modal-dialog-actions-overflow-button-primary-rank-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-primary-rank-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-primary-rank-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-primary-rank-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-primary-rank-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-focus-state-background-color:var(--modal-dialog-actions-overflow-button-secondary-rank-focus-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-focus-state-icon-color:var(--modal-dialog-actions-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-hover-state-background-color:var(--modal-dialog-actions-overflow-button-secondary-rank-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-normal-state-background-color:var(--modal-dialog-actions-overflow-button-secondary-rank-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-background-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-icon-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-background-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-icon-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-background-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-icon-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-background-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-icon-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-background-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-icon-color:var(--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);--modal-dialog-background-color:var(--modal-dialog-background-dark-mode-color);--modal-dialog-content-heading-color:var(--modal-dialog-content-heading-dark-mode-color);--modal-dialog-veil-color:var(--modal-dialog-veil-dark-mode-color);--modal-full-background-color:var(--modal-full-background-dark-mode-color);--modal-full-veil-color:var(--modal-full-veil-dark-mode-color);--modal-partial-background-color:var(--modal-partial-background-dark-mode-color);--modal-partial-veil-color:var(--modal-partial-veil-dark-mode-color);--modal-popover-background-color:var(--modal-popover-background-dark-mode-color);--modal-sheet-background-color:var(--modal-sheet-background-dark-mode-color);--modal-sheet-handle-background-color:var(--modal-sheet-handle-dark-mode-background-color);--modal-sheet-handle-fill-color:var(--modal-sheet-handle-dark-mode-fill-color);--modal-sheet-veil-color:var(--modal-sheet-veil-dark-mode-color);--page-indicator-dot-color:var(--page-indicator-dark-mode-dot-color);--page-indicator-selected-color:var(--page-indicator-dark-mode-selected-color);--paging-indicator-selected-state-color:var(--paging-indicator-selected-state-dark-mode-color);--paging-indicator-unselected-state-color:var(--paging-indicator-unselected-state-dark-mode-color);--pill-alpha-variant-background-color:var(--pill-alpha-variant-background-dark-mode-color);--pill-alpha-variant-icon-color:var(--pill-alpha-variant-icon-dark-mode-color);--pill-alpha-variant-normal-state-background-color:var(--pill-alpha-variant-normal-state-background-dark-mode-color);--pill-alpha-variant-pressed-state-background-color:var(--pill-alpha-variant-pressed-state-background-dark-mode-color);--pill-alpha-variant-text-color:var(--pill-alpha-variant-text-dark-mode-color);--pill-beta-variant-background-color:var(--pill-beta-variant-background-dark-mode-color);--pill-beta-variant-icon-color:var(--pill-beta-variant-icon-dark-mode-color);--pill-beta-variant-normal-state-background-color:var(--pill-beta-variant-normal-state-background-dark-mode-color);--pill-beta-variant-pressed-state-background-color:var(--pill-beta-variant-pressed-state-background-dark-mode-color);--pill-beta-variant-text-color:var(--pill-beta-variant-text-dark-mode-color);--pill-border-color:var(--pill-border-dark-mode-color);--pill-critical-variant-background-color:var(--pill-critical-variant-background-dark-mode-color);--pill-critical-variant-icon-color:var(--pill-critical-variant-icon-dark-mode-color);--pill-critical-variant-normal-state-background-color:var(--pill-critical-variant-normal-state-background-dark-mode-color);--pill-critical-variant-pressed-state-background-color:var(--pill-critical-variant-pressed-state-background-dark-mode-color);--pill-critical-variant-text-color:var(--pill-critical-variant-text-dark-mode-color);--pill-emphasis-variant-background-color:var(--pill-emphasis-variant-background-dark-mode-color);--pill-emphasis-variant-icon-color:var(--pill-emphasis-variant-icon-dark-mode-color);--pill-emphasis-variant-normal-state-background-color:var(--pill-emphasis-variant-normal-state-background-dark-mode-color);--pill-emphasis-variant-pressed-state-background-color:var(--pill-emphasis-variant-pressed-state-background-dark-mode-color);--pill-emphasis-variant-text-color:var(--pill-emphasis-variant-text-dark-mode-color);--pill-insight-variant-background-color:var(--pill-insight-variant-background-dark-mode-color);--pill-insight-variant-icon-color:var(--pill-insight-variant-icon-dark-mode-color);--pill-insight-variant-normal-state-background-color:var(--pill-insight-variant-normal-state-background-dark-mode-color);--pill-insight-variant-pressed-state-background-color:var(--pill-insight-variant-pressed-state-background-dark-mode-color);--pill-insight-variant-text-color:var(--pill-insight-variant-text-dark-mode-color);--pill-normal-variant-background-color:var(--pill-normal-variant-background-dark-mode-color);--pill-normal-variant-icon-color:var(--pill-normal-variant-icon-dark-mode-color);--pill-normal-variant-normal-state-background-color:var(--pill-normal-variant-normal-state-background-dark-mode-color);--pill-normal-variant-pressed-state-background-color:var(--pill-normal-variant-pressed-state-background-dark-mode-color);--pill-normal-variant-text-color:var(--pill-normal-variant-text-dark-mode-color);--pill-success-variant-background-color:var(--pill-success-variant-background-dark-mode-color);--pill-success-variant-icon-color:var(--pill-success-variant-icon-dark-mode-color);--pill-success-variant-normal-state-background-color:var(--pill-success-variant-normal-state-background-dark-mode-color);--pill-success-variant-pressed-state-background-color:var(--pill-success-variant-pressed-state-background-dark-mode-color);--pill-success-variant-text-color:var(--pill-success-variant-text-dark-mode-color);--pill-warning-variant-background-color:var(--pill-warning-variant-background-dark-mode-color);--pill-warning-variant-icon-color:var(--pill-warning-variant-icon-dark-mode-color);--pill-warning-variant-normal-state-background-color:var(--pill-warning-variant-normal-state-background-dark-mode-color);--pill-warning-variant-pressed-state-background-color:var(--pill-warning-variant-pressed-state-background-dark-mode-color);--pill-warning-variant-text-color:var(--pill-warning-variant-text-dark-mode-color);--qrcode-border-color:var(--qrcode-border-dark-mode-color);--qrcode-monochrome-variant-background-color:var(--qrcode-monochrome-variant-background-dark-mode-color);--qrcode-monochrome-variant-foreground-color:var(--qrcode-monochrome-variant-foreground-dark-mode-color);--qrcode-monochrome-variant-icon-color:var(--qrcode-monochrome-variant-icon-dark-mode-color);--qrcode-normal-variant-background-color:var(--qrcode-normal-variant-background-dark-mode-color);--qrcode-normal-variant-foreground-color:var(--qrcode-normal-variant-foreground-dark-mode-color);--qrcode-normal-variant-icon-color:var(--qrcode-normal-variant-icon-dark-mode-color);--quantity-input-field-value-text-color:var(--quantity-input-field-value-text-dark-mode-color);--quantity-input-field-value-text-placeholder-color:var(--quantity-input-field-value-text-placeholder-dark-mode-color);--radio-disabled-state-invalid-validity-selected-value-background-color:var(--radio-disabled-state-invalid-validity-selected-value-dark-mode-background-color);--radio-disabled-state-invalid-validity-selected-value-border-color:var(--radio-disabled-state-invalid-validity-selected-value-dark-mode-border-color);--radio-disabled-state-invalid-validity-selected-value-icon-color:var(--radio-disabled-state-invalid-validity-selected-value-dark-mode-icon-color);--radio-disabled-state-invalid-validity-unselected-value-background-color:var(--radio-disabled-state-invalid-validity-unselected-value-dark-mode-background-color);--radio-disabled-state-invalid-validity-unselected-value-border-color:var(--radio-disabled-state-invalid-validity-unselected-value-dark-mode-border-color);--radio-disabled-state-normal-validity-selected-value-background-color:var(--radio-disabled-state-normal-validity-selected-value-dark-mode-background-color);--radio-disabled-state-normal-validity-selected-value-border-color:var(--radio-disabled-state-normal-validity-selected-value-dark-mode-border-color);--radio-disabled-state-normal-validity-selected-value-icon-color:var(--radio-disabled-state-normal-validity-selected-value-dark-mode-icon-color);--radio-disabled-state-normal-validity-unselected-value-background-color:var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-background-color);--radio-disabled-state-normal-validity-unselected-value-border-color:var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-border-color);--radio-focus-ring-color:var(--radio-dark-mode-focus-ring-color);--radio-focus-state-invalid-validity-selected-value-background-color:var(--radio-focus-state-invalid-validity-selected-value-dark-mode-background-color);--radio-focus-state-invalid-validity-selected-value-border-color:var(--radio-focus-state-invalid-validity-selected-value-dark-mode-border-color);--radio-focus-state-invalid-validity-selected-value-icon-color:var(--radio-focus-state-invalid-validity-selected-value-dark-mode-icon-color);--radio-focus-state-invalid-validity-unselected-value-background-color:var(--radio-focus-state-invalid-validity-unselected-value-dark-mode-background-color);--radio-focus-state-invalid-validity-unselected-value-border-color:var(--radio-focus-state-invalid-validity-unselected-value-dark-mode-border-color);--radio-focus-state-normal-validity-selected-value-background-color:var(--radio-focus-state-normal-validity-selected-value-dark-mode-background-color);--radio-focus-state-normal-validity-selected-value-border-color:var(--radio-focus-state-normal-validity-selected-value-dark-mode-border-color);--radio-focus-state-normal-validity-selected-value-icon-color:var(--radio-focus-state-normal-validity-selected-value-dark-mode-icon-color);--radio-focus-state-normal-validity-unselected-value-background-color:var(--radio-focus-state-normal-validity-unselected-value-dark-mode-background-color);--radio-focus-state-normal-validity-unselected-value-border-color:var(--radio-focus-state-normal-validity-unselected-value-dark-mode-border-color);--radio-hover-state-invalid-validity-selected-value-background-color:var(--radio-hover-state-invalid-validity-selected-value-dark-mode-background-color);--radio-hover-state-invalid-validity-selected-value-border-color:var(--radio-hover-state-invalid-validity-selected-value-dark-mode-border-color);--radio-hover-state-invalid-validity-selected-value-icon-color:var(--radio-hover-state-invalid-validity-selected-value-dark-mode-icon-color);--radio-hover-state-invalid-validity-unselected-value-background-color:var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-background-color);--radio-hover-state-invalid-validity-unselected-value-border-color:var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-border-color);--radio-hover-state-normal-validity-selected-value-background-color:var(--radio-hover-state-normal-validity-selected-value-dark-mode-background-color);--radio-hover-state-normal-validity-selected-value-border-color:var(--radio-hover-state-normal-validity-selected-value-dark-mode-border-color);--radio-hover-state-normal-validity-selected-value-icon-color:var(--radio-hover-state-normal-validity-selected-value-dark-mode-icon-color);--radio-hover-state-normal-validity-unselected-value-background-color:var(--radio-hover-state-normal-validity-unselected-value-dark-mode-background-color);--radio-hover-state-normal-validity-unselected-value-border-color:var(--radio-hover-state-normal-validity-unselected-value-dark-mode-border-color);--radio-normal-state-invalid-validity-selected-value-background-color:var(--radio-normal-state-invalid-validity-selected-value-dark-mode-background-color);--radio-normal-state-invalid-validity-selected-value-border-color:var(--radio-normal-state-invalid-validity-selected-value-dark-mode-border-color);--radio-normal-state-invalid-validity-selected-value-icon-color:var(--radio-normal-state-invalid-validity-selected-value-dark-mode-icon-color);--radio-normal-state-invalid-validity-unselected-value-background-color:var(--radio-normal-state-invalid-validity-unselected-value-dark-mode-background-color);--radio-normal-state-invalid-validity-unselected-value-border-color:var(--radio-normal-state-invalid-validity-unselected-value-dark-mode-border-color);--radio-normal-state-normal-validity-selected-value-background-color:var(--radio-normal-state-normal-validity-selected-value-dark-mode-background-color);--radio-normal-state-normal-validity-selected-value-border-color:var(--radio-normal-state-normal-validity-selected-value-dark-mode-border-color);--radio-normal-state-normal-validity-selected-value-icon-color:var(--radio-normal-state-normal-validity-selected-value-dark-mode-icon-color);--radio-normal-state-normal-validity-unselected-value-background-color:var(--radio-normal-state-normal-validity-unselected-value-dark-mode-background-color);--radio-normal-state-normal-validity-unselected-value-border-color:var(--radio-normal-state-normal-validity-unselected-value-dark-mode-border-color);--radio-pressed-state-invalid-validity-selected-value-background-color:var(--radio-pressed-state-invalid-validity-selected-value-dark-mode-background-color);--radio-pressed-state-invalid-validity-selected-value-border-color:var(--radio-pressed-state-invalid-validity-selected-value-dark-mode-border-color);--radio-pressed-state-invalid-validity-selected-value-icon-color:var(--radio-pressed-state-invalid-validity-selected-value-dark-mode-icon-color);--radio-pressed-state-invalid-validity-unselected-value-background-color:var(--radio-pressed-state-invalid-validity-unselected-value-dark-mode-background-color);--radio-pressed-state-invalid-validity-unselected-value-border-color:var(--radio-pressed-state-invalid-validity-unselected-value-dark-mode-border-color);--radio-pressed-state-normal-validity-selected-value-background-color:var(--radio-pressed-state-normal-validity-selected-value-dark-mode-background-color);--radio-pressed-state-normal-validity-selected-value-border-color:var(--radio-pressed-state-normal-validity-selected-value-dark-mode-border-color);--radio-pressed-state-normal-validity-selected-value-icon-color:var(--radio-pressed-state-normal-validity-selected-value-dark-mode-icon-color);--radio-pressed-state-normal-validity-unselected-value-background-color:var(--radio-pressed-state-normal-validity-unselected-value-dark-mode-background-color);--radio-pressed-state-normal-validity-unselected-value-border-color:var(--radio-pressed-state-normal-validity-unselected-value-dark-mode-border-color);--rich-text-toolbar-background-color:var(--rich-text-toolbar-background-dark-mode-color);--rich-text-toolbar-button-selected-value-disabled-state-icon-color:var(--rich-text-toolbar-button-selected-value-disabled-state-icon-dark-mode-color);--rich-text-toolbar-button-selected-value-focus-state-background-color:var(--rich-text-toolbar-button-selected-value-focus-state-background-dark-mode-color);--rich-text-toolbar-button-selected-value-focus-state-icon-color:var(--rich-text-toolbar-button-selected-value-focus-state-icon-dark-mode-color);--rich-text-toolbar-button-selected-value-hover-state-background-color:var(--rich-text-toolbar-button-selected-value-hover-state-background-dark-mode-color);--rich-text-toolbar-button-selected-value-hover-state-icon-color:var(--rich-text-toolbar-button-selected-value-hover-state-icon-dark-mode-color);--rich-text-toolbar-button-selected-value-normal-state-background-color:var(--rich-text-toolbar-button-selected-value-normal-state-background-dark-mode-color);--rich-text-toolbar-button-selected-value-normal-state-icon-color:var(--rich-text-toolbar-button-selected-value-normal-state-icon-dark-mode-color);--rich-text-toolbar-button-selected-value-pressed-state-background-color:var(--rich-text-toolbar-button-selected-value-pressed-state-background-dark-mode-color);--rich-text-toolbar-button-selected-value-pressed-state-icon-color:var(--rich-text-toolbar-button-selected-value-pressed-state-icon-dark-mode-color);--rich-text-toolbar-button-unselected-value-disabled-state-icon-color:var(--rich-text-toolbar-button-unselected-value-disabled-state-icon-dark-mode-color);--rich-text-toolbar-button-unselected-value-focus-state-background-color:var(--rich-text-toolbar-button-unselected-value-focus-state-background-dark-mode-color);--rich-text-toolbar-button-unselected-value-focus-state-icon-color:var(--rich-text-toolbar-button-unselected-value-focus-state-icon-dark-mode-color);--rich-text-toolbar-button-unselected-value-hover-state-background-color:var(--rich-text-toolbar-button-unselected-value-hover-state-background-dark-mode-color);--rich-text-toolbar-button-unselected-value-hover-state-icon-color:var(--rich-text-toolbar-button-unselected-value-hover-state-icon-dark-mode-color);--rich-text-toolbar-button-unselected-value-normal-state-icon-color:var(--rich-text-toolbar-button-unselected-value-normal-state-icon-dark-mode-color);--rich-text-toolbar-button-unselected-value-pressed-state-background-color:var(--rich-text-toolbar-button-unselected-value-pressed-state-background-dark-mode-color);--rich-text-toolbar-button-unselected-value-pressed-state-icon-color:var(--rich-text-toolbar-button-unselected-value-pressed-state-icon-dark-mode-color);--rich-text-toolbar-overflow-gradient-color:var(--rich-text-toolbar-overflow-gradient-dark-mode-color);--row-destructive-variant-disabled-state-background-color:var(--row-destructive-variant-disabled-state-background-dark-mode-color);--row-destructive-variant-disabled-state-drill-color:var(--row-destructive-variant-disabled-state-drill-dark-mode-color);--row-destructive-variant-disabled-state-separator-color:var(--row-destructive-variant-disabled-state-separator-dark-mode-color);--row-destructive-variant-disabled-state-side-text-primary-color:var(--row-destructive-variant-disabled-state-side-text-primary-dark-mode-color);--row-destructive-variant-disabled-state-side-text-secondary-color:var(--row-destructive-variant-disabled-state-side-text-secondary-dark-mode-color);--row-destructive-variant-disabled-state-subtext-color:var(--row-destructive-variant-disabled-state-subtext-dark-mode-color);--row-destructive-variant-disabled-state-tertiary-text-color:var(--row-destructive-variant-disabled-state-tertiary-text-dark-mode-color);--row-destructive-variant-disabled-state-text-color:var(--row-destructive-variant-disabled-state-text-dark-mode-color);--row-destructive-variant-focus-ring-color:var(--row-destructive-variant-dark-mode-focus-ring-color);--row-destructive-variant-focus-state-background-color:var(--row-destructive-variant-focus-state-background-dark-mode-color);--row-destructive-variant-focus-state-drill-color:var(--row-destructive-variant-focus-state-drill-dark-mode-color);--row-destructive-variant-focus-state-icon-color:var(--row-destructive-variant-focus-state-icon-dark-mode-color);--row-destructive-variant-focus-state-separator-color:var(--row-destructive-variant-focus-state-separator-dark-mode-color);--row-destructive-variant-focus-state-side-text-primary-color:var(--row-destructive-variant-focus-state-side-text-primary-dark-mode-color);--row-destructive-variant-focus-state-side-text-secondary-color:var(--row-destructive-variant-focus-state-side-text-secondary-dark-mode-color);--row-destructive-variant-focus-state-subtext-color:var(--row-destructive-variant-focus-state-subtext-dark-mode-color);--row-destructive-variant-focus-state-tertiary-text-color:var(--row-destructive-variant-focus-state-tertiary-text-dark-mode-color);--row-destructive-variant-focus-state-text-color:var(--row-destructive-variant-focus-state-text-dark-mode-color);--row-destructive-variant-hover-state-background-color:var(--row-destructive-variant-hover-state-background-dark-mode-color);--row-destructive-variant-hover-state-drill-color:var(--row-destructive-variant-hover-state-drill-dark-mode-color);--row-destructive-variant-hover-state-icon-color:var(--row-destructive-variant-hover-state-icon-dark-mode-color);--row-destructive-variant-hover-state-separator-color:var(--row-destructive-variant-hover-state-separator-dark-mode-color);--row-destructive-variant-hover-state-side-text-primary-color:var(--row-destructive-variant-hover-state-side-text-primary-dark-mode-color);--row-destructive-variant-hover-state-side-text-secondary-color:var(--row-destructive-variant-hover-state-side-text-secondary-dark-mode-color);--row-destructive-variant-hover-state-subtext-color:var(--row-destructive-variant-hover-state-subtext-dark-mode-color);--row-destructive-variant-hover-state-tertiary-text-color:var(--row-destructive-variant-hover-state-tertiary-text-dark-mode-color);--row-destructive-variant-hover-state-text-color:var(--row-destructive-variant-hover-state-text-dark-mode-color);--row-destructive-variant-normal-state-background-color:var(--row-destructive-variant-normal-state-background-dark-mode-color);--row-destructive-variant-normal-state-drill-color:var(--row-destructive-variant-normal-state-drill-dark-mode-color);--row-destructive-variant-normal-state-icon-color:var(--row-destructive-variant-normal-state-icon-dark-mode-color);--row-destructive-variant-normal-state-separator-color:var(--row-destructive-variant-normal-state-separator-dark-mode-color);--row-destructive-variant-normal-state-side-text-primary-color:var(--row-destructive-variant-normal-state-side-text-primary-dark-mode-color);--row-destructive-variant-normal-state-side-text-secondary-color:var(--row-destructive-variant-normal-state-side-text-secondary-dark-mode-color);--row-destructive-variant-normal-state-subtext-color:var(--row-destructive-variant-normal-state-subtext-dark-mode-color);--row-destructive-variant-normal-state-tertiary-text-color:var(--row-destructive-variant-normal-state-tertiary-text-dark-mode-color);--row-destructive-variant-normal-state-text-color:var(--row-destructive-variant-normal-state-text-dark-mode-color);--row-destructive-variant-pressed-state-background-color:var(--row-destructive-variant-pressed-state-background-dark-mode-color);--row-destructive-variant-pressed-state-drill-color:var(--row-destructive-variant-pressed-state-drill-dark-mode-color);--row-destructive-variant-pressed-state-icon-color:var(--row-destructive-variant-pressed-state-icon-dark-mode-color);--row-destructive-variant-pressed-state-separator-color:var(--row-destructive-variant-pressed-state-separator-dark-mode-color);--row-destructive-variant-pressed-state-side-text-primary-color:var(--row-destructive-variant-pressed-state-side-text-primary-dark-mode-color);--row-destructive-variant-pressed-state-side-text-secondary-color:var(--row-destructive-variant-pressed-state-side-text-secondary-dark-mode-color);--row-destructive-variant-pressed-state-subtext-color:var(--row-destructive-variant-pressed-state-subtext-dark-mode-color);--row-destructive-variant-pressed-state-tertiary-text-color:var(--row-destructive-variant-pressed-state-tertiary-text-dark-mode-color);--row-destructive-variant-pressed-state-text-color:var(--row-destructive-variant-pressed-state-text-dark-mode-color);--row-destructive-variant-selected-state-background-color:var(--row-destructive-variant-selected-state-background-dark-mode-color);--row-destructive-variant-selected-state-drill-color:var(--row-destructive-variant-selected-state-drill-dark-mode-color);--row-destructive-variant-selected-state-icon-color:var(--row-destructive-variant-selected-state-icon-dark-mode-color);--row-destructive-variant-selected-state-separator-color:var(--row-destructive-variant-selected-state-separator-dark-mode-color);--row-destructive-variant-selected-state-side-text-primary-color:var(--row-destructive-variant-selected-state-side-text-primary-dark-mode-color);--row-destructive-variant-selected-state-side-text-secondary-color:var(--row-destructive-variant-selected-state-side-text-secondary-dark-mode-color);--row-destructive-variant-selected-state-subtext-color:var(--row-destructive-variant-selected-state-subtext-dark-mode-color);--row-destructive-variant-selected-state-tertiary-text-color:var(--row-destructive-variant-selected-state-tertiary-text-dark-mode-color);--row-destructive-variant-selected-state-text-color:var(--row-destructive-variant-selected-state-text-dark-mode-color);--row-disabled-state-background-color:var(--row-disabled-state-background-dark-mode-color);--row-disabled-state-drill-color:var(--row-disabled-state-drill-dark-mode-color);--row-disabled-state-separator-color:var(--row-disabled-state-separator-dark-mode-color);--row-disabled-state-side-text-primary-color:var(--row-disabled-state-side-text-primary-dark-mode-color);--row-disabled-state-side-text-secondary-color:var(--row-disabled-state-side-text-secondary-dark-mode-color);--row-disabled-state-subtext-color:var(--row-disabled-state-subtext-dark-mode-color);--row-disabled-state-tertiary-text-color:var(--row-disabled-state-tertiary-text-dark-mode-color);--row-disabled-state-text-color:var(--row-disabled-state-text-dark-mode-color);--row-focus-ring-color:var(--row-dark-mode-focus-ring-color);--row-focus-state-background-color:var(--row-focus-state-background-dark-mode-color);--row-focus-state-drill-color:var(--row-focus-state-drill-dark-mode-color);--row-focus-state-icon-color:var(--row-focus-state-icon-dark-mode-color);--row-focus-state-separator-color:var(--row-focus-state-separator-dark-mode-color);--row-focus-state-side-text-primary-color:var(--row-focus-state-side-text-primary-dark-mode-color);--row-focus-state-side-text-secondary-color:var(--row-focus-state-side-text-secondary-dark-mode-color);--row-focus-state-subtext-color:var(--row-focus-state-subtext-dark-mode-color);--row-focus-state-tertiary-text-color:var(--row-focus-state-tertiary-text-dark-mode-color);--row-focus-state-text-color:var(--row-focus-state-text-dark-mode-color);--row-hover-state-background-color:var(--row-hover-state-background-dark-mode-color);--row-hover-state-drill-color:var(--row-hover-state-drill-dark-mode-color);--row-hover-state-icon-color:var(--row-hover-state-icon-dark-mode-color);--row-hover-state-separator-color:var(--row-hover-state-separator-dark-mode-color);--row-hover-state-side-text-primary-color:var(--row-hover-state-side-text-primary-dark-mode-color);--row-hover-state-side-text-secondary-color:var(--row-hover-state-side-text-secondary-dark-mode-color);--row-hover-state-subtext-color:var(--row-hover-state-subtext-dark-mode-color);--row-hover-state-tertiary-text-color:var(--row-hover-state-tertiary-text-dark-mode-color);--row-hover-state-text-color:var(--row-hover-state-text-dark-mode-color);--row-normal-state-background-color:var(--row-normal-state-background-dark-mode-color);--row-normal-state-drill-color:var(--row-normal-state-drill-dark-mode-color);--row-normal-state-icon-color:var(--row-normal-state-icon-dark-mode-color);--row-normal-state-separator-color:var(--row-normal-state-separator-dark-mode-color);--row-normal-state-side-text-primary-color:var(--row-normal-state-side-text-primary-dark-mode-color);--row-normal-state-side-text-secondary-color:var(--row-normal-state-side-text-secondary-dark-mode-color);--row-normal-state-subtext-color:var(--row-normal-state-subtext-dark-mode-color);--row-normal-state-tertiary-text-color:var(--row-normal-state-tertiary-text-dark-mode-color);--row-normal-state-text-color:var(--row-normal-state-text-dark-mode-color);--row-normal-variant-disabled-state-background-color:var(--row-normal-variant-disabled-state-background-dark-mode-color);--row-normal-variant-disabled-state-drill-color:var(--row-normal-variant-disabled-state-drill-dark-mode-color);--row-normal-variant-disabled-state-separator-color:var(--row-normal-variant-disabled-state-separator-dark-mode-color);--row-normal-variant-disabled-state-side-text-primary-color:var(--row-normal-variant-disabled-state-side-text-primary-dark-mode-color);--row-normal-variant-disabled-state-side-text-secondary-color:var(--row-normal-variant-disabled-state-side-text-secondary-dark-mode-color);--row-normal-variant-disabled-state-subtext-color:var(--row-normal-variant-disabled-state-subtext-dark-mode-color);--row-normal-variant-disabled-state-tertiary-text-color:var(--row-normal-variant-disabled-state-tertiary-text-dark-mode-color);--row-normal-variant-disabled-state-text-color:var(--row-normal-variant-disabled-state-text-dark-mode-color);--row-normal-variant-focus-ring-color:var(--row-normal-variant-dark-mode-focus-ring-color);--row-normal-variant-focus-state-background-color:var(--row-normal-variant-focus-state-background-dark-mode-color);--row-normal-variant-focus-state-drill-color:var(--row-normal-variant-focus-state-drill-dark-mode-color);--row-normal-variant-focus-state-icon-color:var(--row-normal-variant-focus-state-icon-dark-mode-color);--row-normal-variant-focus-state-separator-color:var(--row-normal-variant-focus-state-separator-dark-mode-color);--row-normal-variant-focus-state-side-text-primary-color:var(--row-normal-variant-focus-state-side-text-primary-dark-mode-color);--row-normal-variant-focus-state-side-text-secondary-color:var(--row-normal-variant-focus-state-side-text-secondary-dark-mode-color);--row-normal-variant-focus-state-subtext-color:var(--row-normal-variant-focus-state-subtext-dark-mode-color);--row-normal-variant-focus-state-tertiary-text-color:var(--row-normal-variant-focus-state-tertiary-text-dark-mode-color);--row-normal-variant-focus-state-text-color:var(--row-normal-variant-focus-state-text-dark-mode-color);--row-normal-variant-hover-state-background-color:var(--row-normal-variant-hover-state-background-dark-mode-color);--row-normal-variant-hover-state-drill-color:var(--row-normal-variant-hover-state-drill-dark-mode-color);--row-normal-variant-hover-state-icon-color:var(--row-normal-variant-hover-state-icon-dark-mode-color);--row-normal-variant-hover-state-separator-color:var(--row-normal-variant-hover-state-separator-dark-mode-color);--row-normal-variant-hover-state-side-text-primary-color:var(--row-normal-variant-hover-state-side-text-primary-dark-mode-color);--row-normal-variant-hover-state-side-text-secondary-color:var(--row-normal-variant-hover-state-side-text-secondary-dark-mode-color);--row-normal-variant-hover-state-subtext-color:var(--row-normal-variant-hover-state-subtext-dark-mode-color);--row-normal-variant-hover-state-tertiary-text-color:var(--row-normal-variant-hover-state-tertiary-text-dark-mode-color);--row-normal-variant-hover-state-text-color:var(--row-normal-variant-hover-state-text-dark-mode-color);--row-normal-variant-normal-state-background-color:var(--row-normal-variant-normal-state-background-dark-mode-color);--row-normal-variant-normal-state-drill-color:var(--row-normal-variant-normal-state-drill-dark-mode-color);--row-normal-variant-normal-state-icon-color:var(--row-normal-variant-normal-state-icon-dark-mode-color);--row-normal-variant-normal-state-separator-color:var(--row-normal-variant-normal-state-separator-dark-mode-color);--row-normal-variant-normal-state-side-text-primary-color:var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color);--row-normal-variant-normal-state-side-text-secondary-color:var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color);--row-normal-variant-normal-state-subtext-color:var(--row-normal-variant-normal-state-subtext-dark-mode-color);--row-normal-variant-normal-state-tertiary-text-color:var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color);--row-normal-variant-normal-state-text-color:var(--row-normal-variant-normal-state-text-dark-mode-color);--row-normal-variant-pressed-state-background-color:var(--row-normal-variant-pressed-state-background-dark-mode-color);--row-normal-variant-pressed-state-drill-color:var(--row-normal-variant-pressed-state-drill-dark-mode-color);--row-normal-variant-pressed-state-icon-color:var(--row-normal-variant-pressed-state-icon-dark-mode-color);--row-normal-variant-pressed-state-separator-color:var(--row-normal-variant-pressed-state-separator-dark-mode-color);--row-normal-variant-pressed-state-side-text-primary-color:var(--row-normal-variant-pressed-state-side-text-primary-dark-mode-color);--row-normal-variant-pressed-state-side-text-secondary-color:var(--row-normal-variant-pressed-state-side-text-secondary-dark-mode-color);--row-normal-variant-pressed-state-subtext-color:var(--row-normal-variant-pressed-state-subtext-dark-mode-color);--row-normal-variant-pressed-state-tertiary-text-color:var(--row-normal-variant-pressed-state-tertiary-text-dark-mode-color);--row-normal-variant-pressed-state-text-color:var(--row-normal-variant-pressed-state-text-dark-mode-color);--row-normal-variant-selected-disabled-state-background-color:var(--row-normal-variant-selected-disabled-state-background-dark-mode-color);--row-normal-variant-selected-state-background-color:var(--row-normal-variant-selected-state-background-dark-mode-color);--row-normal-variant-selected-state-drill-color:var(--row-normal-variant-selected-state-drill-dark-mode-color);--row-normal-variant-selected-state-icon-color:var(--row-normal-variant-selected-state-icon-dark-mode-color);--row-normal-variant-selected-state-separator-color:var(--row-normal-variant-selected-state-separator-dark-mode-color);--row-normal-variant-selected-state-side-text-primary-color:var(--row-normal-variant-selected-state-side-text-primary-dark-mode-color);--row-normal-variant-selected-state-side-text-secondary-color:var(--row-normal-variant-selected-state-side-text-secondary-dark-mode-color);--row-normal-variant-selected-state-subtext-color:var(--row-normal-variant-selected-state-subtext-dark-mode-color);--row-normal-variant-selected-state-tertiary-text-color:var(--row-normal-variant-selected-state-tertiary-text-dark-mode-color);--row-normal-variant-selected-state-text-color:var(--row-normal-variant-selected-state-text-dark-mode-color);--row-pressed-state-background-color:var(--row-pressed-state-background-dark-mode-color);--row-pressed-state-drill-color:var(--row-pressed-state-drill-dark-mode-color);--row-pressed-state-icon-color:var(--row-pressed-state-icon-dark-mode-color);--row-pressed-state-separator-color:var(--row-pressed-state-separator-dark-mode-color);--row-pressed-state-side-text-primary-color:var(--row-pressed-state-side-text-primary-dark-mode-color);--row-pressed-state-side-text-secondary-color:var(--row-pressed-state-side-text-secondary-dark-mode-color);--row-pressed-state-subtext-color:var(--row-pressed-state-subtext-dark-mode-color);--row-pressed-state-tertiary-text-color:var(--row-pressed-state-tertiary-text-dark-mode-color);--row-pressed-state-text-color:var(--row-pressed-state-text-dark-mode-color);--row-selected-disabled-state-background-color:var(--row-selected-disabled-state-background-dark-mode-color);--row-selected-state-background-color:var(--row-selected-state-background-dark-mode-color);--row-selected-state-drill-color:var(--row-selected-state-drill-dark-mode-color);--row-selected-state-icon-color:var(--row-selected-state-icon-dark-mode-color);--row-selected-state-separator-color:var(--row-selected-state-separator-dark-mode-color);--row-selected-state-side-text-primary-color:var(--row-selected-state-side-text-primary-dark-mode-color);--row-selected-state-side-text-secondary-color:var(--row-selected-state-side-text-secondary-dark-mode-color);--row-selected-state-subtext-color:var(--row-selected-state-subtext-dark-mode-color);--row-selected-state-tertiary-text-color:var(--row-selected-state-tertiary-text-dark-mode-color);--row-selected-state-text-color:var(--row-selected-state-text-dark-mode-color);--search-disabled-state-border-color:var(--search-disabled-state-border-dark-mode-color);--search-disabled-state-input-color:var(--search-disabled-state-input-dark-mode-color);--search-disabled-state-leading-icon-color:var(--search-disabled-state-leading-icon-dark-mode-color);--search-disabled-state-trailing-icon-color:var(--search-disabled-state-trailing-icon-dark-mode-color);--search-focused-state-border-color:var(--search-focused-state-border-dark-mode-color);--search-hint-text-color:var(--search-hint-text-dark-mode-color);--search-normal-state-border-color:var(--search-normal-state-border-dark-mode-color);--search-normal-state-input-color:var(--search-normal-state-input-dark-mode-color);--search-normal-state-leading-icon-color:var(--search-normal-state-leading-icon-dark-mode-color);--search-normal-state-trailing-icon-color:var(--search-normal-state-trailing-icon-dark-mode-color);--segmented-control-background-disabled-state-color:var(--segmented-control-background-disabled-state-dark-mode-color);--segmented-control-background-normal-state-color:var(--segmented-control-background-normal-state-dark-mode-color);--segmented-control-disabled-state-background-color:var(--segmented-control-disabled-state-background-dark-mode-color);--segmented-control-normal-state-background-color:var(--segmented-control-normal-state-background-dark-mode-color);--segmented-control-option-background-disabled-state-color:var(--segmented-control-option-background-disabled-state-dark-mode-color);--segmented-control-option-background-hover-state-color:var(--segmented-control-option-background-hover-state-dark-mode-color);--segmented-control-option-background-normal-state-color:var(--segmented-control-option-background-normal-state-dark-mode-color);--segmented-control-option-background-pressed-state-color:var(--segmented-control-option-background-pressed-state-dark-mode-color);--segmented-control-option-background-selected-state-color:var(--segmented-control-option-background-selected-state-dark-mode-color);--segmented-control-option-background-selected-value-disabled-state-color:var(--segmented-control-option-background-selected-value-disabled-state-dark-mode-color);--segmented-control-option-background-selected-value-hover-state-color:var(--segmented-control-option-background-selected-value-hover-state-dark-mode-color);--segmented-control-option-background-selected-value-normal-state-color:var(--segmented-control-option-background-selected-value-normal-state-dark-mode-color);--segmented-control-option-background-selected-value-pressed-state-color:var(--segmented-control-option-background-selected-value-pressed-state-dark-mode-color);--segmented-control-option-background-unselected-value-disabled-state-color:var(--segmented-control-option-background-unselected-value-disabled-state-dark-mode-color);--segmented-control-option-background-unselected-value-hover-state-color:var(--segmented-control-option-background-unselected-value-hover-state-dark-mode-color);--segmented-control-option-background-unselected-value-normal-state-color:var(--segmented-control-option-background-unselected-value-normal-state-dark-mode-color);--segmented-control-option-background-unselected-value-pressed-state-color:var(--segmented-control-option-background-unselected-value-pressed-state-dark-mode-color);--segmented-control-option-label-disabled-state-color:var(--segmented-control-option-label-disabled-state-dark-mode-color);--segmented-control-option-label-hover-state-color:var(--segmented-control-option-label-hover-state-dark-mode-color);--segmented-control-option-label-normal-state-color:var(--segmented-control-option-label-normal-state-dark-mode-color);--segmented-control-option-label-pressed-state-color:var(--segmented-control-option-label-pressed-state-dark-mode-color);--segmented-control-option-label-selected-state-color:var(--segmented-control-option-label-selected-state-dark-mode-color);--segmented-control-option-label-selected-value-disabled-state-color:var(--segmented-control-option-label-selected-value-disabled-state-dark-mode-color);--segmented-control-option-label-selected-value-hover-state-color:var(--segmented-control-option-label-selected-value-hover-state-dark-mode-color);--segmented-control-option-label-selected-value-normal-state-color:var(--segmented-control-option-label-selected-value-normal-state-dark-mode-color);--segmented-control-option-label-selected-value-pressed-state-color:var(--segmented-control-option-label-selected-value-pressed-state-dark-mode-color);--segmented-control-option-label-unselected-value-disabled-state-color:var(--segmented-control-option-label-unselected-value-disabled-state-dark-mode-color);--segmented-control-option-label-unselected-value-hover-state-color:var(--segmented-control-option-label-unselected-value-hover-state-dark-mode-color);--segmented-control-option-label-unselected-value-normal-state-color:var(--segmented-control-option-label-unselected-value-normal-state-dark-mode-color);--segmented-control-option-label-unselected-value-pressed-state-color:var(--segmented-control-option-label-unselected-value-pressed-state-dark-mode-color);--segmented-control-option-selected-value-disabled-state-background-color:var(--segmented-control-option-selected-value-disabled-state-background-dark-mode-color);--segmented-control-option-selected-value-disabled-state-label-color:var(--segmented-control-option-selected-value-disabled-state-label-dark-mode-color);--segmented-control-option-selected-value-hover-state-background-color:var(--segmented-control-option-selected-value-hover-state-background-dark-mode-color);--segmented-control-option-selected-value-hover-state-label-color:var(--segmented-control-option-selected-value-hover-state-label-dark-mode-color);--segmented-control-option-selected-value-normal-state-background-color:var(--segmented-control-option-selected-value-normal-state-background-dark-mode-color);--segmented-control-option-selected-value-normal-state-label-color:var(--segmented-control-option-selected-value-normal-state-label-dark-mode-color);--segmented-control-option-selected-value-pressed-state-background-color:var(--segmented-control-option-selected-value-pressed-state-background-dark-mode-color);--segmented-control-option-selected-value-pressed-state-label-color:var(--segmented-control-option-selected-value-pressed-state-label-dark-mode-color);--segmented-control-option-unselected-value-disabled-state-background-color:var(--segmented-control-option-unselected-value-disabled-state-dark-mode-background-color);--segmented-control-option-unselected-value-disabled-state-label-color:var(--segmented-control-option-unselected-value-disabled-state-label-dark-mode-color);--segmented-control-option-unselected-value-hover-state-background-color:var(--segmented-control-option-unselected-value-hover-state-dark-mode-background-color);--segmented-control-option-unselected-value-hover-state-label-color:var(--segmented-control-option-unselected-value-hover-state-label-dark-mode-color);--segmented-control-option-unselected-value-normal-state-background-color:var(--segmented-control-option-unselected-value-normal-state-dark-mode-background-color);--segmented-control-option-unselected-value-normal-state-label-color:var(--segmented-control-option-unselected-value-normal-state-label-dark-mode-color);--segmented-control-option-unselected-value-pressed-state-background-color:var(--segmented-control-option-unselected-value-pressed-state-dark-mode-background-color);--segmented-control-option-unselected-value-pressed-state-label-color:var(--segmented-control-option-unselected-value-pressed-state-label-dark-mode-color);--select-caret-color:var(--select-caret-dark-mode-color);--select-disclosure-indicator-color:var(--select-disclosure-indicator-dark-mode-color);--skeleton-loader-fill-color:var(--skeleton-loader-fill-dark-mode-color);--skeleton-loader-gradient-1-color:var(--skeleton-loader-gradient-dark-mode-1-color);--skeleton-loader-gradient-2-color:var(--skeleton-loader-gradient-dark-mode-2-color);--skeleton-loader-gradient-3-color:var(--skeleton-loader-gradient-dark-mode-3-color);--stepper-button-disabled-state-background-color:var(--stepper-button-disabled-state-dark-mode-background-color);--stepper-button-disabled-state-icon-color:var(--stepper-button-disabled-state-dark-mode-icon-color);--stepper-button-focus-state-background-color:var(--stepper-button-focus-state-dark-mode-background-color);--stepper-button-focus-state-icon-color:var(--stepper-button-focus-state-dark-mode-icon-color);--stepper-button-hover-state-background-color:var(--stepper-button-hover-state-dark-mode-background-color);--stepper-button-hover-state-icon-color:var(--stepper-button-hover-state-dark-mode-icon-color);--stepper-button-normal-state-background-color:var(--stepper-button-normal-state-dark-mode-background-color);--stepper-button-normal-state-icon-color:var(--stepper-button-normal-state-dark-mode-icon-color);--stepper-button-pressed-state-background-color:var(--stepper-button-pressed-state-dark-mode-background-color);--stepper-button-pressed-state-icon-color:var(--stepper-button-pressed-state-dark-mode-icon-color);--stepper-disabled-state-background-color:var(--stepper-disabled-state-background-dark-mode-color);--stepper-disabled-state-border-color:var(--stepper-disabled-state-border-dark-mode-color);--stepper-focus-state-background-color:var(--stepper-focus-state-background-dark-mode-color);--stepper-focus-state-invalid-validity-color:var(--stepper-focus-state-invalid-validity-dark-mode-color);--stepper-focus-state-normal-validity-color:var(--stepper-focus-state-normal-validity-dark-mode-color);--stepper-hover-state-background-color:var(--stepper-hover-state-background-dark-mode-color);--stepper-hover-state-invalid-validity-color:var(--stepper-hover-state-invalid-validity-dark-mode-color);--stepper-hover-state-normal-validity-color:var(--stepper-hover-state-normal-validity-dark-mode-color);--stepper-normal-state-background-color:var(--stepper-normal-state-background-dark-mode-color);--stepper-normal-state-invalid-validity-color:var(--stepper-normal-state-invalid-validity-dark-mode-color);--stepper-normal-state-normal-validity-color:var(--stepper-normal-state-normal-validity-dark-mode-color);--stepper-quantity-input-field-value-text-disabled-state-color:var(--stepper-quantity-input-field-value-text-disabled-state-dark-mode-color);--stepper-quantity-input-field-value-text-normal-state-color:var(--stepper-quantity-input-field-value-text-normal-state-dark-mode-color);--stepper-quantity-input-field-value-text-placeholder-color:var(--stepper-quantity-input-field-value-text-placeholder-dark-mode-color);--sticky-section-header-background-color:var(--sticky-section-header-background-dark-mode-color);--sticky-section-header-separator-color:var(--sticky-section-header-separator-dark-mode-color);--sticky-section-header-text-color:var(--sticky-section-header-text-dark-mode-color);--sticky-section-header-text-link-color:var(--sticky-section-header-text-link-dark-mode-color);--subtle-button-destructive-variant-primary-rank-disabled-state-icon-color:var(--subtle-button-destructive-variant-primary-rank-disabled-state-icon-dark-mode-color);--subtle-button-destructive-variant-primary-rank-hover-state-icon-color:var(--subtle-button-destructive-variant-primary-rank-hover-state-icon-dark-mode-color);--subtle-button-destructive-variant-primary-rank-normal-state-icon-color:var(--subtle-button-destructive-variant-primary-rank-normal-state-icon-dark-mode-color);--subtle-button-destructive-variant-primary-rank-pressed-state-icon-color:var(--subtle-button-destructive-variant-primary-rank-pressed-state-icon-dark-mode-color);--subtle-button-normal-variant-primary-rank-disabled-state-icon-color:var(--subtle-button-normal-variant-primary-rank-disabled-state-icon-dark-mode-color);--subtle-button-normal-variant-primary-rank-hover-state-icon-color:var(--subtle-button-normal-variant-primary-rank-hover-state-icon-dark-mode-color);--subtle-button-normal-variant-primary-rank-normal-state-icon-color:var(--subtle-button-normal-variant-primary-rank-normal-state-icon-dark-mode-color);--subtle-button-normal-variant-primary-rank-pressed-state-icon-color:var(--subtle-button-normal-variant-primary-rank-pressed-state-icon-dark-mode-color);--swipe-action-destructive-variant-background-color:var(--swipe-action-destructive-variant-background-dark-mode-color);--swipe-action-destructive-variant-foreground-color:var(--swipe-action-destructive-variant-foreground-dark-mode-color);--swipe-action-primary-variant-background-color:var(--swipe-action-primary-variant-background-dark-mode-color);--swipe-action-primary-variant-foreground-color:var(--swipe-action-primary-variant-foreground-dark-mode-color);--swipe-action-secondary-variant-background-color:var(--swipe-action-secondary-variant-background-dark-mode-color);--swipe-action-secondary-variant-foreground-color:var(--swipe-action-secondary-variant-foreground-dark-mode-color);--tabbar-accessory-disabled-state-content-color:var(--tabbar-accessory-disabled-state-content-dark-mode-color);--tabbar-accessory-hover-state-content-color:var(--tabbar-accessory-hover-state-content-dark-mode-color);--tabbar-accessory-normal-state-content-color:var(--tabbar-accessory-normal-state-content-dark-mode-color);--tabbar-accessory-pressed-state-content-color:var(--tabbar-accessory-pressed-state-content-dark-mode-color);--tabbar-background-color:var(--tabbar-background-dark-mode-color);--tabbar-divider-color:var(--tabbar-divider-dark-mode-color);--tabbar-item-selected-value-disabled-state-background-color:var(--tabbar-item-selected-value-disabled-state-background-dark-mode-color);--tabbar-item-selected-value-disabled-state-content-color:var(--tabbar-item-selected-value-disabled-state-content-dark-mode-color);--tabbar-item-selected-value-hover-state-background-color:var(--tabbar-item-selected-value-hover-state-background-dark-mode-color);--tabbar-item-selected-value-hover-state-content-color:var(--tabbar-item-selected-value-hover-state-content-dark-mode-color);--tabbar-item-selected-value-normal-state-background-color:var(--tabbar-item-selected-value-normal-state-background-dark-mode-color);--tabbar-item-selected-value-normal-state-content-color:var(--tabbar-item-selected-value-normal-state-content-dark-mode-color);--tabbar-item-selected-value-pressed-state-background-color:var(--tabbar-item-selected-value-pressed-state-background-dark-mode-color);--tabbar-item-selected-value-pressed-state-content-color:var(--tabbar-item-selected-value-pressed-state-content-dark-mode-color);--tabbar-item-unselected-value-disabled-state-background-color:var(--tabbar-item-unselected-value-disabled-state-background-dark-mode-color);--tabbar-item-unselected-value-disabled-state-content-color:var(--tabbar-item-unselected-value-disabled-state-content-dark-mode-color);--tabbar-item-unselected-value-hover-state-background-color:var(--tabbar-item-unselected-value-hover-state-background-dark-mode-color);--tabbar-item-unselected-value-hover-state-content-color:var(--tabbar-item-unselected-value-hover-state-content-dark-mode-color);--tabbar-item-unselected-value-normal-state-background-color:var(--tabbar-item-unselected-value-normal-state-background-dark-mode-color);--tabbar-item-unselected-value-normal-state-content-color:var(--tabbar-item-unselected-value-normal-state-content-dark-mode-color);--tabbar-item-unselected-value-pressed-state-background-color:var(--tabbar-item-unselected-value-pressed-state-background-dark-mode-color);--tabbar-item-unselected-value-pressed-state-content-color:var(--tabbar-item-unselected-value-pressed-state-content-dark-mode-color);--table-cell-disabled-state-text-color:var(--table-cell-disabled-state-text-dark-mode-color);--table-cell-focus-state-background-color:var(--table-cell-focus-state-background-dark-mode-color);--table-cell-hover-state-background-color:var(--table-cell-hover-state-background-dark-mode-color);--table-cell-pressed-state-background-color:var(--table-cell-pressed-state-background-dark-mode-color);--table-cell-selected-state-background-color:var(--table-cell-selected-state-background-dark-mode-color);--tag-disabled-state-background-color:var(--tag-disabled-state-dark-mode-background-color);--tag-disabled-state-icon-color:var(--tag-disabled-state-dark-mode-icon-color);--tag-disabled-state-label-color:var(--tag-disabled-state-dark-mode-label-color);--tag-disabled-state-remove-indicator-color:var(--tag-disabled-state-dark-mode-remove-indicator-color);--tag-focus-state-background-color:var(--tag-focus-state-dark-mode-background-color);--tag-focus-state-icon-color:var(--tag-focus-state-dark-mode-icon-color);--tag-focus-state-label-color:var(--tag-focus-state-dark-mode-label-color);--tag-focus-state-remove-indicator-color:var(--tag-focus-state-dark-mode-remove-indicator-color);--tag-hover-state-background-color:var(--tag-hover-state-dark-mode-background-color);--tag-hover-state-icon-color:var(--tag-hover-state-dark-mode-icon-color);--tag-hover-state-label-color:var(--tag-hover-state-dark-mode-label-color);--tag-hover-state-remove-indicator-color:var(--tag-hover-state-dark-mode-remove-indicator-color);--tag-normal-state-background-color:var(--tag-normal-state-dark-mode-background-color);--tag-normal-state-icon-color:var(--tag-normal-state-dark-mode-icon-color);--tag-normal-state-label-color:var(--tag-normal-state-dark-mode-label-color);--tag-normal-state-remove-indicator-color:var(--tag-normal-state-dark-mode-remove-indicator-color);--tag-pressed-state-background-color:var(--tag-pressed-state-dark-mode-background-color);--tag-pressed-state-icon-color:var(--tag-pressed-state-dark-mode-icon-color);--tag-pressed-state-label-color:var(--tag-pressed-state-dark-mode-label-color);--tag-pressed-state-remove-indicator-color:var(--tag-pressed-state-dark-mode-remove-indicator-color);--text-link-group-separator-color:var(--text-link-group-separator-dark-mode-color);--text-link-destructive-variant-color:var(--text-link-destructive-variant-dark-mode-color);--text-link-destructive-variant-disabled-state-color:var(--text-link-destructive-variant-disabled-state-dark-mode-color);--text-link-destructive-variant-hover-state-color:var(--text-link-destructive-variant-hover-state-dark-mode-color);--text-link-destructive-variant-normal-state-color:var(--text-link-destructive-variant-normal-state-dark-mode-color);--text-link-destructive-variant-pressed-state-color:var(--text-link-destructive-variant-pressed-state-dark-mode-color);--text-link-inverted-variant-disabled-state-color:var(--text-link-inverted-variant-disabled-state-dark-mode-color);--text-link-inverted-variant-hover-state-color:var(--text-link-inverted-variant-hover-state-dark-mode-color);--text-link-inverted-variant-normal-state-color:var(--text-link-inverted-variant-normal-state-dark-mode-color);--text-link-inverted-variant-pressed-state-color:var(--text-link-inverted-variant-pressed-state-dark-mode-color);--text-link-normal-variant-color:var(--text-link-normal-variant-dark-mode-color);--text-link-normal-variant-disabled-state-color:var(--text-link-normal-variant-disabled-state-dark-mode-color);--text-link-normal-variant-hover-state-color:var(--text-link-normal-variant-hover-state-dark-mode-color);--text-link-normal-variant-normal-state-color:var(--text-link-normal-variant-normal-state-dark-mode-color);--text-link-normal-variant-pressed-state-color:var(--text-link-normal-variant-pressed-state-dark-mode-color);--textarea-placeholder-color:var(--textarea-placeholder-dark-mode-color);--textarea-selection-caret-color:var(--textarea-selection-caret-dark-mode-color);--textarea-selection-highlight-color:var(--textarea-selection-highlight-dark-mode-color);--textarea-selection-text-cursor-color:var(--textarea-selection-text-cursor-dark-mode-color);--toast-accent-color:var(--toast-accent-dark-mode-color);--toast-background-color:var(--toast-background-dark-mode-color);--toast-critical-variant-accent-color:var(--toast-critical-variant-accent-dark-mode-color);--toast-critical-variant-background-color:var(--toast-critical-variant-background-dark-mode-color);--toast-critical-variant-button-text-color:var(--toast-critical-variant-button-text-dark-mode-color);--toast-critical-variant-dismiss-button-color:var(--toast-critical-variant-dismiss-button-dark-mode-color);--toast-critical-variant-icon-color:var(--toast-critical-variant-icon-dark-mode-color);--toast-critical-variant-link-color:var(--toast-critical-variant-link-dark-mode-color);--toast-critical-variant-progress-bar-color:var(--toast-critical-variant-progress-bar-dark-mode-color);--toast-critical-variant-separator-color:var(--toast-critical-variant-separator-dark-mode-color);--toast-critical-variant-text-color:var(--toast-critical-variant-text-dark-mode-color);--toast-dismiss-button-color:var(--toast-dismiss-button-dark-mode-color);--toast-icon-color:var(--toast-icon-dark-mode-color);--toast-info-variant-accent-color:var(--toast-info-variant-accent-dark-mode-color);--toast-info-variant-background-color:var(--toast-info-variant-background-dark-mode-color);--toast-info-variant-button-text-color:var(--toast-info-variant-button-text-dark-mode-color);--toast-info-variant-dismiss-button-color:var(--toast-info-variant-dismiss-button-dark-mode-color);--toast-info-variant-icon-color:var(--toast-info-variant-icon-dark-mode-color);--toast-info-variant-link-color:var(--toast-info-variant-link-dark-mode-color);--toast-info-variant-progress-bar-color:var(--toast-info-variant-progress-bar-dark-mode-color);--toast-info-variant-separator-color:var(--toast-info-variant-separator-dark-mode-color);--toast-info-variant-text-color:var(--toast-info-variant-text-dark-mode-color);--toast-insight-variant-accent-color:var(--toast-insight-variant-accent-dark-mode-color);--toast-insight-variant-background-color:var(--toast-insight-variant-background-dark-mode-color);--toast-insight-variant-button-text-color:var(--toast-insight-variant-button-text-dark-mode-color);--toast-insight-variant-dismiss-button-color:var(--toast-insight-variant-dismiss-button-dark-mode-color);--toast-insight-variant-icon-color:var(--toast-insight-variant-icon-dark-mode-color);--toast-insight-variant-link-color:var(--toast-insight-variant-link-dark-mode-color);--toast-insight-variant-progress-bar-color:var(--toast-insight-variant-progress-bar-dark-mode-color);--toast-insight-variant-separator-color:var(--toast-insight-variant-separator-dark-mode-color);--toast-insight-variant-text-color:var(--toast-insight-variant-text-dark-mode-color);--toast-link-destructive-variant-color:var(--toast-link-destructive-variant-dark-mode-color);--toast-link-destructive-variant-disabled-state-color:var(--toast-link-destructive-variant-disabled-state-dark-mode-color);--toast-link-destructive-variant-hover-state-color:var(--toast-link-destructive-variant-hover-state-dark-mode-color);--toast-link-destructive-variant-normal-state-color:var(--toast-link-destructive-variant-normal-state-dark-mode-color);--toast-link-destructive-variant-pressed-state-color:var(--toast-link-destructive-variant-pressed-state-dark-mode-color);--toast-link-inverted-variant-disabled-state-color:var(--toast-link-inverted-variant-disabled-state-dark-mode-color);--toast-link-inverted-variant-hover-state-color:var(--toast-link-inverted-variant-hover-state-dark-mode-color);--toast-link-inverted-variant-normal-state-color:var(--toast-link-inverted-variant-normal-state-dark-mode-color);--toast-link-inverted-variant-pressed-state-color:var(--toast-link-inverted-variant-pressed-state-dark-mode-color);--toast-link-normal-variant-color:var(--toast-link-normal-variant-dark-mode-color);--toast-link-normal-variant-disabled-state-color:var(--toast-link-normal-variant-disabled-state-dark-mode-color);--toast-link-normal-variant-hover-state-color:var(--toast-link-normal-variant-hover-state-dark-mode-color);--toast-link-normal-variant-normal-state-color:var(--toast-link-normal-variant-normal-state-dark-mode-color);--toast-link-normal-variant-pressed-state-color:var(--toast-link-normal-variant-pressed-state-dark-mode-color);--toast-progress-bar-color:var(--toast-progress-bar-dark-mode-color);--toast-success-variant-accent-color:var(--toast-success-variant-accent-dark-mode-color);--toast-success-variant-background-color:var(--toast-success-variant-background-dark-mode-color);--toast-success-variant-button-text-color:var(--toast-success-variant-button-text-dark-mode-color);--toast-success-variant-dismiss-button-color:var(--toast-success-variant-dismiss-button-dark-mode-color);--toast-success-variant-icon-color:var(--toast-success-variant-icon-dark-mode-color);--toast-success-variant-link-color:var(--toast-success-variant-link-dark-mode-color);--toast-success-variant-progress-bar-color:var(--toast-success-variant-progress-bar-dark-mode-color);--toast-success-variant-separator-color:var(--toast-success-variant-separator-dark-mode-color);--toast-success-variant-text-color:var(--toast-success-variant-text-dark-mode-color);--toast-text-color:var(--toast-text-dark-mode-color);--toast-warning-variant-accent-color:var(--toast-warning-variant-accent-dark-mode-color);--toast-warning-variant-background-color:var(--toast-warning-variant-background-dark-mode-color);--toast-warning-variant-button-text-color:var(--toast-warning-variant-button-text-dark-mode-color);--toast-warning-variant-dismiss-button-color:var(--toast-warning-variant-dismiss-button-dark-mode-color);--toast-warning-variant-icon-color:var(--toast-warning-variant-icon-dark-mode-color);--toast-warning-variant-link-color:var(--toast-warning-variant-link-dark-mode-color);--toast-warning-variant-progress-bar-color:var(--toast-warning-variant-progress-bar-dark-mode-color);--toast-warning-variant-separator-color:var(--toast-warning-variant-separator-dark-mode-color);--toast-warning-variant-text-color:var(--toast-warning-variant-text-dark-mode-color);--toggle-disabled-state-selected-value-border-color:var(--toggle-disabled-state-selected-value-dark-mode-border-color);--toggle-disabled-state-selected-value-thumb-color:var(--toggle-disabled-state-selected-value-dark-mode-thumb-color);--toggle-disabled-state-selected-value-track-color:var(--toggle-disabled-state-selected-value-dark-mode-track-color);--toggle-disabled-state-unselected-value-border-color:var(--toggle-disabled-state-unselected-value-dark-mode-border-color);--toggle-disabled-state-unselected-value-thumb-color:var(--toggle-disabled-state-unselected-value-dark-mode-thumb-color);--toggle-disabled-state-unselected-value-track-color:var(--toggle-disabled-state-unselected-value-dark-mode-track-color);--toggle-focus-ring-color:var(--toggle-focus-ring-dark-mode-color);--toggle-focus-state-selected-value-border-color:var(--toggle-focus-state-selected-value-dark-mode-border-color);--toggle-focus-state-selected-value-thumb-color:var(--toggle-focus-state-selected-value-dark-mode-thumb-color);--toggle-focus-state-selected-value-track-color:var(--toggle-focus-state-selected-value-dark-mode-track-color);--toggle-focus-state-unselected-value-border-color:var(--toggle-focus-state-unselected-value-dark-mode-border-color);--toggle-focus-state-unselected-value-thumb-color:var(--toggle-focus-state-unselected-value-dark-mode-thumb-color);--toggle-focus-state-unselected-value-track-color:var(--toggle-focus-state-unselected-value-dark-mode-track-color);--toggle-hover-state-selected-value-border-color:var(--toggle-hover-state-selected-value-dark-mode-border-color);--toggle-hover-state-selected-value-thumb-color:var(--toggle-hover-state-selected-value-dark-mode-thumb-color);--toggle-hover-state-selected-value-track-color:var(--toggle-hover-state-selected-value-dark-mode-track-color);--toggle-hover-state-unselected-value-border-color:var(--toggle-hover-state-unselected-value-dark-mode-border-color);--toggle-hover-state-unselected-value-thumb-color:var(--toggle-hover-state-unselected-value-dark-mode-thumb-color);--toggle-hover-state-unselected-value-track-color:var(--toggle-hover-state-unselected-value-dark-mode-track-color);--toggle-normal-state-selected-value-border-color:var(--toggle-normal-state-selected-value-dark-mode-border-color);--toggle-normal-state-selected-value-thumb-color:var(--toggle-normal-state-selected-value-dark-mode-thumb-color);--toggle-normal-state-selected-value-track-color:var(--toggle-normal-state-selected-value-dark-mode-track-color);--toggle-normal-state-unselected-value-border-color:var(--toggle-normal-state-unselected-value-dark-mode-border-color);--toggle-normal-state-unselected-value-thumb-color:var(--toggle-normal-state-unselected-value-dark-mode-thumb-color);--toggle-normal-state-unselected-value-track-color:var(--toggle-normal-state-unselected-value-dark-mode-track-color);--toggle-pressed-state-selected-value-border-color:var(--toggle-pressed-state-selected-value-dark-mode-border-color);--toggle-pressed-state-selected-value-thumb-color:var(--toggle-pressed-state-selected-value-dark-mode-thumb-color);--toggle-pressed-state-selected-value-track-color:var(--toggle-pressed-state-selected-value-dark-mode-track-color);--toggle-pressed-state-unselected-value-border-color:var(--toggle-pressed-state-unselected-value-dark-mode-border-color);--toggle-pressed-state-unselected-value-thumb-color:var(--toggle-pressed-state-unselected-value-dark-mode-thumb-color);--toggle-pressed-state-unselected-value-track-color:var(--toggle-pressed-state-unselected-value-dark-mode-track-color);--tooltip-background-color:var(--tooltip-background-dark-mode-color);--tooltip-link-color:var(--tooltip-link-dark-mode-color);--tooltip-popover-background-color:var(--tooltip-popover-background-dark-mode-color);--tooltip-popover-link-color:var(--tooltip-popover-link-dark-mode-color);--tooltip-popover-text-color:var(--tooltip-popover-text-dark-mode-color);--tooltip-text-color:var(--tooltip-text-dark-mode-color);--tooltip-trigger-icon-active-state-color:var(--tooltip-trigger-icon-active-state-dark-mode-color);--tooltip-trigger-icon-disabled-state-color:var(--tooltip-trigger-icon-disabled-state-dark-mode-color);--tooltip-trigger-icon-normal-state-color:var(--tooltip-trigger-icon-normal-state-dark-mode-color);--tooltip-trigger-text-active-state-color:var(--tooltip-trigger-text-active-state-dark-mode-color);--tooltip-trigger-text-disabled-state-color:var(--tooltip-trigger-text-disabled-state-dark-mode-color);--tooltip-trigger-text-normal-state-color:var(--tooltip-trigger-text-normal-state-dark-mode-color);--tracker-horizontal-orientation-compact-density-large-size-completed-state-color:var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-dark-mode-color);--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);--tracker-horizontal-orientation-compact-density-large-size-current-state-color:var(--tracker-horizontal-orientation-compact-density-large-size-current-state-dark-mode-color);--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-color:var(--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-dark-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-color:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-dark-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-current-state-color:var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-dark-mode-color);--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-color:var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-dark-mode-color);--tracker-horizontal-orientation-compact-density-small-size-completed-state-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);--tracker-horizontal-orientation-compact-density-small-size-current-state-color:var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-color:var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-color:var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-current-state-color:var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-color:var(--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-color:var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-current-state-color:var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-color:var(--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-color:var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-current-state-color:var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-dark-mode-color);--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-color:var(--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-large-size-completed-state-color:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);--tracker-horizontal-orientation-regular-density-large-size-current-state-color:var(--tracker-horizontal-orientation-regular-density-large-size-current-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-color:var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-color:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-current-state-color:var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-color:var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-small-size-completed-state-color:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color:var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);--tracker-horizontal-orientation-regular-density-small-size-current-state-color:var(--tracker-horizontal-orientation-regular-density-small-size-current-state-dark-mode-color);--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-color:var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-dark-mode-color)}}.market-grid-container{display:grid;grid-template-columns:repeat(var(--core-grid-column-count),1fr);grid-gap:var(--core-grid-horizontal-spacing) var(--core-grid-vertical-spacing)}.market-grid-item-small{grid-column:auto/span var(--core-grid-item-small-size-column-span)}.market-grid-item-medium{grid-column:auto/span var(--core-grid-item-medium-size-column-span)}.market-grid-item-large{grid-column:auto/span var(--core-grid-item-large-size-column-span)}.market-grid-item-full{grid-column:auto/span var(--core-grid-item-full-size-column-span)}@media only screen and (min-width:600px){:root,:root [data-market-theme]{--core-grid-column-count:var(--core-medium-viewport-grid-column-count);--core-grid-horizontal-spacing:var(--core-medium-viewport-grid-horizontal-spacing);--core-grid-vertical-spacing:var(--core-medium-viewport-grid-vertical-spacing);--core-grid-item-full-size-column-span:var(--core-medium-viewport-grid-item-full-size-column-span);--core-grid-item-large-size-column-span:var(--core-medium-viewport-grid-item-large-size-column-span);--core-grid-item-medium-size-column-span:var(--core-medium-viewport-grid-item-medium-size-column-span);--core-grid-item-small-size-column-span:var(--core-medium-viewport-grid-item-small-size-column-span)}}@media only screen and (min-width:800px){:root,:root [data-market-theme]{--core-grid-column-count:var(--core-wide-viewport-grid-column-count);--core-grid-horizontal-spacing:var(--core-wide-viewport-grid-horizontal-spacing);--core-grid-vertical-spacing:var(--core-wide-viewport-grid-vertical-spacing);--core-grid-item-full-size-column-span:var(--core-wide-viewport-grid-item-full-size-column-span);--core-grid-item-large-size-column-span:var(--core-wide-viewport-grid-item-large-size-column-span);--core-grid-item-medium-size-column-span:var(--core-wide-viewport-grid-item-medium-size-column-span);--core-grid-item-small-size-column-span:var(--core-wide-viewport-grid-item-small-size-column-span)}}@media only screen and (min-width:1024px){:root,:root [data-market-theme]{--core-grid-column-count:var(--core-extra-wide-viewport-grid-column-count);--core-grid-horizontal-spacing:var(--core-extra-wide-viewport-grid-horizontal-spacing);--core-grid-vertical-spacing:var(--core-extra-wide-viewport-grid-vertical-spacing);--core-grid-item-full-size-column-span:var(--core-extra-wide-viewport-grid-item-full-size-column-span);--core-grid-item-large-size-column-span:var(--core-extra-wide-viewport-grid-item-large-size-column-span);--core-grid-item-medium-size-column-span:var(--core-extra-wide-viewport-grid-item-medium-size-column-span);--core-grid-item-small-size-column-span:var(--core-extra-wide-viewport-grid-item-small-size-column-span)}}@keyframes market-popup{from{opacity:0;transform:scale(.9,.9)}to{opacity:100%;transform:scale(1,1)}}@keyframes market-popdown{from{opacity:100%;transform:scale(1,1)}to{opacity:0;transform:scale(.9,.9)}}@keyframes market-slideup{from{opacity:0;transform:translateY(80vh)}to{opacity:100%;transform:translateY(0)}}@keyframes market-slidedown{from{opacity:100%;transform:translateY(0)}to{opacity:0;transform:translateY(80vh)}}@keyframes market-slide-left-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes market-slide-left-exit{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes market-fade-in{from{opacity:0}to{opacity:100%}}@keyframes market-fade-out{from{opacity:100%}to{opacity:0}}@keyframes market-file-upload-loading-rotation{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes market-activity-indicator-rotation{from{transform:rotate(0)}to{transform:rotate(360deg)}}:root,:root [data-market-theme]{--modal-partial-vertical-padding-size:var(--modal-partial-medium-viewport-vertical-padding-size);--modal-partial-vertical-screen-buffer-size:var(--modal-partial-medium-viewport-vertical-screen-buffer-size);--modal-partial-horizontal-padding-size:var(--modal-partial-medium-viewport-horizontal-padding-size);--modal-partial-horizontal-screen-buffer-size:var(--modal-partial-medium-viewport-horizontal-screen-buffer-size);--modal-partial-width:var(--modal-partial-medium-viewport-width);--modal-full-horizontal-padding-size:var(--modal-full-narrow-viewport-horizontal-padding-size);--modal-full-vertical-padding-size:var(--modal-full-narrow-viewport-vertical-padding-size);--modal-dialog-vertical-padding-size:var(--modal-dialog-medium-viewport-vertical-padding-size);--modal-dialog-horizontal-padding-size:var(--modal-dialog-medium-viewport-horizontal-padding-size);--modal-dialog-width:var(--modal-dialog-medium-viewport-width)}@media (min-width:600px){:root,:root [data-market-theme]{--modal-full-vertical-padding-size:var(--modal-full-medium-viewport-vertical-padding-size);--modal-full-horizontal-padding-size:var(--modal-full-medium-viewport-horizontal-padding-size);--modal-dialog-vertical-padding-size:var(--modal-dialog-medium-viewport-vertical-padding-size);--modal-dialog-horizontal-padding-size:var(--modal-dialog-medium-viewport-horizontal-padding-size);--modal-dialog-width:var(--modal-dialog-medium-viewport-width)}}@media (min-width:800px){:root,:root [data-market-theme]{--modal-partial-vertical-padding-size:var(--modal-partial-wide-viewport-vertical-padding-size);--modal-partial-vertical-screen-buffer-size:var(--modal-partial-wide-viewport-vertical-screen-buffer-size);--modal-partial-horizontal-padding-size:var(--modal-partial-wide-viewport-horizontal-padding-size);--modal-partial-horizontal-screen-buffer-size:var(--modal-partial-wide-viewport-horizontal-screen-buffer-size);--modal-partial-width:var(--modal-partial-wide-viewport-width);--modal-full-vertical-padding-size:var(--modal-full-wide-viewport-vertical-padding-size);--modal-full-horizontal-padding-size:var(--modal-full-wide-viewport-horizontal-padding-size);--modal-dialog-vertical-padding-size:var(--modal-dialog-wide-viewport-vertical-padding-size);--modal-dialog-horizontal-padding-size:var(--modal-dialog-wide-viewport-horizontal-padding-size);--modal-dialog-width:var(--modal-dialog-wide-viewport-width)}}[data-market-features*=typography]{color:var(--core-text-10-color);font-weight:var(--core-type-regular-weight);font-family:var(--core-type-font-family);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osz-font-smoothing:grayscale;font-smooth:always}.display-10,h1{font-weight:var(--core-type-display-10-weight);font-size:var(--core-type-display-10-size);font-family:var(--core-type-display-10-font-family);line-height:var(--core-type-display-10-leading);letter-spacing:var(--core-type-display-10-tracking);text-transform:var(--core-type-display-10-case)}.display-20{font-weight:var(--core-type-display-20-weight);font-size:var(--core-type-display-20-size);font-family:var(--core-type-display-20-font-family);line-height:var(--core-type-display-20-leading);letter-spacing:var(--core-type-display-20-tracking);text-transform:var(--core-type-display-20-case)}.heading-30,h2{font-weight:var(--core-type-heading-30-weight);font-size:var(--core-type-heading-30-size);font-family:var(--core-type-heading-30-font-family);line-height:var(--core-type-heading-30-leading);letter-spacing:var(--core-type-heading-30-tracking);text-transform:var(--core-type-heading-30-case)}.heading-20,h3{font-weight:var(--core-type-heading-20-weight);font-size:var(--core-type-heading-20-size);font-family:var(--core-type-heading-20-font-family);line-height:var(--core-type-heading-20-leading);letter-spacing:var(--core-type-heading-20-tracking);text-transform:var(--core-type-heading-20-case)}.heading-10,h4{font-weight:var(--core-type-heading-10-weight);font-size:var(--core-type-heading-10-size);font-family:var(--core-type-heading-10-font-family);line-height:var(--core-type-heading-10-leading);letter-spacing:var(--core-type-heading-10-tracking);text-transform:var(--core-type-heading-10-case)}.heading-5,h5{font-weight:var(--core-type-heading-5-weight);font-size:var(--core-type-heading-5-size);font-family:var(--core-type-heading-5-font-family);line-height:var(--core-type-heading-5-leading);letter-spacing:var(--core-type-heading-5-tracking);text-transform:var(--core-type-heading-5-case)}.paragraph-30{font-weight:var(--core-type-paragraph-30-weight);font-size:var(--core-type-paragraph-30-size);font-family:var(--core-type-paragraph-30-font-family);line-height:var(--core-type-paragraph-30-leading);letter-spacing:var(--core-type-paragraph-30-tracking);text-transform:var(--core-type-paragraph-30-case)}.paragraph-30 b,.paragraph-30 strong{font-weight:var(--core-type-semibold-30-weight)}.paragraph-20,p{font-weight:var(--core-type-paragraph-20-weight);font-size:var(--core-type-paragraph-20-size);font-family:var(--core-type-paragraph-20-font-family);line-height:var(--core-type-paragraph-20-leading);letter-spacing:var(--core-type-paragraph-20-tracking);text-transform:var(--core-type-paragraph-20-case)}.paragraph-20 b,.paragraph-20 strong,p b,p strong{font-weight:var(--core-type-semibold-20-weight)}.paragraph-10{font-weight:var(--core-type-paragraph-10-weight);font-size:var(--core-type-paragraph-10-size);font-family:var(--core-type-paragraph-10-font-family);line-height:var(--core-type-paragraph-10-leading);letter-spacing:var(--core-type-paragraph-10-tracking);text-transform:var(--core-type-paragraph-10-case)}.paragraph-10 b,.paragraph-10 strong{font-weight:var(--core-type-semibold-10-weight)}.medium-10{font-weight:var(--core-type-medium-10-weight);font-size:var(--core-type-medium-10-size);font-family:var(--core-type-medium-10-font-family);line-height:var(--core-type-medium-10-leading);letter-spacing:var(--core-type-medium-10-tracking);text-transform:var(--core-type-medium-10-case)}.medium-20{font-weight:var(--core-type-medium-20-weight);font-size:var(--core-type-medium-20-size);font-family:var(--core-type-medium-20-font-family);line-height:var(--core-type-medium-20-leading);letter-spacing:var(--core-type-medium-20-tracking);text-transform:var(--core-type-medium-20-case)}.medium-30{font-weight:var(--core-type-medium-30-weight);font-size:var(--core-type-medium-30-size);font-family:var(--core-type-medium-30-font-family);line-height:var(--core-type-medium-30-leading);letter-spacing:var(--core-type-medium-30-tracking);text-transform:var(--core-type-medium-30-case)}.semibold-10{font-weight:var(--core-type-semibold-10-weight);font-size:var(--core-type-semibold-10-size);font-family:var(--core-type-semibold-10-font-family);line-height:var(--core-type-semibold-10-leading);letter-spacing:var(--core-type-semibold-10-tracking);text-transform:var(--core-type-semibold-10-case)}.semibold-20{font-weight:var(--core-type-semibold-20-weight);font-size:var(--core-type-semibold-20-size);font-family:var(--core-type-semibold-20-font-family);line-height:var(--core-type-semibold-20-leading);letter-spacing:var(--core-type-semibold-20-tracking);text-transform:var(--core-type-semibold-20-case)}.semibold-30{font-weight:var(--core-type-semibold-30-weight);font-size:var(--core-type-semibold-30-size);font-family:var(--core-type-semibold-30-font-family);line-height:var(--core-type-semibold-30-leading);letter-spacing:var(--core-type-semibold-30-tracking);text-transform:var(--core-type-semibold-30-case)}.monospace,code{font-family:var(--core-type-mono-font-family)}[data-market-features*=typography] [data-disabled-market-features*=typography]{color:revert-layer;font-weight:revert-layer;font-family:revert-layer;font-synthesis:revert-layer;-webkit-font-smoothing:revert-layer;-moz-osz-font-smoothing:revert-layer;font-smooth:always}[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .display-10,[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .display-20,[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .heading-10,[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .heading-20,[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .heading-30,[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .heading-5,[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .paragraph-30,[data-market-features*=typography] :where([data-disabled-market-features*=typography]) h1,[data-market-features*=typography] :where([data-disabled-market-features*=typography]) h2,[data-market-features*=typography] :where([data-disabled-market-features*=typography]) h3,[data-market-features*=typography] :where([data-disabled-market-features*=typography]) h4,[data-market-features*=typography] :where([data-disabled-market-features*=typography]) h5{font-weight:revert-layer;font-size:revert-layer;font-family:revert-layer;line-height:revert-layer;letter-spacing:revert-layer;text-transform:revert-layer}[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .paragraph-30 b,[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .paragraph-30 strong{font-weight:revert-layer}[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .paragraph-20,[data-market-features*=typography] :where([data-disabled-market-features*=typography]) p{font-weight:revert-layer;font-size:revert-layer;font-family:revert-layer;line-height:revert-layer;letter-spacing:revert-layer;text-transform:revert-layer}[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .paragraph-20 b,[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .paragraph-20 strong,[data-market-features*=typography] :where([data-disabled-market-features*=typography]) p b,[data-market-features*=typography] :where([data-disabled-market-features*=typography]) p strong{font-weight:revert-layer}[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .paragraph-10{font-weight:revert-layer;font-size:revert-layer;font-family:revert-layer;line-height:revert-layer;letter-spacing:revert-layer;text-transform:revert-layer}[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .paragraph-10 b,[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .paragraph-10 strong{font-weight:revert-layer}[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .medium-10,[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .medium-20,[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .medium-30,[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .semibold-10,[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .semibold-20,[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .semibold-30{font-weight:revert-layer;font-size:revert-layer;font-family:revert-layer;line-height:revert-layer;letter-spacing:revert-layer;text-transform:revert-layer}[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .monospace,[data-market-features*=typography] :where([data-disabled-market-features*=typography]) code{font-family:revert-layer}[data-market-features*=typography] .market-row[size=small]>[slot=label]{font-weight:var(--row-small-size-text-weight);font-size:var(--row-small-size-text-size);line-height:var(--row-small-size-text-leading);letter-spacing:var(--row-small-size-text-tracking);text-transform:var(--row-small-size-text-case)}[data-market-features*=typography] .market-row[size=small]>[slot=subtext]{font-weight:var(--row-small-size-subtext-weight);font-size:var(--row-small-size-subtext-size);line-height:var(--row-small-size-subtext-leading);letter-spacing:var(--row-small-size-subtext-tracking);text-transform:var(--row-small-size-subtext-case)}[data-market-features*=typography] .market-row[size=small]>[slot=side-label]{font-weight:var(--row-small-size-side-text-primary-weight);font-size:var(--row-small-size-side-text-primary-size);line-height:var(--row-small-size-side-text-primary-leading);letter-spacing:var(--row-small-size-side-text-primary-tracking);text-transform:var(--row-small-size-side-text-primary-case)}[data-market-features*=typography] .market-row[size=small]>[slot=side-subtext]{font-weight:var(--row-small-size-side-text-secondary-weight);font-size:var(--row-small-size-side-text-secondary-size);line-height:var(--row-small-size-side-text-secondary-leading);letter-spacing:var(--row-small-size-side-text-secondary-tracking);text-transform:var(--row-small-size-side-text-secondary-case)}[data-market-features*=typography] .market-row[size=medium]>[slot=label]{font-weight:var(--row-medium-size-text-weight);font-size:var(--row-medium-size-text-size);line-height:var(--row-medium-size-text-leading);letter-spacing:var(--row-medium-size-text-tracking);text-transform:var(--row-medium-size-text-case)}[data-market-features*=typography] .market-row[size=medium]>[slot=subtext]{font-weight:var(--row-medium-size-subtext-weight);font-size:var(--row-medium-size-subtext-size);line-height:var(--row-medium-size-subtext-leading);letter-spacing:var(--row-medium-size-subtext-tracking);text-transform:var(--row-medium-size-subtext-case)}[data-market-features*=typography] .market-row[size=medium]>[slot=side-label]{font-weight:var(--row-medium-size-side-text-primary-weight);font-size:var(--row-medium-size-side-text-primary-size);line-height:var(--row-medium-size-side-text-primary-leading);letter-spacing:var(--row-medium-size-side-text-primary-tracking);text-transform:var(--row-medium-size-side-text-primary-case)}[data-market-features*=typography] .market-row[size=medium]>[slot=side-subtext]{font-weight:var(--row-medium-size-side-text-secondary-weight);font-size:var(--row-medium-size-side-text-secondary-size);line-height:var(--row-medium-size-side-text-secondary-leading);letter-spacing:var(--row-medium-size-side-text-secondary-tracking);text-transform:var(--row-medium-size-side-text-secondary-case)}[data-market-features*=typography] .market-row[slot=displayed-selection]>[slot=label]{font-weight:var(--field-input-weight);font-size:inherit;line-height:inherit}[data-market-features*=typography] .market-field>[slot=error]{color:var(--field-error-message-text-color);font-weight:var(--field-error-message-text-weight);font-size:var(--field-error-message-text-size);line-height:var(--field-error-message-text-leading);letter-spacing:var(--field-error-message-text-tracking)}[data-market-features*=typography] .market-field>[slot=action]{color:var(--field-action-text-color)}[data-market-features*=typography] .market-field>[slot]{margin-top:4px}[data-market-features*=typography] .market-header[show-navigation]>[slot=compact]:not(.wayfinding):not(.subheading){font-weight:var(--core-type-heading-20-weight);font-size:var(--core-type-heading-20-size);font-family:var(--core-type-heading-20-font-family);line-height:var(--core-type-heading-20-leading);letter-spacing:var(--core-type-heading-20-tracking);text-transform:var(--core-type-heading-20-case)}[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .market-row[size=small]>[slot=label],[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .market-row[size=small]>[slot=subtext],[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .market-row[size=small]>[slot=side-label],[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .market-row[size=small]>[slot=side-subtext],[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .market-row[size=medium]>[slot=label],[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .market-row[size=medium]>[slot=subtext],[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .market-row[size=medium]>[slot=side-label],[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .market-row[size=medium]>[slot=side-subtext]{font-weight:revert-layer;font-size:revert-layer;line-height:revert-layer;letter-spacing:revert-layer;text-transform:revert-layer}[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .market-row[slot=displayed-selection]>[slot=label]{font-weight:revert-layer;font-size:revert-layer;line-height:revert-layer}[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .market-field>[slot=error]{color:revert-layer;font-weight:revert-layer;font-size:revert-layer;line-height:revert-layer;letter-spacing:revert-layer}[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .market-field>[slot=action]{color:revert-layer}[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .market-field>[slot]{margin-top:revert-layer}[data-market-features*=typography] :where([data-disabled-market-features*=typography]) .market-header[show-navigation]>[slot=compact]:not(.wayfinding):not(.subheading){font-weight:revert-layer;font-size:revert-layer;font-family:revert-layer;line-height:revert-layer;letter-spacing:revert-layer;text-transform:revert-layer}a{--text-link-focus-ring-border-size:var(--button-focus-ring-border-size);--text-link-focus-ring-buffer-size:var(--button-focus-ring-buffer-size);--text-link-focus-ring-color:var(--button-focus-ring-color);--focus-ring-color:color-mix(in srgb, var(--text-link-focus-ring-color) 100%, transparent)}a:focus-visible{border-radius:1px;outline:var(--focus-ring-color) solid var(--text-link-focus-ring-border-size);outline-offset:var(--text-link-focus-ring-buffer-size)}@layer market-feature--html-styles{[data-market-features*=html-styles] a,[data-market-features*=html-styles] a:active,[data-market-features*=html-styles] a:hover,[data-market-features*=html-styles] a:link,[data-market-features*=html-styles] a:visited{color:var(--text-link-normal-variant-color);font-weight:var(--text-link-medium-size-text-weight);transition:color var(--core-animation-enter-transition-moderate-speed-duration);-webkit-text-decoration-line:none;text-decoration-line:none;-webkit-text-decoration-style:solid;text-decoration-style:solid;text-decoration-thickness:var(--text-link-standalone-style-normal-state-underline-size);text-underline-offset:var(--text-link-standalone-style-underline-offset,2px)}[data-market-features*=html-styles] a:hover{color:var(--text-link-normal-variant-hover-state-color);text-decoration-thickness:var(--text-link-standalone-style-hover-state-underline-size);-webkit-text-decoration-line:underline;text-decoration-line:underline}[data-market-features*=html-styles] a:active{color:var(--text-link-normal-variant-pressed-state-color);text-decoration-thickness:var(--text-link-standalone-style-pressed-state-underline-size)}[data-market-features*=html-styles] a.disabled,[data-market-features*=html-styles] a[aria-disabled=true],[data-market-features*=html-styles] a[disabled]{color:var(--text-link-normal-variant-disabled-state-color);text-decoration-thickness:var(--text-link-standalone-style-disabled-state-underline-size)}[data-market-features*=html-styles] [data-market-theme*=monochrome] a,[data-market-features*=html-styles] [data-market-theme*=monochrome] a:active,[data-market-features*=html-styles] [data-market-theme*=monochrome] a:hover,[data-market-features*=html-styles] [data-market-theme*=monochrome] a:link,[data-market-features*=html-styles] [data-market-theme*=monochrome] a:visited,[data-market-features*=html-styles][data-market-theme*=monochrome] a,[data-market-features*=html-styles][data-market-theme*=monochrome] a:active,[data-market-features*=html-styles][data-market-theme*=monochrome] a:hover,[data-market-features*=html-styles][data-market-theme*=monochrome] a:link,[data-market-features*=html-styles][data-market-theme*=monochrome] a:visited{-webkit-text-decoration-line:underline;text-decoration-line:underline}[data-disabled-market-features*=html-styles][data-market-features*=html-styles] a,[data-disabled-market-features*=html-styles][data-market-features*=html-styles] a:active,[data-disabled-market-features*=html-styles][data-market-features*=html-styles] a:hover,[data-disabled-market-features*=html-styles][data-market-features*=html-styles] a:link,[data-disabled-market-features*=html-styles][data-market-features*=html-styles] a:visited,[data-market-features*=html-styles] [data-disabled-market-features*=html-styles] a,[data-market-features*=html-styles] [data-disabled-market-features*=html-styles] a:active,[data-market-features*=html-styles] [data-disabled-market-features*=html-styles] a:hover,[data-market-features*=html-styles] [data-disabled-market-features*=html-styles] a:link,[data-market-features*=html-styles] [data-disabled-market-features*=html-styles] a:visited{color:revert-layer;font-weight:revert-layer;transition:revert-layer;-webkit-text-decoration-line:revert-layer;text-decoration-line:revert-layer;-webkit-text-decoration-style:revert-layer;text-decoration-style:revert-layer;text-decoration-thickness:revert-layer;text-underline-offset:revert-layer}[data-disabled-market-features*=html-styles][data-market-features*=html-styles] a:hover,[data-market-features*=html-styles] [data-disabled-market-features*=html-styles] a:hover{color:revert-layer;text-decoration-thickness:revert-layer;-webkit-text-decoration-line:revert-layer;text-decoration-line:revert-layer}[data-disabled-market-features*=html-styles][data-market-features*=html-styles] a.disabled,[data-disabled-market-features*=html-styles][data-market-features*=html-styles] a:active,[data-disabled-market-features*=html-styles][data-market-features*=html-styles] a[aria-disabled=true],[data-disabled-market-features*=html-styles][data-market-features*=html-styles] a[disabled],[data-market-features*=html-styles] [data-disabled-market-features*=html-styles] a.disabled,[data-market-features*=html-styles] [data-disabled-market-features*=html-styles] a:active,[data-market-features*=html-styles] [data-disabled-market-features*=html-styles] a[aria-disabled=true],[data-market-features*=html-styles] [data-disabled-market-features*=html-styles] a[disabled]{color:revert-layer;text-decoration-thickness:revert-layer}[data-disabled-market-features*=html-styles][data-market-features*=html-styles] a,[data-market-features*=html-styles] [data-disabled-market-features*=html-styles] a{--text-link-focus-ring-border-size:revert-layer;--text-link-focus-ring-buffer-size:revert-layer;--text-link-focus-ring-color:revert-layer;--focus-ring-color:revert-layer}[data-disabled-market-features*=html-styles][data-market-features*=html-styles] a:focus-visible,[data-market-features*=html-styles] [data-disabled-market-features*=html-styles] a:focus-visible{border-radius:revert-layer;outline:0;outline-offset:revert-layer}}[data-market-features*=dark-mode]{background-color:var(--core-surface-10-color)}[data-market-features*=no-animation]{--core-animation-enter-transition-fast-speed-duration:0s!important;--core-animation-enter-transition-moderate-speed-duration:0s!important;--core-animation-enter-transition-slow-speed-duration:0s!important;--core-animation-exit-transition-fast-speed-duration:0s!important;--core-animation-exit-transition-moderate-speed-duration:0s!important;--core-animation-exit-transition-slow-speed-duration:0s!important;--core-animation-move-transition-fast-speed-duration:0s!important;--core-animation-move-transition-moderate-speed-duration:0s!important;--core-animation-move-transition-slow-speed-duration:0s!important;--animation-infinite-duration:0s!important;--animation-infinite-iteration-count:0!important;--header-main-text-transition-duration:0s!important;--modal-dialog-animation-duration:0s!important;--modal-full-narrow-viewport-animation-duration:0s!important;--modal-partial-narrow-viewport-animation-duration:0s!important;--skeleton-loader-animation-duration:0s!important;--toast-dismissal-delay-long-duration:0s!important;--toast-dismissal-delay-medium-duration:0s!important;--toast-dismissal-delay-short-duration:0s!important}.market-sr-only{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;margin:-1px;padding:0;white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%)}.liquid-container{position:relative;transform:translateY(0)}

/* ===== [2] <link rel="stylesheet" as="style" media="all"> invoice-fe-37a6adaeabdc30e3aecbfb3c1af4c91e.css (59326c) ===== */
body,html{font-family:var(--core-type-font-family)}.link,.project-contact-modal__link,a{color:#005ad9}img,legend{border:0}*{box-sizing:border-box}input::-ms-clear{display:none}/*! normalize.css v2.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;background-color:#fff;font-size:16px}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"“" "”" "‘" "’"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:0}legend{padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}.action-banner__title,.header-text .header-text-header,.invoice-charge-action__button__deprecated,.invoice-charge-expired__title__deprecated,.payment-form__card-header__label,.plaid-interstitial-modal__title,.view-invoice-button,h1,h2,h3{font-family:var(--square-sans-display)}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-moz-appearance:button;appearance:button;-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-moz-appearance:textfield;appearance:textfield;-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.button{background-color:#2996cc;border-radius:3px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;height:42px;padding:11px;text-align:center;white-space:nowrap;border:none;-webkit-tap-highlight-color:transparent}.button.hover,.button:focus,.button:hover{background-color:#38a2d7;outline:0}.button.active,.button:active{background-color:#2586b7}.button.disabled{cursor:default;font-weight:400;opacity:.5}label{cursor:pointer}.accepted-cards,.type-align-center{text-align:center}header{background-color:#2d3c48;color:#fff;padding:32px 10px 27px}.l-center-content{margin:0 auto;max-width:470px}@media (min-width:520px){.l-center-content{max-width:502px}}header h1,header h2{margin:0;font-weight:400}header h1{font-size:25px;line-height:100%;margin:10px 0 5px}header h2{font-size:16px}header .heading{font-size:16px;font-weight:600}.accepted-cards{font-size:15px;font-weight:400;margin-top:12px;color:#1a1a1a;line-height:20px}.error-page .error-page__link,.error-page .error-page__strong,.error-page .error-page__title,.error-page a.error-page__button{font-weight:var(--core-type-bold-weight)}@media (max-width:520px){.cc-name{width:100%!important;float:none;padding-right:0}.accepted-cards{max-width:260px;margin-left:auto;margin-right:auto}}@media (min-width:520px){header h1{font-size:30px}header h2{font-size:22px}}@media (min-width:768px){header h1{font-size:36px}header h2{font-size:26px}}.error-page{background-color:#1b2126;color:#fff;height:100vh;width:100%}.error-page p{line-height:24px}.error-page header,.error-page section{padding:0 20px;margin:0 auto;width:100%;max-width:502px;background-color:#1b2126;text-align:center}.error-page .error-page__logo{display:block;text-align:center}.error-page .error-page__title{text-align:center;margin-top:10px}.error-page .error-page__link{color:#fff;text-decoration:underline}.error-page a.error-page__button,.text-block a:hover,a{text-decoration:none}.error-page a.error-page__button{box-sizing:content-box;padding:0 40px;height:42px;margin:23px auto 50px;line-height:42px;text-transform:uppercase;font-size:11px;letter-spacing:1px}.action-banner__title,.text-block a,.update-payment__remove-payment-link,a{font-weight:var(--core-type-semibold-weight)}.error-page__market-button{margin:23px auto 50px}.error-container{margin:16px 0}.hide-unless-print{display:none}@media print{.hide-when-print{display:none}.hide-unless-print{display:block}}.loading-overlay--full-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--core-fill-20-color)}a{color:var(--text-link-normal-variant-color)}a:hover{color:#005fe5}a:focus-visible{outline:#006aff solid 2px;outline-offset:2px}.estimate-content-container{width:100%;background-color:#fff;padding:0 24px;max-width:unset;flex-grow:1}.estimate-content-container .estimate-details__deprecated{padding:24px 0;margin:36px 0}.estimate-content{max-width:640px;margin:0 auto;background-color:#fff}@media (min-width:520px){.estimate-content-container{padding:0 40px}}@media (max-width:520px){.estimate__footer--is-estimate-delivered{margin-bottom:75px}}@media (min-width:600px){.estimate-content-container{padding:0 50px}}.update-payment__loading-spinner{margin:32px 0 0;text-align:center}.update-payment__remove-payment-link{margin-bottom:46px}.action-banner__container{background:#e5f0ff;border-radius:6px;margin:36px 0;padding:24px}.action-banner__title{font-size:18px}.action-banner__cta{align-items:center;color:#343b42;cursor:pointer;display:flex;font-size:16px;font-weight:var(--core-type-medium-weight);margin-top:20px}.action-banner__cta__icon{margin-left:10px}.page-layout-right-column .action-banner__container{margin:0 0 24px}.payment-form__sdk-payment__button{margin-top:30px;width:100%}.payment-form__sdk-payment__button:disabled{cursor:not-allowed}.payment-form__sdk-payment{font-size:14px;line-height:22px}.expired-page-description,.market-ui-payment-method-card .payment-form__card-header__label{font-size:var(--core-type-paragraph-30-size)}.payment-form__sdk-payment__subtitle{font-weight:var(--core-type-bold-weight);margin-bottom:10px}.payment-form__sdk-payment__description{font-weight:var(--core-type-regular-weight)}.base-toast__link,.branded-button,.cart-details-price-label,.custom-ctp-button,.invoice-charge-expired__title__deprecated,.invoice-charge-update-payment-method__container,.market-ui-payment-method-card .payment-form__card-header__label,.payment-breakdown__label,.payment-breakdown__remaining-balance,.payment-method-card,.payment-request-display-state{font-weight:var(--core-type-semibold-weight)}.page-wrapper .charge-error{margin-bottom:24px}.expired-page__container{position:absolute;top:36px;left:50%;transform:translateX(-50%)}.modal__container,.modal__veil{left:0;height:100%;position:fixed;top:0}.expired-page__content{width:600px;margin:30px;max-width:100%}.expired-page-error-icon{width:100%;display:flex;justify-content:center;margin-bottom:28px}.expired-page-description,.expired-page-header{text-align:center}.expired-page-header{margin-bottom:12px}.expired-page-description{margin-top:4px;margin-bottom:28px;display:block}.expired-page-submit-button{width:100%}.expired-page-input-container{margin:24px 0}.forbidden-page_container{display:flex;justify-content:center}.forbidden-page__content{width:640px;margin:30px;max-width:100%}.forbidden-page__content .market-link{display:block;margin-top:40px}.modal__veil{width:100%;background:rgba(0,0,0,.4);opacity:1;transition:visibility .2s ease-in,opacity .2s ease-in}.modal__container{z-index:1000;width:100%}.modal__content{background:#fff;padding:20px;border:1px solid var(--row-normal-variant-normal-state-subtext-color);margin:200px auto 0;text-align:center;max-width:350px;position:relative}@media screen and (max-width:520px){.modal__content{max-width:inherit;margin:0;position:absolute;top:0;left:0;width:100%;height:100%}}.base-modal__content{padding:0;overflow-y:auto}.modal-body,.modal-footer,.modal-header{padding:20px}@media screen and (min-width:521px){.base-modal__content{margin:60px auto;max-width:450px;border-radius:12px;min-height:280px;max-height:calc(100vh - 120px);display:flex;flex-direction:column}}.modal-header{border-bottom:1px solid #ebedef}.modal-body{overflow-y:auto;text-align:left}.modal-footer{border-top:1px solid #ebedef}.modal-header__button-container{display:flex;justify-content:space-between}.modal-header__header-text{margin-bottom:4px;text-align:left}.base-modal__close{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;border-radius:6px;background-color:#ebedef}.base-modal__close:focus,.base-modal__close:hover{background-color:#e5f6ff;outline:0}.base-modal__close:active{background-color:#ccedff}.base-toast{align-items:flex-start;bottom:8px;display:flex;left:50%;position:fixed;transform:translateX(-50%);z-index:800}.base-toast__dismiss{margin:10px 0 0 10px}.base-toast__link{color:#fff;display:block;padding-top:8px}.base-toast__link:focus,.base-toast__link:hover{color:#fff}.base-toast__message-container{max-width:540px;min-width:300px}.branded-button{border:none;border-radius:6px;font-size:16px;padding:12px 16px;text-overflow:ellipsis;width:100%}.branded-button__disabled{cursor:not-allowed;opacity:.5}.branded-button--rounded{border-radius:100px}.bitcoin-payment-form__loader-container{display:flex;justify-content:center;align-items:center;width:100%}.bitcoin-payment-form__refresh-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999}.bitcoin-payment-form__refresh-overlay-content{background-color:#fff;border-radius:8px;padding:32px;display:flex;align-items:center;justify-content:center}.cancel-authorization-modal{top:60px}.invoice-details-row{display:flex;margin-bottom:24px}.cart-details-price-label{flex:3;word-wrap:break-word;font-size:14px}.cart-details-price-value{flex:1;text-align:right;font-weight:var(--core-type-regular-weight);line-height:20px;font-size:14px}.invoice-details-total-price .cart-details-price-label,.invoice-details-total-price .cart-details-price-value{flex:1;font-size:20px;font-weight:var(--core-type-bold-weight)}.invoice-details-total-price .cart-details-price-value{text-align:right}.invoice-details-preview-surcharge{margin-top:16px}.invoice-details-preview-surcharge .cart-details-price-label,.invoice-details-preview-surcharge .cart-details-price-value{font-weight:var(--core-type-bold-weight)}.invoice-details-bitcoin-paid-row{margin-top:16px;margin-bottom:0}.invoice-details-inclusive-tax-row{margin-bottom:0}.invoice-details-footnote-row{color:#71767b;font-size:12px}.payment-form__cash-app__description{font-weight:var(--core-type-regular-weight);font-size:14px;line-height:22px;margin-bottom:24px}.payment-form__cash-app__loader-container{display:flex;justify-content:center;align-items:center;width:100%}.contract-details{font-size:16px}.contract-details-header{font-weight:var(--core-type-medium-weight);margin-bottom:4px}.contract-details-row{margin-top:2px}.invoice-charge-action__button__deprecated{font-size:18px;margin-bottom:16px;margin-top:16px;width:100%}.invoice-charge-confirmation__description__deprecated{color:#71767b;text-align:center}.invoice-charge-expired__title__deprecated{color:#343b42;font-size:24px;margin-bottom:16px;margin-top:16px;text-align:center;vertical-align:middle}.invoice-charge-expired__description__deprecated{color:#71767b;font-size:14px;text-align:center}.invoice-charge-update-payment-method__container__deprecated{margin-top:24px;text-align:center;width:100%}.invoice-charge-confirmation__description{color:#71767b;margin-top:36px}.invoice-charge-expired__description{color:#71767b;margin-bottom:36px}.invoice-charge-update-payment-method__container{margin-top:24px;width:100%}.invoice-charge-error-container{margin-bottom:16px}.gift-card-payment-form__amounts,.itemization-line-item-row-container{margin-bottom:24px}.itemization-line-item-row{display:flex;line-height:22px}.itemization-line-item-details-row{color:#71767b;font-size:12px}.itemization-custom-note{font-style:italic}.itemization-modifier-depth-1{padding-left:12px}.itemization-modifier-depth-2{padding-left:24px}.itemization-modifier-depth-3{padding-left:36px}.invoices-error-line{align-items:center;color:#cc0023;display:flex;font-size:14px;font-weight:var(--core-type-regular-weight);margin-top:8px}.error-banner__message{text-align:left}.view-invoice-button{font-size:18px;overflow:hidden;text-overflow:ellipsis;width:100%}.gift-card-amount-field{position:relative;margin-top:12px}.gift-card-amount-field__clear-container{position:absolute;right:6px;top:50%;height:26px;width:26px;margin-top:-13px;cursor:pointer}.gift-card-payment-form__label-container{display:flex;justify-content:space-between;align-items:baseline}.header-text{margin-bottom:36px}.header-text .header-text-header{color:#1a1a1a;font-size:40px;line-height:47px;margin-bottom:18px}.header-text-subtext{color:#71767b;font-weight:var(--core-type-medium-weight)}.header-text-subtext--warning{color:var(--core-red-text-light-mode-color)}.header-text-subtext--success{color:var(--core-green-text-light-mode-color)}.header-text-subtext--secondary{margin-top:36px}.header-text-subtext--secondary__compact{margin-top:var(--core-metrics-spacing-100)}.header-text-wrapper{margin-top:-60px}.invoice-header-section .header-text{margin-bottom:0}.header-text-progress-tracker{margin-bottom:var(--core-metrics-spacing-300)}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner__icon{animation:spin 1s linear infinite}.page-wrapper{display:flex;flex-direction:column;justify-content:center;min-height:100vh;width:100%}.page-wrapper-content-container__deprecated{align-items:center;display:flex;flex-direction:column;padding:0 26px 80px;width:100%}.page-wrapper-content-container{height:100%;width:100%}.page-wrapper-content-two-column{max-width:1058px;width:100%}.page-wrapper-content-single-column{max-width:658px;width:100%}@media (max-width:1007px){.page-wrapper-content-two-column{max-width:558px;width:100%}}.page-wrapper-success-banner{margin:84px 0 16px}@media (max-width:658px){.page-wrapper-content-container__deprecated{padding:26px 26px 80px}.page-wrapper-success-banner{margin:26px 0 30px}}.payment-breakdown__container{margin-left:16px;margin-top:16px;line-height:18px}.payment-breakdown__row{display:flex;justify-content:space-between;margin-bottom:2px}.payment-breakdown__remaining-balance{color:var(--core-gold-text-color)}.payment-breakdown__remaining-balance.overdue,.payment-request-display-state--overdue{color:#d92b2b}.payment-method-card{border:1px solid #d9d9d9;border-radius:6px;padding:24px;background:#fff}.payment-method-card:not(:last-of-type){margin-bottom:12px}.payment-method-card--selected{border:2px solid #1b2126}.payment-method-card__header{cursor:pointer}.payment-method-card__header--unclickable{cursor:default}.payment-method-card__body{margin-top:32px}.market-ui-payment-method-card{padding:12px 18px;margin-bottom:16px}.market-ui-payment-method-card:hover{background-color:transparent}.market-ui-payment-method-card .payment-method-card__body{cursor:default;padding:8px;margin-top:8px}.market-ui-payment-method-card--selected{border:2px solid #101010}.market-ui-payment-method-card--disabled{opacity:.5;pointer-events:none}.payment-request-display-state--canceled,.payment-request-display-state--partially-paid,.payment-request-display-state--pending,.payment-request-display-state--unpaid{color:var(--row-normal-variant-normal-state-subtext-color)}.payment-request-display-state--paid{color:var(--core-green-text-light-mode-color)}.payment-request-display-state--partially-paid-without-amount{color:var(--core-gold-text-color)}.payment-form__field{position:relative;font-size:16px;-webkit-font-smoothing:antialiased}.payment-form__field .payment-form__field-label{display:none}.payment-form__input{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;display:block;width:100%;height:40px;padding:0 10px;margin:0;border:1px solid #d9d9d9;color:#343b42;background-color:#fff;font-weight:var(--core-type-regular-weight);-webkit-appearance:none;-moz-appearance:none;appearance:none}.payment-form__input:focus{border:2px solid;border-color:var(--field-focus-state-normal-validity-border-color);outline:0;z-index:3}.payment-form__input:-moz-placeholder-shown{overflow:hidden;text-overflow:ellipsis}.payment-form__input:placeholder-shown{overflow:hidden;text-overflow:ellipsis}.default-shipping-address__fields:last-child,.jp-shipping-address__fields:last-child{margin-bottom:24px}.shipping-address-row__left{margin-right:12px}.shipping-address-row__left,.shipping-address-row__right{flex:1}.payment-form__country-select{height:62px}.button-apple-pay,.button-google-pay{min-width:200px;height:42px;width:100%;cursor:pointer}.payment-form__field--error .payment-form__input{border-color:#d92b2b;z-index:3}.shipping-address-row__double-fields{display:flex}.shipping-address-row{margin-bottom:12px}.form-label{margin-bottom:18px;font-weight:var(--core-type-bold-weight);font-size:14px}.payment-form__loading-spinner{margin:32px 0 0;text-align:center}.payment-form__server-error{color:#d92b2b;font-weight:var(--core-type-regular-weight);font-size:14px;margin-bottom:12px}.shipping-address{margin:12px 0 40px}.button-subscriptions-pay{margin:16px 0}.button-google-pay{background-color:#000;background-image:url(data:image/svg+xml,%3Csvg%20width%3D%22103%22%20height%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M.148%202.976h3.766c.532%200%201.024.117%201.477.35.453.233.814.555%201.085.966.27.41.406.863.406%201.358%200%20.495-.124.924-.371%201.288s-.572.64-.973.826v.084c.504.177.912.471%201.225.882.313.41.469.891.469%201.442a2.6%202.6%200%200%201-.427%201.47c-.285.43-.667.763-1.148%201.001A3.5%203.5%200%200%201%204.082%2013H.148V2.976zm3.696%204.2c.448%200%20.81-.14%201.085-.42.275-.28.413-.602.413-.966s-.133-.684-.399-.959c-.266-.275-.614-.413-1.043-.413H1.716v2.758h2.128zm.238%204.368c.476%200%20.856-.15%201.141-.448.285-.299.427-.644.427-1.036%200-.401-.147-.749-.441-1.043-.294-.294-.688-.441-1.183-.441h-2.31v2.968h2.366zm5.379.903c-.453-.518-.679-1.239-.679-2.163V5.86h1.54v4.214c0%20.579.138%201.013.413%201.302.275.29.637.434%201.085.434.364%200%20.686-.096.966-.287.28-.191.495-.446.644-.763a2.37%202.37%200%200%200%20.224-1.022V5.86h1.54V13h-1.456v-.924h-.084c-.196.336-.5.611-.91.826-.41.215-.845.322-1.302.322-.868%200-1.528-.259-1.981-.777zm9.859.161L16.352%205.86h1.722l2.016%204.858h.056l1.96-4.858H23.8l-4.41%2010.164h-1.624l1.554-3.416zm8.266-6.748h1.666l1.442%205.11h.056l1.61-5.11h1.582l1.596%205.11h.056l1.442-5.11h1.638L36.392%2013h-1.624L33.13%207.876h-.042L31.464%2013h-1.596l-2.282-7.14zm12.379-1.337a1%201%200%200%201-.301-.735%201%201%200%200%201%20.301-.735%201%201%200%200%201%20.735-.301%201%201%200%200%201%20.735.301%201%201%200%200%201%20.301.735%201%201%200%200%201-.301.735%201%201%200%200%201-.735.301%201%201%200%200%201-.735-.301zM39.93%205.86h1.54V13h-1.54V5.86zm5.568%207.098a1.967%201.967%200%200%201-.686-.406c-.401-.401-.602-.947-.602-1.638V7.218h-1.246V5.86h1.246V3.844h1.54V5.86h1.736v1.358H45.75v3.36c0%20.383.075.653.224.812.14.187.383.28.728.28.159%200%20.299-.021.42-.063.121-.042.252-.11.392-.203v1.498c-.308.14-.681.21-1.12.21-.317%200-.616-.051-.896-.154zm3.678-9.982h1.54v2.73l-.07%201.092h.07c.205-.336.511-.614.917-.833.406-.22.842-.329%201.309-.329.868%200%201.53.254%201.988.763.457.509.686%201.202.686%202.079V13h-1.54V8.688c0-.541-.142-.947-.427-1.218-.285-.27-.656-.406-1.113-.406-.345%200-.656.098-.931.294a2.042%202.042%200%200%200-.651.777%202.297%202.297%200%200%200-.238%201.029V13h-1.54V2.976zm32.35-.341v4.083h2.518c.6%200%201.096-.202%201.488-.605.403-.402.605-.882.605-1.437%200-.544-.202-1.018-.605-1.422-.392-.413-.888-.62-1.488-.62h-2.518zm0%205.52v4.736h-1.504V1.198h3.99c1.013%200%201.873.337%202.582%201.012.72.675%201.08%201.497%201.08%202.466%200%20.991-.36%201.819-1.08%202.482-.697.665-1.559.996-2.583.996h-2.485v.001zm7.668%202.287c0%20.392.166.718.499.98.332.26.722.391%201.168.391.633%200%201.196-.234%201.692-.701.497-.469.744-1.019.744-1.65-.469-.37-1.123-.555-1.962-.555-.61%200-1.12.148-1.528.442-.409.294-.613.657-.613%201.093m1.946-5.815c1.112%200%201.989.297%202.633.89.642.594.964%201.408.964%202.442v4.932h-1.439v-1.11h-.065c-.622.914-1.45%201.372-2.486%201.372-.882%200-1.621-.262-2.215-.784-.594-.523-.891-1.176-.891-1.96%200-.828.313-1.486.94-1.976s1.463-.735%202.51-.735c.892%200%201.629.163%202.206.49v-.344c0-.522-.207-.966-.621-1.33a2.132%202.132%200%200%200-1.455-.547c-.84%200-1.504.353-1.995%201.062l-1.324-.834c.73-1.045%201.81-1.568%203.238-1.568m11.853.262l-5.02%2011.53H96.42l1.864-4.034-3.302-7.496h1.635l2.387%205.749h.032l2.322-5.75z%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M75.448%207.134c0-.473-.04-.93-.116-1.366h-6.344v2.588h3.634a3.11%203.11%200%200%201-1.344%202.042v1.68h2.169c1.27-1.17%202.001-2.9%202.001-4.944%22%20fill%3D%22%234285F4%22%2F%3E%3Cpath%20d%3D%22M68.988%2013.7c1.816%200%203.344-.595%204.459-1.621l-2.169-1.681c-.603.406-1.38.643-2.29.643-1.754%200-3.244-1.182-3.776-2.774h-2.234v1.731a6.728%206.728%200%200%200%206.01%203.703%22%20fill%3D%22%2334A853%22%2F%3E%3Cpath%20d%3D%22M65.212%208.267a4.034%204.034%200%200%201%200-2.572V3.964h-2.234a6.678%206.678%200%200%200-.717%203.017c0%201.085.26%202.11.717%203.017l2.234-1.731z%22%20fill%3D%22%23FABB05%22%2F%3E%3Cpath%20d%3D%22M68.988%202.921c.992%200%201.88.34%202.58%201.008v.001l1.92-1.918c-1.165-1.084-2.685-1.75-4.5-1.75a6.728%206.728%200%200%200-6.01%203.702l2.234%201.731c.532-1.592%202.022-2.774%203.776-2.774%22%20fill%3D%22%23E94235%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);background-origin:content-box;background-position:center;background-repeat:no-repeat;background-size:contain;border:0;border-radius:4px;box-shadow:0 1px 1px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);outline:0;padding:11px 24px}.google-pay{display:none;position:relative}.google-pay--is-visible{display:block}.google-pay--margin-top{margin-top:12px}.google-pay--disable{pointer-events:none}.button-apple-pay{padding:0;border:none;background-image:-webkit-named-image(apple-pay-logo-white);background-color:#000;background-size:100% 60%;background-repeat:no-repeat;background-position:50% 50%;border-radius:5px;display:block}.apple-pay{display:none;position:relative}.apple-pay--is-visible{display:block}.apple-pay--disable{pointer-events:none}.click-to-pay{margin-top:16px;display:none;position:relative}.click-to-pay--is-visible{display:block}.click-to-pay--disable{pointer-events:none}.custom-ctp-button{display:flex;align-items:center;justify-content:center;width:100%;height:48px;padding:0 16px;background-color:#1a1a1a;color:#fff;border:none;border-radius:100px;cursor:pointer;font-size:16px;transition:background-color .15s ease}.custom-ctp-button:hover{background-color:#343434}.custom-ctp-button:disabled{opacity:.5;cursor:not-allowed}.custom-ctp-button__content{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;overflow:hidden}.custom-ctp-button__text{overflow:hidden;text-overflow:ellipsis;transform:translateY(-1px)}.custom-ctp-button__separator{width:1px;height:14px;background-color:rgba(255,255,255,.5);flex-shrink:0}.custom-ctp-button__card-networks{display:flex;align-items:center;flex-shrink:0}.custom-ctp-button__card-logos{display:block;height:14px;width:auto}.custom-ctp-button__logo{display:block;flex-shrink:0}.click-to-pay__sdk-container{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}.modal .modal-header .banner{height:auto!important}.modal .modal-header .cancel:hover{background-color:transparent!important}.digital-wallet-button-group{display:flex;gap:12px;flex-wrap:wrap}.digital-wallet-button-group .button-apple-pay{border-radius:100px}.digital-wallet-button-group .gpay-card-info-container-fill .gpay-card-info-animation-container,.digital-wallet-button-group .gpay-card-info-container-fill>.gpay-card-info-container{border-radius:100px;height:42px}.digital-wallet-button-group .apple-pay--is-visible,.digital-wallet-button-group .google-pay--is-visible{flex:1}.payment-form__card-header{align-items:center;display:flex}.payment-form__card-header__label{font-size:18px;font-weight:var(--core-type-bold-weight)}.payment-form__card-header__info{font-weight:var(--core-type-regular-weight);font-size:14px;line-height:22px}.payment-form__card-header .invoices-ach-icon,.payment-form__card-header .invoices-back-arrow-icon,.payment-form__card-header .invoices-cash-app-icon,.payment-form__card-header .invoices-credit-card-icon,.payment-form__card-header .invoices-gift-card-icon,.payment-form__card-header .invoices-zelle-icon{margin-right:16px}.payment-form__card-header .invoices-afterpay-icon{margin-right:12px}.payment-form__pay-by-ach__button__icon,.plaid-interstitial-modal__lock-icon{margin-right:5px}.payment-form__surcharge-pill{margin-left:auto}.payment-form__pay-by-ach{font-size:14px;line-height:22px}.payment-form__pay-by-ach__subtitle{font-weight:var(--core-type-bold-weight);margin-bottom:10px}.payment-form__pay-by-ach__description{font-weight:var(--core-type-regular-weight)}.payment-form__pay-by-ach__button{align-items:center;display:flex;justify-content:center;margin-top:30px;width:100%;overflow:hidden;text-overflow:ellipsis}.payment-section.payment-section--web-sdk-cards-enabled .cc-name{margin-bottom:12px}.payment-section.payment-section--web-sdk-cards-enabled .payment-form__input{height:64px;padding-left:16px}.payment-section.payment-section--web-sdk-cards-enabled .web-sdk-payment-form{margin-bottom:24px}.payment-section.payment-section--web-sdk-cards-enabled .web-sdk-payment-form .sq-card-iframe-container{height:128px}.payment-section.payment-section--web-sdk-cards-enabled .web-sdk-payment-form .sq-card-message{height:0;margin:0;transition-duration:.25s;transition-property:height,margin;transition-timing-function:ease-out;visibility:hidden}.payment-section.payment-section--web-sdk-cards-enabled .web-sdk-payment-form .sq-card-message::before{display:none}.payment-section.payment-section--web-sdk-cards-enabled .web-sdk-payment-form .sq-card-message-error{font-weight:var(--core-type-regular-weight);height:auto;margin-top:8px;visibility:visible}.payment-request-details__row-header,.plaid-interstitial-end-modal__label{font-weight:var(--core-type-semibold-weight)}.payment-section.payment-section--web-sdk-cards-enabled .card-payment-form__card-field{margin-bottom:24px}.payment-section.payment-section--web-sdk-cards-enabled .card-payment-form__card-field .web-sdk-payment-form{margin-bottom:0}.payment-section.payment-section--web-sdk-cards-enabled .gift-card-payment-form{margin-bottom:14px}.payment-section.payment-section--web-sdk-cards-enabled .gift-card-check-balance{font-size:14px}.payment-section.payment-section--web-sdk-cards-enabled .market-ui-payment-method-card .gift-card-payment-form{margin-bottom:9px}.payment-section.payment-section--web-sdk-cards-enabled .market-ui-payment-method-card .gift-card-amount-field{margin-top:22px}.invoices-payment-method-icon{margin-right:16px}.payment-progress-tracker{display:flex;flex-wrap:wrap}.payment-progress-tracker>market-progress-tracker-step label{cursor:default}.payment-request-details{margin-top:24px}.payment-request-details__row{margin-top:22px}.payment-request-details__row-details{color:var(--row-normal-state-subtext-color);display:flex;font-size:12px}.payment-request-details__display-state{flex:1}.payment-request-details__row-header-container{display:flex;font-size:14px;margin-bottom:5px}.payment-request-details__row-header{color:#343b42;flex:3}.payment-request-details__row-amount,.payment-request-display-state{flex:1;text-align:right}.payment-request-details__row-details-date{flex:3}.payment-request-details__balance-info-container{border-top:1px solid var(--row-normal-state-separator-color);margin-top:26px;padding-top:12px}.payment-request-details__balance-info-row{display:flex;font-size:14px;justify-content:space-between;margin-top:14px}.payment-summary__divider{margin:32px 0 16px}.payment-summary__container market-row::before{display:none}.payment-summary__helper{color:rgba(0,0,0,.55);margin:0}.plaid-interstitial-end-modal__details{margin-top:24px;margin-bottom:16px}.plaid-interstitial-end-modal__payment-details{margin-top:6px;margin-bottom:4px;border-top:1px solid #ebedef;border-bottom:1px solid #ebedef;padding:11px 0}.plaid-interstitial-end-modal__payment-details.plaid-interstitial-end-modal__payment-details--has-tip{margin-bottom:0}.plaid-interstitial-end-modal__tip-details{margin-bottom:4px;border-bottom:1px solid #ebedef;padding:11px 0}.plaid-interstitial-end-modal__payment-amount{display:flex;justify-content:space-between}.plaid-interstitial-end-modal__due-date{color:var(--row-normal-variant-normal-state-subtext-color);font-size:14px}.plaid-interstitial-modal__title{font-size:24px;font-weight:var(--core-type-bold-weight);line-height:32px}.plaid-interstitial-modal__terms{margin-top:20px;margin-bottom:40px;font-size:12px;line-height:20px;color:#71767b}.series-ended__title,.series-updated-header__title{font-size:24px;font-family:var(--square-sans-display)}.plaid-interstitial-modal__terms--terms-only{margin-bottom:0}.plaid-interstitial-modal__button{width:100%}.series-updated-header__series-number{color:#71767b}.series-updated-header__title{margin-bottom:16px;font-weight:700}.series-updated-header__line{border-bottom:1px solid #d9d9d9;margin:16px auto;width:32px}.square-logo-medium{height:22px;width:22px}.square-logo-large{height:33px;width:33px}.square-logo-white{fill:#fff}.square-logo-black{fill:#1b2126}.square-logo-grey{fill:var(--row-normal-variant-normal-state-subtext-color)}.referral-link{margin-top:24px;margin-bottom:36px}.locked-cart__cannot-be-paid-heading{font-weight:var(--core-type-semibold-weight);margin-bottom:var(--core-metrics-spacing-300)}.unsigned-contracts__related-documents-heading{margin-top:var(--core-metrics-spacing-400)}.series-ended__title{margin-bottom:12px;font-weight:var(--core-type-semibold-weight)}.signed-contract-card{font-size:14px;margin:24px 0}.signed-contract-card-header{color:#1a1a1a;margin:0 0 12px}.signed-contract-card-row{display:block;margin-top:12px;font-weight:var(--core-type-regular-weight)}.simple-header{display:flex;justify-content:space-between;margin:50px 0 16px}.page-wrapper-success-banner+.simple-header{margin:32px 0 16px}.simple-header__framed-logo{background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:11px;box-sizing:content-box;height:64px;margin:0 auto;width:64px}.simple-header__banner-logo{height:90px;max-width:320px}.simple-header__banner-logo-image{max-height:100%;-o-object-fit:contain;object-fit:contain;max-width:100%}@media print{.simple-header__framed-logo--default{border-color:#343b42}}@media (max-width:658px){.page-wrapper-success-banner+.simple-header,.simple-header{margin:4px 0 30px}.simple-header__action{display:none}}.simple-header-wrapper{width:100%}.support-link{color:var(--row-normal-variant-normal-state-subtext-color);font-size:14px;padding-top:30px;text-align:center}.support-link__cta{font-weight:var(--core-type-regular-weight);margin-bottom:4px}.support-link__link,.tab-buttons-tabs{font-weight:var(--core-type-semibold-weight);display:flex}.support-link__link{align-items:center;justify-content:center}.support-link__link__icon{margin:1px 0 0 5px}.page-layout-container .support-link,.page-layout-container__two-column .support-link{margin-top:12px;padding-top:0;text-align:left}.page-layout-container .support-link__link,.page-layout-container__two-column .support-link__link{justify-content:initial}@media (max-width:1007px){.page-layout-container .support-link{border-top:none;margin:0 0 12px;text-align:center}.page-layout-container .support-link__link{justify-content:center}}.tab-buttons-tabs{background-color:var(--core-fill-40-light-mode-color);border-radius:6px;font-size:16px;margin-bottom:28px;padding:4px;width:100%}.tab-buttons__tab-button{align-items:center;cursor:pointer;display:flex;flex:1 1 0;justify-content:center;min-height:40px;min-width:0;padding:8px 12px}.tab-buttons__tab-button--selected{background-color:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1)}.tab-buttons__tab-button__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tender-details-row:last-of-type{margin-bottom:-16px}.tip-field,.tip-form{margin-bottom:18px}.tip-form.standalone-tip-form{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--core-fill-40-color)}.tip-form.standalone-tip-form .payment-form__input{height:64px;padding-left:16px}.tip-field__clear-icon{position:absolute;left:5px;top:5px;background:var(--row-normal-variant-normal-state-subtext-color);width:16px;height:16px;border-radius:50%}.tip-field__clear-icon::after,.tip-field__clear-icon::before{content:"";display:inline-block;background-color:#fff;position:absolute;width:10px;height:2px;top:7px;left:3px}.tip-field__clear-icon::before{transform:rotate(45deg)}.tip-field__clear-icon::after{transform:rotate(135deg)}.tip-field__presets{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.tip-field__preset-percentage{font-size:16px;font-weight:600;line-height:24px;color:var(--choice-button-unselected-value-normal-state-label-color,var(--core-fill-100-color,#000));margin-bottom:4px}.tip-field__preset-amount{font-size:14px;line-height:20px;color:var(--choice-button-unselected-value-normal-state-label-color,var(--core-fill-80-color,#545454))}.tip-field__preset-label{font-size:16px;font-weight:600;line-height:24px;color:var(--choice-button-unselected-value-normal-state-label-color,var(--core-fill-100-color,#000))}.tip-field__preset-button{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;background-color:var(--choice-button-unselected-value-normal-state-background-color,var(--core-fill-20-color,#e0e0e0));border:2px solid transparent;border-radius:8px;cursor:pointer;transition:background-color .2s ease,color .2s ease;min-height:80px}.tip-field__preset-button:hover:not(.tip-field__preset-button--selected){background-color:var(--choice-button-unselected-value-hover-state-background-color,var(--core-fill-30-color,#d0d0d0))}.tip-field__preset-button:active:not(.tip-field__preset-button--selected){background-color:var(--choice-button-unselected-value-pressed-state-background-color,var(--core-fill-30-color,#d0d0d0))}.tip-field__preset-button--selected .tip-field__preset-amount,.tip-field__preset-button--selected .tip-field__preset-label,.tip-field__preset-button--selected .tip-field__preset-percentage{color:inherit}@media (max-width:520px){.tip-field__preset-button--no-tip{flex-basis:100%;min-height:0;padding:14px 12px}}.tip-field__manual-input{margin-top:16px}.tip-form__subtotal-description{font-size:14px;line-height:20px;color:var(--core-fill-80-color,#545454);margin-top:8px;margin-bottom:16px}.unsigned-contracts-card__contract-row{display:flex;font-weight:var(--core-type-regular-weight);font-size:var(--core-type-paragraph-20-size);padding:var(--core-metrics-spacing-100) 0}.unsigned-contracts-card__button{display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:var(--core-metrics-spacing-400);padding:var(--button-medium-size-primary-rank-vertical-padding) var(--button-medium-size-primary-rank-horizontal-padding);border:none;font-weight:var(--button-medium-size-text-weight);border-radius:var(--button-border-radius);text-overflow:ellipsis;text-align:center;height:48px}.hr-or,.update-series-payment-header__title{font-weight:var(--core-type-semibold-weight)}.unsigned-contracts-card__button.primary{color:var(--button-normal-variant-primary-rank-normal-state-label-color);background-color:var(--button-normal-variant-primary-rank-normal-state-background-color)}.unsigned-contracts-card__button.secondary{color:var(--button-normal-variant-secondary-rank-normal-state-label-color);background-color:var(--button-normal-variant-secondary-rank-normal-state-background-color)}.unsigned-contracts-card__header{align-items:center;display:flex;justify-content:space-between}.unsigned-contracts-card__title{margin:0}.unsigned-contracts-card__remaining-contracts-count{font-size:12px;color:var(--row-normal-variant-normal-state-subtext-color)}.unsigned-contracts-card__contracts-list{margin-top:var(--core-metrics-spacing-200)}.update-series-payment-header{margin-bottom:16px}.update-series-payment-header__series-number{color:#71767b}.update-series-payment-header__title{margin-bottom:16px;font-family:var(--square-sans-display);font-size:24px}.update-series-payment-header__line{border-bottom:1px solid #d9d9d9;margin:16px auto;width:32px}.update-series-payment-header__message{padding:0 10px}.hr-or{margin:20px 0;text-transform:uppercase;text-align:center;display:flex;align-items:center;justify-content:center;color:var(--row-normal-state-subtext-color);font-size:13px;letter-spacing:1px}.hr-or::after,.hr-or::before{content:" ";border-top:1px solid #d9d9d9;display:block;width:100%;height:0}.hr-or::before{margin-right:.75em}.hr-or::after{margin-left:.75em}.market-ui-payment-method-card .hr-or{text-transform:none;font-size:var(--core-type-paragraph-20-size);font-weight:var(--core-type-regular-weight)}.referrals-success__message--title,.unit-footer-bold,.wisetack-banner__text--semibold{font-weight:var(--core-type-semibold-weight)}.checkbox-text__body{margin-top:6px;font-size:14px;line-height:20px;color:var(--row-normal-variant-normal-state-subtext-color)}.save-instrument{margin-top:6px;margin-bottom:20px;align-items:flex-start;display:flex}.referrals-success{display:flex;flex-direction:column;height:100%;width:100%;position:absolute}.referrals-success header{background-color:#343b42;display:flex;justify-content:center;padding:16px 0}.referrals-success__message{max-width:350px;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;margin:0 auto;flex:1;line-height:24px}.referrals-success__message--check{width:48px;height:48px;margin-bottom:24px}.referrals-success__message--title{font-family:var(--square-sans-display);font-size:22px;line-height:32px;color:#343b42;margin-bottom:8px}@media screen and (max-width:520px){.referrals-success__message{padding:0 24px}}.goods-and-services-confirmation__title{margin:0 0 8px}.goods-and-services-confirmation-card__container{background:var(--core-fill-40-color);border:none;margin-bottom:var(--core-metrics-spacing-300);margin-top:var(--core-metrics-spacing-400);padding:var(--core-metrics-spacing-300)}.goods-and-services-confirmation-card__save-button{margin-top:var(--core-metrics-spacing-300);width:100%}.unit-footer,.unit-footer__two-column{font-size:14px;line-height:22px;margin-top:auto;width:100%;word-wrap:break-word}.goods-and-services-confirmation__label{color:var(--core-fill-10-color)}.unit-footer__two-column{grid-area:footer}.unit-footer{background-color:#f7f7f7;display:flex;justify-content:center;padding:50px 26px 0}.unit-footer-centered{text-align:center}.unit-footer-section{margin-top:15px;max-width:440px}.unit-footer-merchant-info{color:#343b42}.unit-footer-link-divider{padding:0 12px}.unit-footer-logo{margin:46px 0}header.unit-header{position:relative;background-color:#fff;color:#3d454c}.header-background{position:absolute;top:0;left:0;height:120px;width:100%}.logo-container{margin-top:50px;z-index:1;position:relative}.merchant-logo{margin:0 auto 12px}.merchant-logo__banner{align-items:center;background-color:#fff;color:#fff;display:flex;height:160px;justify-content:center;padding:16px}.merchant-logo__banner-image{display:block;height:100%;max-width:320px;-o-object-fit:contain;object-fit:contain;width:100%}.merchant-logo__image{width:64px;height:64px;margin:0 auto;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:11px;-moz-border-radius:11px;-webkit-border-radius:11px;border:3px solid #fff;box-sizing:content-box}.zelle-alpha-payment-form__confirmation-section,.zelle-alpha-payment-form__description{border-radius:10px;padding:20px;background-color:#f7f7f7}.merchant-logo__image.merchant-logo__image--background-color{margin-top:80px}@media print{.merchant-logo__image--default{border-color:#343b42}}.wisetack-banner{align-items:center}.wisetack-banner__text{display:flex;flex-direction:column;gap:2px}.wisetack-disclaimer{color:#71767b;font-size:12px;margin-top:16px}.wisetack-disclaimer a{font-weight:400;text-decoration:underline}.zelle-alpha-payment-form__merchant-row{margin-top:8px}.zelle-alpha-payment-form__confirmation-section{margin-top:12px}.zelle-alpha-payment-form__confirmation-row{margin-top:8px}.zelle-alpha-payment-form__icon-circle{border-radius:50%;background-color:#6d1ed0;display:flex;align-items:center;justify-content:center}.zelle-alpha-payment-form__initials-square{border-radius:8px;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.zelle-alpha-payment-form__initials-text{color:#1b2126;font-size:16px;font-weight:var(--core-type-semibold-weight);line-height:1}.zelle-alpha-payment-form__instructions{font-weight:var(--core-type-regular-weight);margin:0;padding:0}.zelle-alpha-payment-form__instructions b{font-size:var(--core-type-paragraph-30-size);font-weight:var(--core-type-medium-weight);line-height:var(--core-type-paragraph-30-line-height)}.zelle-alpha-payment-form__instructions li{margin-left:10px}.zelle-alpha-payment-form__merchant-label{font-weight:var(--core-type-regular-weight);margin-bottom:4px}.base-card.cart-card__locked,.cart-card__cart .invoice-details-row.invoice-details-total-price{margin-bottom:0}.zelle-alpha-payment-form__zelle-id{font-family:"Square Sans Display",sans-serif;font-weight:var(--core-type-bold-weight);font-size:var(--core-type-heading-20-size);line-height:var(--core-type-heading-20-line-height);letter-spacing:var(--core-type-heading-20-letter-spacing);color:#3d454c}.zelle-alpha-payment-form__copy-button{width:79px;height:48px;min-height:48px;border-radius:24px;gap:8px;padding:12px 16px;background-color:#f0f0f0;border-color:#f0f0f0;display:flex;align-items:center;justify-content:center;text-align:center}.zelle-alpha-payment-form__copy-button:hover{background-color:#e0e0e0;border-color:#e0e0e0}.zelle-alpha-payment-form__confirm-button{margin-top:12px;display:block}.cart-card__title{margin:0 0 8px}.cart-card__title-section{display:flex;flex-direction:row-reverse;justify-content:space-between}@media (max-width:658px){.cart-card__title-section{flex-direction:column}.cart-card__title-section .cart-card__title-section__pill-container{align-items:flex-start;margin-bottom:8px}}.cart-card__title-section__name__left{display:flex;align-items:flex-start;flex-direction:column}.cart-card__title-section__name__left svg{margin-left:var(--core-metrics-spacing-100)}.cart-card__title-section__title-with-lock{display:flex;align-items:baseline}.cart-card__section-title{font-size:14px;font-weight:var(--core-type-semibold-weight);line-height:22px;margin-top:24px}.cart-card__section-text{font-size:12px;line-height:18px}.custom-field-card .secondary-text,.customer-card .secondary-text,.goods-and-services-confirmed-card__row{font-size:14px;line-height:22px}.cart-card__service-date{font-style:italic;font-weight:var(--core-type-medium-weight);margin-top:8px}.custom-payment-post-balance__label,.invoices-header-thank-you__address__header{font-weight:var(--core-type-semibold-weight)}.cart-card__cart{margin-top:18px}.pay-invoice-button-locked{width:100%;margin-top:var(--core-metrics-spacing-400)}.cart-card__title-section__pill-container{display:flex;flex-direction:column;align-items:flex-end}.cart-card__title-section__pill-container .market-pill:not(:first-of-type){margin-top:10px}.customer-card__title{margin:0 0 8px}.customer-card__additional-recipients{font-style:italic;margin-top:26px}.customer-card__info-container{display:flex}.customer-card__info-section{flex:1 1 0;word-wrap:break-word}.customer-card__info-section--multi-column{max-width:calc(50% - 10px)}.customer-card__info-section--multi-column:first-of-type{margin-right:20px}.custom-field-card{margin-top:24px}.custom-field-card__title{margin:0 0 8px}.invoices-custom-payment-amount-card{padding:var(--core-metrics-spacing-300);margin-top:36px;margin-bottom:60px}.invoices-custom-payment-amount-card:not(:last-of-type){margin-bottom:12px}.invoices-custom-payment-amount-card .payment-progress-tracker{margin-top:6px}.custom-payment-amount-input .payment-form__input{height:var(--core-metrics-spacing-800)}.custom-payment-post-balance{display:flex;justify-content:space-between;margin-top:8px}[data-market-features*=typography] .market-row[size=small]>[slot=label].goods-and-services-confirmation__date-label{font-weight:400}.goods-and-services-confirmed-card{margin-top:24px}.goods-and-services-confirmed-card__title{margin:0 0 8px}.goods-and-services-confirmed-card__row{display:flex;justify-content:space-between}.goods-and-services-confirmed-card__row:not(:last-child){margin-bottom:10px}.invoice-header-section{border-bottom:1px solid var(--row-normal-state-separator-color);margin-bottom:32px;padding-bottom:32px}.invoice-header-section__description{margin-top:30px}.invoice-header-section__banner{margin-top:24px}.invoices-header-thank-you__address-section{color:#71767b;margin-top:24px}.invoices-header-thank-you__section-container{margin-top:8px}.invoices-header-thank-you__address__header{color:#1a1a1a;margin-top:38px}.invoices-header-thank-you__button-container{border-top:1px solid #d9d9d9;margin-top:30px;padding-top:38px}.invoices-header-thank-you__subtext{color:#71767b;font-weight:var(--core-type-medium-weight)}.header-outstanding-payment{color:var(--core-gold-text-color)}.invoices-header-thank-you__pending-note{color:rgba(0,0,0,.55)}.app-container{display:flex;flex-direction:column;justify-content:center;min-height:100vh;width:100%}.page-layout-container__two-column{display:grid;height:100vh;grid-template-areas:". left-column right-column" ". footer right-column";grid-template-columns:0fr 2fr 1fr;justify-items:center;-moz-column-gap:50px;column-gap:50px;row-gap:100px}.page-layout-container__two-column .invoice-payment_payment-methods-header{margin-top:0}@media (max-width:1550px){.page-layout-container__two-column{grid-template-columns:0fr 1.5fr 1fr}}@media (max-width:1300px){.page-layout-container__two-column{grid-template-columns:0fr 1.2fr 1fr}}@media (max-width:1058px){.page-layout-container__two-column{gap:24px;display:flex;align-items:center;flex-direction:column;margin:24px}.page-layout-container__two-column .right-column-card-container{border:1px solid #d9d9d9}}.page-layout-container{display:flex;flex-direction:column;align-items:center}.page-layout-left-column__two-column{margin-right:0;grid-area:left-column;width:100%}.page-layout-left-column__two-column .tip-form__divider{margin:0}.page-layout-left-column__two-column .left-column-card__container{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--core-fill-40-color)}.page-layout-left-column__two-column .left-column-card__container .invoices-custom-payment-amount-card,.page-layout-left-column__two-column .left-column-card__container .invoices-over-transaction-limit-card{margin:0}.invoice-details__download-pdf-button,.invoice-details__download-pdf-button__two-column,.page-layout-section{margin-bottom:24px}.page-layout-left-column__left-grid-section{max-width:558px}.page-layout-left-column{margin-right:0;max-width:558px;width:100%}.page-layout-right-column__two-column{background-color:#f7f7f7;grid-area:right-column;padding:24px;width:100%}@media (max-width:1058px){.page-layout-right-column__two-column{background-color:#fff;padding:0;max-width:558px}}.page-layout-right-column{margin-top:24px;max-width:558px;width:100%}@media (min-width:1008px){.page-layout-container{align-items:initial;flex-direction:row}.page-layout-left-column{margin-right:48px;min-width:558px}.page-layout-right-column{margin-top:16px;max-width:450px}}.payment-details-accordion__invoice-total,.summary-card__custom-fields .custom-field-title{margin-top:12px}@media (max-width:500px){.app-container .simple-header-wrapper{padding:0 16px 24px}}.invoice-details__download-pdf-container{display:initial}.invoice-details__download-pdf-container__two-column{display:flex;justify-content:end}.payment-details-accordion__invoice-total .cart-detail-market-row::before,.summary-card__cart .cart-card__cart .cart-detail-market-row::before{display:none}.invoice-details__download-pdf-button{width:100%}@media (max-width:1058px){.invoice-details__download-pdf-container__two-column{justify-content:stretch}.invoice-details__download-pdf-button__two-column{width:100%}}@media (min-width:659px){.invoice-details__download-pdf-container{display:none}}.summary-card h3{margin-bottom:8px}.summary-card__customer{margin-bottom:22px}.summary-card__cart .cart-card__cart .cart-detail-market-row>label[slot=label],.summary-card__cart .cart-card__cart .cart-detail-market-row>label[slot=side-label]{font-weight:400;font-size:16px;cursor:default}.summary-card__cart .cart-card__cart .cart-detail-market-row.bold-cart-detail-row>.cart-detail-row-label,.summary-card__cart .cart-card__cart .cart-detail-market-row.bold-cart-detail-row>label[slot=side-label]{font-weight:600}.payment-details-accordion .payment-request-details__row-header{font-weight:400}.payment-details-accordion .payment-summary__container .market-row label[slot=label],.payment-details-accordion .payment-summary__container .market-row label[slot=side-label]{font-weight:600}.payment-details-accordion .tender-details-row .market-row label[slot=label],.payment-details-accordion .tender-details-row .market-row label[slot=side-label]{font-weight:400}.payment-details-accordion__invoice-total .cart-detail-market-row.bold-cart-detail-row>.cart-detail-row-label,.payment-details-accordion__invoice-total .cart-detail-market-row.bold-cart-detail-row>label[slot=side-label]{font-weight:600}.payment-details-accordion__invoice-total .cart-detail-market-row:not(.invoice-details-invoice-total-money-row .cart-detail-market-row):not(.invoice-details-subtotal-row .cart-detail-market-row) .cart-detail-row-label,.payment-details-accordion__invoice-total .cart-detail-market-row:not(.invoice-details-invoice-total-money-row .cart-detail-market-row):not(.invoice-details-subtotal-row .cart-detail-market-row) .itemization-line-item-name,.payment-details-accordion__invoice-total .cart-detail-market-row:not(.invoice-details-invoice-total-money-row .cart-detail-market-row):not(.invoice-details-subtotal-row .cart-detail-market-row) label[slot=label],.payment-details-accordion__invoice-total .cart-detail-market-row:not(.invoice-details-invoice-total-money-row .cart-detail-market-row):not(.invoice-details-subtotal-row .cart-detail-market-row) label[slot=side-label]{font-weight:400}.estimate-info-section-title,.estimate-info-toggle,.payment-unactivated__banner-title{font-weight:var(--core-type-medium-weight)}.payment-details-row__icon{margin-right:4px}.payment-details-row__text{font-size:14px}.payment-details-row .payment-details-row__secondary-text{font-size:12px}.invoice-breakdown-card .market-accordion-item{box-shadow:none}.invoice-breakdown-card .market-divider{margin:0}.invoice-breakdown-card .invoice-breakdown-card__section+.invoice-breakdown-card__section{border-top:1px solid var(--core-fill-40-color)}.pay-invoice-button--tip{position:relative;top:-1px;left:5px;font-size:14px}.payment-unactivated__banner-container{margin-top:20px}.payment-unactivated__banner-container-refresh{margin-bottom:24px}.payment-unactivated__banner-title{margin-bottom:10px}.payments-card{margin-top:24px;padding-bottom:18px}.payments-card__title{margin:0 0 12px}.payments-card__row-container{margin-top:12px}.payment-schedule-card{margin-top:24px}.payment-schedule-card__title{margin:0 0 24px}.payment-schedule-card__payments{margin-bottom:8px}.payment-schedule-card__completed{margin-top:12px;margin-bottom:-10px}.right-column-card-container{background-color:#fff;padding:16px 24px;border-radius:12px;margin-bottom:16px}.invoices-over-transaction-limit-card{padding:var(--core-metrics-spacing-300) var(--core-metrics-spacing-400);margin-top:36px;margin-bottom:60px}.invoices-over-transaction-limit-card:not(:last-of-type){margin-bottom:12px}.invoices-over-transaction-limit-card .payment-progress-tracker{margin-top:6px}.invoices-over-transaction-limit-card .custom-payment-post-balance{margin-top:var(--core-metrics-spacing-300)}.estimate-details-select-package-banner{margin-top:20px}.estimate-info-contents{height:100%}.estimate-info-contents__collapsed{height:150px;overflow:hidden;position:relative}.estimate-info-contents__collapsed::before{background:linear-gradient(transparent,rgba(255,255,255,.9));content:"";height:60%;left:0;position:absolute;top:40%;width:100%}.estimate-info-section{line-height:24px;margin-top:32px}.estimate-info-section:first-of-type{margin-top:0}.estimate-info-description{line-height:24px;margin-bottom:32px}.estimate-info-toggle{align-items:center;color:#71767b;cursor:pointer;display:flex;font-size:14px;justify-content:center;margin:28px 0 32px;background:0 0;border:none;padding:0;width:100%}.package-details-attachments-header,.project-contact-modal__row__title,.project-content__task-row__primary-text{font-weight:var(--core-type-semibold-weight)}.estimate-info-toggle__collapsed{margin:8px 0 32px}.estimate-info-toggle-icon{margin-left:8px}.estimate-info-toggle-line{height:1px;width:100%;background-color:#ebedef}.estimate-info-toggle-text{flex-shrink:0;margin:0 12px}.package-details{margin:24px 0}.package-details__selected{border:1px solid #006aff}.package-details__actionable:hover{border:1px solid #1b2126}.package-details-trigger{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin:-24px;padding:24px}.package-details-trigger__expanded{padding:24px 24px 60px}.package-details-title{margin:0}.package-details-description{font-size:16px}.package-details-service-date{font-size:14px;font-style:italic;margin-top:5px}.package-details-payment-requests{border-top:1px solid var(--row-normal-state-separator-color);margin-top:36px}.package-details-attachments{margin-top:45px;word-wrap:break-word}.package-details-accept-button{margin-top:30px}.package-details-header-always-expanded{margin-bottom:34px}.project-content__task-row__completed{border-bottom:1px solid #d9d9d9;padding:16px 0 20px}.project-content__task-row__completed__icon{align-items:center;display:flex;margin-left:16px}.project-content__task-row__completed__icon path{stroke:var(--row-normal-variant-normal-state-subtext-color)}.project-contact-modal__row{border-bottom:1px solid #ebedef;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.project-contact-modal__trigger{background-color:transparent;border:none;margin-top:6px;padding:0}.link{cursor:pointer}:root:has(.no-scroll){overflow:hidden}.no-scroll{height:100%;overflow:hidden}.base-card{border:1px solid #d9d9d9;border-radius:6px;padding:24px;margin:var(--core-metrics-spacing-300) 0}.secondary-text{color:var(--row-normal-state-subtext-color)}.dashed-divider{margin-top:16px;width:100%;height:1px;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23DADADA' stroke-width='2' stroke-dasharray='3%2c 8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")}.project-content__task-row__outstanding{border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);margin-top:16px;padding:16px}.project-content__task-row__outstanding:first-of-type{margin-top:0}.project-content__task-row__outstanding__icon{margin-right:18px;min-width:40px}.project-content__outstanding__heading{margin-bottom:9px}@media (max-width:600px){.project-content__task-row__outstanding__column--right{margin-left:60px}}.type-break-word{word-wrap:break-word}.project-content-container{background-color:#fff;display:flex;justify-content:center;padding:0 50px 180px;width:100%}.project-content{max-width:770px}@media (min-width:870px){.project-content{min-width:770px}}.project-content__loading-spinner{margin:100px 0;text-align:center}.project-content__tasks-container{margin:0 -15px 50px;padding:3px}.project-content__infinite-scroll-container{max-height:400px;overflow-y:auto}.project-content__infinite-scroll-container__loading-spinner{margin-top:16px;text-align:center}.project-content__task-row{display:flex;justify-content:space-between;margin-left:15px;margin-right:15px}.project-content__task-row__default-text,.project-content__task-row__primary-text{margin-top:2px;color:#1b2126}.project-content__task-row__default-text:hover,.project-content__task-row__primary-text:hover{color:#005ad9}.project-content__task-row__column{display:flex}.project-content__task-row__column--left{margin-right:16px}.project-content__task-row__column--right{text-align:right}.project-content__task-row__secondary-text{color:#71767b}.project-content__task-row__detail-text{color:#71767b;font-size:14px;margin-top:6px}.project-content__task-row__success-text{color:var(--core-green-text-light-mode-color)}.project-content__task-row__warning-text{color:#d92b2b}.project-content__task-row__button{margin-left:18px;white-space:nowrap}@media (max-width:870px){.project-content{width:100%}}@media (max-width:600px){.project-content-container{padding:0 20px 180px}.project-content__task-row{flex-direction:column}.project-content__task-row__column--right{display:flex;justify-content:space-between;margin-top:16px;text-align:left}}.project-info{padding:44px 0 18px}.project-info__error-container{align-items:center;border:1px solid #d9d9d9;display:flex;flex-direction:column;margin:30px 0;padding:40px;width:100%}.project-info__error-container__button{background-color:transparent;border:none;color:#005ad9;margin-top:-10px;padding:0}.project-navigation{align-items:center;background-color:#fff;border-bottom:1px solid var(--row-normal-state-separator-color);display:flex;justify-content:space-between;min-height:90px;padding:20px 17px}.project-navigation__primary-button,.project-navigation__primary-button:focus{background-color:#006aff;color:#fff}.project-navigation__primary-button:hover{background-color:#005fe5}.project-navigation__primary-button:active{background-color:#05c}.project-navigation__secondary-button{background-color:#ebedef;color:#005ad9}.project-navigation__secondary-button:focus,.project-navigation__secondary-button:hover{background-color:#f5f6f7}.project-navigation__secondary-button:active{background-color:#d5d9dc}.project-navigation__primary-button__disabled,.project-navigation__primary-button__disabled:active,.project-navigation__primary-button__disabled:focus,.project-navigation__primary-button__disabled:hover{background-color:#ebedef;color:var(--row-normal-variant-normal-state-subtext-color)}.enrollment-modal__button{margin-top:16px;width:100%}

/* ===== [3] <link rel="stylesheet" media="print"> print-6ac60f0822f0a53c4b68135dbd106ddb.css (1494c) ===== */
@media print {
.no-scroll,:root:has(.no-scroll){overflow:hidden}#onetrust-consent-sdk,.accepted-cards,.copyright,.line,.payment-section,.referral-link,.referral-program__container,.square-logo,.support-link{display:none}.link{color:#005ad9;cursor:pointer}.no-scroll{height:100%}.base-card{border:1px solid #d9d9d9;border-radius:6px;padding:24px;margin:var(--core-metrics-spacing-300) 0}.secondary-text{color:var(--row-normal-state-subtext-color)}.dashed-divider{margin-top:16px;width:100%;height:1px;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23DADADA' stroke-width='2' stroke-dasharray='3%2c 8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")}.type-break-word{word-wrap:break-word}header{color:#343b42;padding:0 0 12px}a{color:var(--row-normal-variant-normal-state-subtext-color)}body{padding:0}footer{border-top:1px solid #343b42;padding:12px 0;margin-top:0;line-height:150%}footer .square-logo{margin:12px 0 0}footer .merchant-info{color:var(--row-normal-variant-normal-state-subtext-color)!important}body,footer{color:var(--row-normal-variant-normal-state-subtext-color);font-size:12px}.merchant-name{color:#343b42!important}.l-center-content{max-width:100%}.contract-details{font-size:12px}.merchant-logo{width:58px;height:58px}.merchant-logo img{width:50px;height:50px}.payment-request-details{margin-top:24px}.payment-request-details__row{margin-top:12px}
}

/* ===== [4] <link rel="stylesheet" as="style" media="all"> square-sans.min.css (21266c) ===== */
:root{--square-sans-text:"Square Sans Text VF","Square Sans Text",helvetica,arial,sans-serif;--square-sans-display:"Square Sans Display VF","Square Sans Display",helvetica,arial,sans-serif;--square-sans-mono:"Square Sans Mono VF","Square Sans Mono",ui-monospace,menlo,"Courier New",monospace;--cash-sans:"Cash Sans",helvetica,arial,sans-serif;--cash-sans-mono:"Cash Sans Mono",ui-monospace,menlo,"Courier New",monospace}@font-face{font-family:"Square Sans Text";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Regular.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Square Sans Text";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-RegularItalic.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-RegularItalic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Square Sans Text";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Square Sans Text";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-MediumItalic.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"Square Sans Text";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Square Sans Text";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-MediumItalic.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-MediumItalic.woff") format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:"Square Sans Text";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Semibold.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Square Sans Text";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-SemiboldItalic.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-SemiboldItalic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"Square Sans Text VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Square Sans Text VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-RegularItalic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Square Sans Text VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Square Sans Text VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-MediumItalic.woff2") format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"Square Sans Text VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Square Sans Text VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-MediumItalic.woff2") format("woff2");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:"Square Sans Text VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Semibold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Square Sans Text VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-SemiboldItalic.woff2") format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"Square Sans Mono";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans-mono/CashSansMono-Regular.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans-mono/CashSansMono-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Square Sans Mono";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans-mono/CashSansMono-Medium.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans-mono/CashSansMono-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Square Sans Mono";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans-mono/CashSansMono-Medium.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans-mono/CashSansMono-Medium.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Square Sans Mono";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans-mono/CashSansMono-Semibold.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans-mono/CashSansMono-Semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Square Sans Mono VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans-mono/CashSansMono-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Square Sans Mono VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans-mono/CashSansMono-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Square Sans Mono VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans-mono/CashSansMono-Medium.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Square Sans Mono VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans-mono/CashSansMono-Semibold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Square Sans Display";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Regular.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Square Sans Display";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Regular.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Regular.woff") format("woff");font-weight:400;font-style:normal;font-stretch:75%;font-display:swap}@font-face{font-family:"Square Sans Display";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Regular.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Regular.woff") format("woff");font-weight:400;font-style:normal;font-stretch:125%;font-display:swap}@font-face{font-family:"Square Sans Display";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Square Sans Display";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff") format("woff");font-weight:500;font-style:normal;font-stretch:75%;font-display:swap}@font-face{font-family:"Square Sans Display";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff") format("woff");font-weight:500;font-style:normal;font-stretch:125%;font-display:swap}@font-face{font-family:"Square Sans Display";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Semibold.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Square Sans Display";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Semibold.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Semibold.woff") format("woff");font-weight:700;font-style:normal;font-stretch:25%;font-display:swap}@font-face{font-family:"Square Sans Display";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Semibold.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Semibold.woff") format("woff");font-weight:700;font-style:normal;font-stretch:125%;font-display:swap}@font-face{font-family:"Square Sans Display VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Regular.woff2") format("woff2");font-weight:400;font-stretch:75% 125%;font-style:normal;font-display:swap}@font-face{font-family:"Square Sans Display VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff2") format("woff2");font-weight:500;font-stretch:75% 125%;font-style:normal;font-display:swap}@font-face{font-family:"Square Sans Display VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff2") format("woff2");font-weight:600;font-stretch:75% 125%;font-style:normal;font-display:swap}@font-face{font-family:"Square Sans Display VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Semibold.woff2") format("woff2");font-weight:700;font-stretch:75% 125%;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Regular.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-RegularItalic.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-RegularItalic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Cash Sans";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-MediumItalic.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"Cash Sans";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-MediumItalic.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-MediumItalic.woff") format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:"Cash Sans";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Semibold.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-SemiboldItalic.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-SemiboldItalic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"Cash Sans Mono";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans-mono/CashSansMono-Regular.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans-mono/CashSansMono-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans Mono";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans-mono/CashSansMono-Medium.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans-mono/CashSansMono-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans Mono";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans-mono/CashSansMono-Medium.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans-mono/CashSansMono-Medium.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans Mono";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans-mono/CashSansMono-Semibold.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans-mono/CashSansMono-Semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans Text";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Regular.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans Text";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-RegularItalic.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-RegularItalic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Cash Sans Text";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans Text";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-MediumItalic.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"Cash Sans Text";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans Text";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-MediumItalic.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-MediumItalic.woff") format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:"Cash Sans Text";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Semibold.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans Text";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-SemiboldItalic.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-SemiboldItalic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"Cash Sans Text VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans Text VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-RegularItalic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Cash Sans Text VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans Text VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-MediumItalic.woff2") format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"Cash Sans Text VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans Text VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-MediumItalic.woff2") format("woff2");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:"Cash Sans Text VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Semibold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans Text VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-SemiboldItalic.woff2") format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"Cash Sans Display";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Regular.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans Display";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans Display";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans Display";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Semibold.woff2") format("woff2"),url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans Display VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Regular.woff2") format("woff2");font-weight:400;font-stretch:75% 125%;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans Display VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff2") format("woff2");font-weight:500;font-stretch:75% 125%;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans Display VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Medium.woff2") format("woff2");font-weight:600;font-stretch:75% 125%;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans Display VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans/CashSans-Semibold.woff2") format("woff2");font-weight:700;font-stretch:75% 125%;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans Mono VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans-mono/CashSansMono-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans Mono VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans-mono/CashSansMono-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans Mono VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans-mono/CashSansMono-Medium.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Cash Sans Mono VF";src:url("https://square-fonts-production-f.squarecdn.com/cash-sans-mono/CashSansMono-Semibold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

/* [dropped third-party inline sheet: 4102 chars] */

/* [dropped third-party inline sheet: 153709 chars] */

/* ===== [7] inline <style> — 2715097 chars ===== */
/* This file contains global styling. It applies to the light DOM only */

/* theme imports */
/*
 * Market Blue (legacy): default & light mode tokens scoped to :root
 */

/* This file is automatically generated. Do not edit. */

messages-plugin, :host, [data-market-features] {
  /* ========================================================================
   * CORE
   * ======================================================================== */

  /* ========== core ========== */
  --core-animation-enter-transition-easing: cubic-bezier(0.26, 0.10, 0.48, 1.0);
  --core-animation-enter-transition-fast-speed-duration: 0.10s;
  --core-animation-enter-transition-moderate-speed-duration: 0.24s;
  --core-animation-enter-transition-slow-speed-duration: 0.40s;
  --core-animation-exit-transition-easing: cubic-bezier(0.52, 0.0, 0.74, 0.0);
  --core-animation-exit-transition-fast-speed-duration: 0.10s;
  --core-animation-exit-transition-moderate-speed-duration: 0.16s;
  --core-animation-exit-transition-slow-speed-duration: 0.30s;
  --core-animation-move-transition-easing: cubic-bezier(0.76, 0.0, 0.24, 1.0);
  --core-animation-move-transition-fast-speed-duration: 0.10s;
  --core-animation-move-transition-moderate-speed-duration: 0.24s;
  --core-animation-move-transition-slow-speed-duration: 0.40s;
  --core-base-size: 8px;
  --core-blue-10-color: var(--core-blue-10-light-mode-color);
  --core-blue-10-dark-mode-color: #0055CC;
  --core-blue-10-light-mode-color: #0055CC;
  --core-blue-20-color: var(--core-blue-20-light-mode-color);
  --core-blue-20-dark-mode-color: #005FE5;
  --core-blue-20-light-mode-color: #005FE5;
  --core-blue-30-color: var(--core-blue-30-light-mode-color);
  --core-blue-30-dark-mode-color: #002559;
  --core-blue-30-light-mode-color: #CCE1FF;
  --core-blue-40-color: var(--core-blue-40-light-mode-color);
  --core-blue-40-dark-mode-color: #001533;
  --core-blue-40-light-mode-color: #E6F0FF;
  --core-blue-fill-color: var(--core-blue-fill-light-mode-color);
  --core-blue-fill-dark-mode-color: #006AFF;
  --core-blue-fill-light-mode-color: #006AFF;
  --core-blue-text-color: var(--core-blue-text-light-mode-color);
  --core-blue-text-dark-mode-color: #4A95FF;
  --core-blue-text-light-mode-color: #005AD9;
  --core-border-10: 1px;
  --core-border-20: 2px;
  --core-border-80: 8px;
  --core-breakpoint-extra-wide-min-width: 1024px;
  --core-breakpoint-medium-max-width: 839px;
  --core-breakpoint-medium-min-width: 600px;
  --core-breakpoint-narrow-max-width: 599px;
  --core-breakpoint-narrow-min-width: 0px;
  --core-breakpoint-wide-max-width: 1023px;
  --core-breakpoint-wide-min-max-width: 1023px;
  --core-breakpoint-wide-min-width: 800px;
  --core-brown-10-color: var(--core-brown-10-light-mode-color);
  --core-brown-10-dark-mode-color: #33261A;
  --core-brown-10-light-mode-color: #332517;
  --core-brown-20-color: var(--core-brown-20-light-mode-color);
  --core-brown-20-dark-mode-color: #4D3926;
  --core-brown-20-light-mode-color: #4D3722;
  --core-brown-30-color: var(--core-brown-30-light-mode-color);
  --core-brown-30-dark-mode-color: #592D00;
  --core-brown-30-light-mode-color: #FFE6CC;
  --core-brown-40-color: var(--core-brown-40-light-mode-color);
  --core-brown-40-dark-mode-color: #331900;
  --core-brown-40-light-mode-color: #FFF2E6;
  --core-brown-fill-color: var(--core-brown-fill-light-mode-color);
  --core-brown-fill-dark-mode-color: #664D33;
  --core-brown-fill-light-mode-color: #664A2E;
  --core-brown-text-color: var(--core-brown-text-light-mode-color);
  --core-brown-text-dark-mode-color: #C99866;
  --core-brown-text-light-mode-color: #664A2E;
  --core-burgundy-10-color: var(--core-burgundy-10-light-mode-color);
  --core-burgundy-10-dark-mode-color: #660525;
  --core-burgundy-10-light-mode-color: #660525;
  --core-burgundy-20-color: var(--core-burgundy-20-light-mode-color);
  --core-burgundy-20-dark-mode-color: #80062F;
  --core-burgundy-20-light-mode-color: #80062F;
  --core-burgundy-30-color: var(--core-burgundy-30-light-mode-color);
  --core-burgundy-30-dark-mode-color: #59001E;
  --core-burgundy-30-light-mode-color: #FFCCDD;
  --core-burgundy-40-color: var(--core-burgundy-40-light-mode-color);
  --core-burgundy-40-dark-mode-color: #330011;
  --core-burgundy-40-light-mode-color: #FFE6EE;
  --core-burgundy-fill-color: var(--core-burgundy-fill-light-mode-color);
  --core-burgundy-fill-dark-mode-color: #990838;
  --core-burgundy-fill-light-mode-color: #990838;
  --core-burgundy-text-color: var(--core-burgundy-text-light-mode-color);
  --core-burgundy-text-dark-mode-color: #FF568E;
  --core-burgundy-text-light-mode-color: #990838;
  --core-constant-black-color: #000000;
  --core-constant-gray-10-color: #101010;
  --core-constant-gray-15-color: #1a1a1a;
  --core-constant-gray-20-color: #1e1e1e;
  --core-constant-gray-25-color: #232323;
  --core-constant-gray-30-color: #2a2a2a;
  --core-constant-gray-40-color: #333333;
  --core-constant-gray-45-color: #595959;
  --core-constant-gray-50-color: #666666;
  --core-constant-gray-60-color: #878787;
  --core-constant-gray-65-color: #959595;
  --core-constant-gray-80-color: #cccccc;
  --core-constant-gray-85-color: #dadada;
  --core-constant-gray-90-color: #e8e8e8;
  --core-constant-gray-95-color: #f0f0f0;
  --core-constant-gray-98-color: #F7F7F7;
  --core-constant-white-color: #ffffff;
  --core-control-size-height: 20px;
  --core-control-size-width: 20px;
  --core-critical-10-color: var(--core-critical-10-light-mode-color);
  --core-critical-10-dark-mode-color: var(--core-red-10-dark-mode-color);
  --core-critical-10-light-mode-color: var(--core-red-10-light-mode-color);
  --core-critical-20-color: var(--core-critical-20-light-mode-color);
  --core-critical-20-dark-mode-color: var(--core-red-20-dark-mode-color);
  --core-critical-20-light-mode-color: var(--core-red-20-light-mode-color);
  --core-critical-30-color: var(--core-critical-30-light-mode-color);
  --core-critical-30-dark-mode-color: var(--core-red-30-dark-mode-color);
  --core-critical-30-light-mode-color: var(--core-red-30-light-mode-color);
  --core-critical-40-color: var(--core-critical-40-light-mode-color);
  --core-critical-40-dark-mode-color: var(--core-red-40-dark-mode-color);
  --core-critical-40-light-mode-color: var(--core-red-40-light-mode-color);
  --core-critical-fill-color: var(--core-critical-fill-light-mode-color);
  --core-critical-fill-dark-mode-color: var(--core-red-fill-dark-mode-color);
  --core-critical-fill-light-mode-color: var(--core-red-fill-light-mode-color);
  --core-critical-text-color: var(--core-critical-text-light-mode-color);
  --core-critical-text-dark-mode-color: var(--core-red-text-dark-mode-color);
  --core-critical-text-light-mode-color: var(--core-red-text-light-mode-color);
  --core-divider-10-color: var(--core-divider-10-light-mode-color);
  --core-divider-10-dark-mode-color: rgba(255,255,255,0.3);
  --core-divider-10-light-mode-color: rgba(0,0,0,0.3);
  --core-divider-20-color: var(--core-divider-20-light-mode-color);
  --core-divider-20-dark-mode-color: rgba(255,255,255,0.08);
  --core-divider-20-light-mode-color: rgba(0,0,0,0.05);
  --core-emphasis-10-color: var(--core-emphasis-10-light-mode-color);
  --core-emphasis-10-dark-mode-color: var(--core-blue-10-dark-mode-color);
  --core-emphasis-10-light-mode-color: var(--core-blue-10-light-mode-color);
  --core-emphasis-20-color: var(--core-emphasis-20-light-mode-color);
  --core-emphasis-20-dark-mode-color: var(--core-blue-20-dark-mode-color);
  --core-emphasis-20-light-mode-color: var(--core-blue-20-light-mode-color);
  --core-emphasis-30-color: var(--core-emphasis-30-light-mode-color);
  --core-emphasis-30-dark-mode-color: var(--core-blue-30-dark-mode-color);
  --core-emphasis-30-light-mode-color: var(--core-blue-30-light-mode-color);
  --core-emphasis-40-color: var(--core-emphasis-40-light-mode-color);
  --core-emphasis-40-dark-mode-color: var(--core-blue-40-dark-mode-color);
  --core-emphasis-40-light-mode-color: var(--core-blue-40-light-mode-color);
  --core-emphasis-fill-color: var(--core-emphasis-fill-light-mode-color);
  --core-emphasis-fill-dark-mode-color: var(--core-blue-fill-dark-mode-color);
  --core-emphasis-fill-light-mode-color: var(--core-blue-fill-light-mode-color);
  --core-emphasis-text-color: var(--core-emphasis-text-light-mode-color);
  --core-emphasis-text-dark-mode-color: var(--core-blue-text-dark-mode-color);
  --core-emphasis-text-light-mode-color: var(--core-blue-text-light-mode-color);
  --core-extra-wide-viewport-grid-column-count: 4;
  --core-extra-wide-viewport-grid-horizontal-spacing: var(--core-metrics-spacing-200);
  --core-extra-wide-viewport-grid-item-full-size-column-span: 4;
  --core-extra-wide-viewport-grid-item-large-size-column-span: 3;
  --core-extra-wide-viewport-grid-item-medium-size-column-span: 2;
  --core-extra-wide-viewport-grid-item-small-size-column-span: 1;
  --core-extra-wide-viewport-grid-vertical-spacing: var(--core-metrics-spacing-200);
  --core-fill-10-color: var(--core-fill-10-light-mode-color);
  --core-fill-10-dark-mode-color: rgba(255,255,255,0.95);
  --core-fill-10-light-mode-color: rgba(0,0,0,0.9);
  --core-fill-20-color: var(--core-fill-20-light-mode-color);
  --core-fill-20-dark-mode-color: rgba(255,255,255,0.35);
  --core-fill-20-light-mode-color: rgba(0,0,0,0.42);
  --core-fill-30-color: var(--core-fill-30-light-mode-color);
  --core-fill-30-dark-mode-color: rgba(255,255,255,0.15);
  --core-fill-30-light-mode-color: rgba(0,0,0,0.15);
  --core-fill-40-color: var(--core-fill-40-light-mode-color);
  --core-fill-40-dark-mode-color: rgba(255,255,255,0.08);
  --core-fill-40-light-mode-color: rgba(0,0,0,0.05);
  --core-fill-50-color: var(--core-fill-50-light-mode-color);
  --core-fill-50-dark-mode-color: rgba(255,255,255,0.05);
  --core-fill-50-light-mode-color: rgba(0,0,0,0.03);
  --core-fill-black-color: var(--core-fill-black-light-mode-color);
  --core-fill-black-dark-mode-color: rgba(0,0,0,0.9);
  --core-fill-black-light-mode-color: rgba(0,0,0,0.9);
  --core-fill-inverse-color: var(--core-fill-inverse-light-mode-color);
  --core-fill-inverse-dark-mode-color: rgba(0,0,0,0.9);
  --core-fill-inverse-light-mode-color: rgba(255,255,255,0.95);
  --core-fill-white-color: var(--core-fill-white-light-mode-color);
  --core-fill-white-dark-mode-color: rgba(255,255,255,1);
  --core-fill-white-light-mode-color: rgba(255,255,255,1);
  --core-fixed-large-size: 64px;
  --core-fixed-medium-size: 48px;
  --core-fixed-small-size: 40px;
  --core-fixed-x-large-size: 80px;
  --core-fixed-x-small-size: 32px;
  --core-fixed-xx-small-size: 24px;
  --core-fixed-xxx-small-size: 16px;
  --core-focus-color: var(--core-focus-light-mode-color);
  --core-focus-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --core-focus-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --core-focus-ring-border-size: var(--core-border-20);
  --core-focus-ring-buffer-size: var(--core-metrics-spacing-25);
  --core-focus-ring-color: var(--core-focus-ring-light-mode-color);
  --core-focus-ring-dark-mode-color: var(--core-focus-dark-mode-color);
  --core-focus-ring-light-mode-color: var(--core-focus-light-mode-color);
  --core-forest-10-color: var(--core-forest-10-light-mode-color);
  --core-forest-10-dark-mode-color: #0F4D19;
  --core-forest-10-light-mode-color: #0F4D19;
  --core-forest-20-color: var(--core-forest-20-light-mode-color);
  --core-forest-20-dark-mode-color: #146622;
  --core-forest-20-light-mode-color: #146622;
  --core-forest-30-color: var(--core-forest-30-light-mode-color);
  --core-forest-30-dark-mode-color: #00590F;
  --core-forest-30-light-mode-color: #CCFFD5;
  --core-forest-40-color: var(--core-forest-40-light-mode-color);
  --core-forest-40-dark-mode-color: #003308;
  --core-forest-40-light-mode-color: #E6FFEA;
  --core-forest-fill-color: var(--core-forest-fill-light-mode-color);
  --core-forest-fill-dark-mode-color: #19802A;
  --core-forest-fill-light-mode-color: #19802A;
  --core-forest-text-color: var(--core-forest-text-light-mode-color);
  --core-forest-text-dark-mode-color: #16D956;
  --core-forest-text-light-mode-color: #007D2A;
  --core-gold-10-color: var(--core-gold-10-light-mode-color);
  --core-gold-10-dark-mode-color: #CC8033;
  --core-gold-10-light-mode-color: #CC8033;
  --core-gold-20-color: var(--core-gold-20-light-mode-color);
  --core-gold-20-dark-mode-color: #E68F39;
  --core-gold-20-light-mode-color: #E68F39;
  --core-gold-30-color: var(--core-gold-30-light-mode-color);
  --core-gold-30-dark-mode-color: #592D00;
  --core-gold-30-light-mode-color: #FFE6CC;
  --core-gold-40-color: var(--core-gold-40-light-mode-color);
  --core-gold-40-dark-mode-color: #331A00;
  --core-gold-40-light-mode-color: #FFF2E6;
  --core-gold-fill-color: var(--core-gold-fill-light-mode-color);
  --core-gold-fill-dark-mode-color: #FF9F40;
  --core-gold-fill-light-mode-color: #FF9F40;
  --core-gold-text-color: var(--core-gold-text-light-mode-color);
  --core-gold-text-dark-mode-color: #FF9F40;
  --core-gold-text-light-mode-color: #945C25;
  --core-green-10-color: var(--core-green-10-light-mode-color);
  --core-green-10-dark-mode-color: #00802A;
  --core-green-10-light-mode-color: #00802A;
  --core-green-20-color: var(--core-green-20-light-mode-color);
  --core-green-20-dark-mode-color: #009933;
  --core-green-20-light-mode-color: #009933;
  --core-green-30-color: var(--core-green-30-light-mode-color);
  --core-green-30-dark-mode-color: #00591E;
  --core-green-30-light-mode-color: #CCFFDD;
  --core-green-40-color: var(--core-green-40-light-mode-color);
  --core-green-40-dark-mode-color: #003311;
  --core-green-40-light-mode-color: #E5FFEE;
  --core-green-fill-color: var(--core-green-fill-light-mode-color);
  --core-green-fill-dark-mode-color: #00B33B;
  --core-green-fill-light-mode-color: #00B23B;
  --core-green-text-color: var(--core-green-text-light-mode-color);
  --core-green-text-dark-mode-color: #16D956;
  --core-green-text-light-mode-color: #007D2A;
  --core-grid-column-count: var(--core-narrow-viewport-grid-column-count);
  --core-grid-horizontal-spacing: var(--core-narrow-viewport-grid-horizontal-spacing);
  --core-grid-item-full-size-column-span: var(--core-narrow-viewport-grid-item-full-size-column-span);
  --core-grid-item-large-size-column-span: var(--core-narrow-viewport-grid-item-large-size-column-span);
  --core-grid-item-medium-size-column-span: var(--core-narrow-viewport-grid-item-medium-size-column-span);
  --core-grid-item-small-size-column-span: var(--core-narrow-viewport-grid-item-small-size-column-span);
  --core-grid-vertical-spacing: var(--core-narrow-viewport-grid-vertical-spacing);
  --core-horizontal-size-class-regular-threshold: 600px;
  --core-horizontal-size-class-wide-threshold: 1200px;
  --core-icon-large-size-height: 40px;
  --core-icon-large-size-width: 40px;
  --core-icon-medium-size-height: 24px;
  --core-icon-medium-size-width: 24px;
  --core-icon-small-size-height: 16px;
  --core-icon-small-size-width: 16px;
  --core-large-size-minimum-height: var(--core-minimum-height-300);
  --core-medium-size-minimum-height: var(--core-minimum-height-200);
  --core-medium-viewport-grid-column-count: 2;
  --core-medium-viewport-grid-horizontal-spacing: var(--core-wide-viewport-grid-horizontal-spacing);
  --core-medium-viewport-grid-item-full-size-column-span: 2;
  --core-medium-viewport-grid-item-large-size-column-span: 1;
  --core-medium-viewport-grid-item-medium-size-column-span: 1;
  --core-medium-viewport-grid-item-small-size-column-span: 1;
  --core-medium-viewport-grid-vertical-spacing: var(--core-wide-viewport-grid-vertical-spacing);
  --core-metrics-spacing-100: 8px;
  --core-metrics-spacing-1000: 80px;
  --core-metrics-spacing-150: 12px;
  --core-metrics-spacing-1500: 120px;
  --core-metrics-spacing-200: 16px;
  --core-metrics-spacing-2000: 160px;
  --core-metrics-spacing-25: 2px;
  --core-metrics-spacing-250: 20px;
  --core-metrics-spacing-300: 24px;
  --core-metrics-spacing-400: 32px;
  --core-metrics-spacing-50: 4px;
  --core-metrics-spacing-500: 40px;
  --core-metrics-spacing-600: 48px;
  --core-metrics-spacing-800: 64px;
  --core-minimum-height-100: 40px;
  --core-minimum-height-200: 48px;
  --core-minimum-height-300: 64px;
  --core-minimum-height-400: 80px;
  --core-minimum-height-50: 24px;
  --core-minimum-height-75: 32px;
  --core-narrow-viewport-grid-column-count: 1;
  --core-narrow-viewport-grid-horizontal-spacing: var(--core-medium-viewport-grid-horizontal-spacing);
  --core-narrow-viewport-grid-item-full-size-column-span: 1;
  --core-narrow-viewport-grid-item-large-size-column-span: 1;
  --core-narrow-viewport-grid-item-medium-size-column-span: 1;
  --core-narrow-viewport-grid-item-small-size-column-span: 1;
  --core-narrow-viewport-grid-vertical-spacing: var(--core-medium-viewport-grid-vertical-spacing);
  --core-opacity-disabled-state: 0.4;
  --core-opacity-hover-state: 1;
  --core-opacity-normal-state: 1;
  --core-opacity-pressed-state: 1;
  --core-orange-10-color: var(--core-orange-10-light-mode-color);
  --core-orange-10-dark-mode-color: #BF4830;
  --core-orange-10-light-mode-color: #BF4830;
  --core-orange-20-color: var(--core-orange-20-light-mode-color);
  --core-orange-20-dark-mode-color: #DB5237;
  --core-orange-20-light-mode-color: #DB5237;
  --core-orange-30-color: var(--core-orange-30-light-mode-color);
  --core-orange-30-dark-mode-color: #590F00;
  --core-orange-30-light-mode-color: #FFD5CC;
  --core-orange-40-color: var(--core-orange-40-light-mode-color);
  --core-orange-40-dark-mode-color: #330800;
  --core-orange-40-light-mode-color: #FFEAE6;
  --core-orange-fill-color: var(--core-orange-fill-light-mode-color);
  --core-orange-fill-dark-mode-color: #F25B3D;
  --core-orange-fill-light-mode-color: #F25B3D;
  --core-orange-text-color: var(--core-orange-text-light-mode-color);
  --core-orange-text-dark-mode-color: #FF5F3F;
  --core-orange-text-light-mode-color: #A83F2A;
  --core-padding-set-even-large: var(--core-metrics-spacing-250);
  --core-padding-set-even-medium: var(--core-metrics-spacing-150);
  --core-padding-set-even-small: var(--core-metrics-spacing-100);
  --core-padding-set-wide-large-horizontal: var(--core-metrics-spacing-400);
  --core-padding-set-wide-large-vertical: var(--core-metrics-spacing-250);
  --core-padding-set-wide-medium-horizontal: var(--core-metrics-spacing-300);
  --core-padding-set-wide-medium-vertical: var(--core-metrics-spacing-150);
  --core-padding-set-wide-small-horizontal: var(--core-metrics-spacing-250);
  --core-padding-set-wide-small-vertical: var(--core-metrics-spacing-100);
  --core-pink-10-color: var(--core-pink-10-light-mode-color);
  --core-pink-10-dark-mode-color: #A62987;
  --core-pink-10-light-mode-color: #A62987;
  --core-pink-20-color: var(--core-pink-20-light-mode-color);
  --core-pink-20-dark-mode-color: #BF309B;
  --core-pink-20-light-mode-color: #BF309B;
  --core-pink-30-color: var(--core-pink-30-light-mode-color);
  --core-pink-30-dark-mode-color: #590043;
  --core-pink-30-light-mode-color: #FFCCF2;
  --core-pink-40-color: var(--core-pink-40-light-mode-color);
  --core-pink-40-dark-mode-color: #330026;
  --core-pink-40-light-mode-color: #FFE6F9;
  --core-pink-fill-color: var(--core-pink-fill-light-mode-color);
  --core-pink-fill-dark-mode-color: #D936B0;
  --core-pink-fill-light-mode-color: #D936B0;
  --core-pink-text-color: var(--core-pink-text-light-mode-color);
  --core-pink-text-dark-mode-color: #FF43D0;
  --core-pink-text-light-mode-color: #A82A88;
  --core-purple-10-color: var(--core-purple-10-light-mode-color);
  --core-purple-10-dark-mode-color: #6811A6;
  --core-purple-10-light-mode-color: #6811A6;
  --core-purple-20-color: var(--core-purple-20-light-mode-color);
  --core-purple-20-dark-mode-color: #7813BF;
  --core-purple-20-light-mode-color: #7813BF;
  --core-purple-30-color: var(--core-purple-30-light-mode-color);
  --core-purple-30-dark-mode-color: #340059;
  --core-purple-30-light-mode-color: #EACCFF;
  --core-purple-40-color: var(--core-purple-40-light-mode-color);
  --core-purple-40-dark-mode-color: #1E0033;
  --core-purple-40-light-mode-color: #F4E6FF;
  --core-purple-fill-color: var(--core-purple-fill-light-mode-color);
  --core-purple-fill-dark-mode-color: #8716D9;
  --core-purple-fill-light-mode-color: #8716D9;
  --core-purple-text-color: var(--core-purple-text-light-mode-color);
  --core-purple-text-dark-mode-color: #C26EFF;
  --core-purple-text-light-mode-color: #8716D9;
  --core-radius-10: 6px;
  --core-radius-100: 6px;
  --core-radius-20: 12px;
  --core-radius-200: 12px;
  --core-radius-266: 16px;
  --core-radius-33: 2px;
  --core-radius-400: 24px;
  --core-radius-533: 32px;
  --core-radius-6: 4px;
  --core-radius-66: 4px;
  --core-radius-circle: 1000px;
  --core-radius-forms: var(--core-radius-100);
  --core-radius-modals: var(--core-radius-200);
  --core-radius-none: 0px;
  --core-red-10-color: var(--core-red-10-light-mode-color);
  --core-red-10-dark-mode-color: #99001A;
  --core-red-10-light-mode-color: #99001A;
  --core-red-20-color: var(--core-red-20-light-mode-color);
  --core-red-20-dark-mode-color: #B2001E;
  --core-red-20-light-mode-color: #B2001E;
  --core-red-30-color: var(--core-red-30-light-mode-color);
  --core-red-30-dark-mode-color: #59000F;
  --core-red-30-light-mode-color: #FFCCD5;
  --core-red-40-color: var(--core-red-40-light-mode-color);
  --core-red-40-dark-mode-color: #330009;
  --core-red-40-light-mode-color: #FFE5EA;
  --core-red-fill-color: var(--core-red-fill-light-mode-color);
  --core-red-fill-dark-mode-color: #CC0023;
  --core-red-fill-light-mode-color: #CC0023;
  --core-red-text-color: var(--core-red-text-light-mode-color);
  --core-red-text-dark-mode-color: #FF5A76;
  --core-red-text-light-mode-color: #BF0020;
  --core-sky-10-color: var(--core-sky-10-light-mode-color);
  --core-sky-10-dark-mode-color: #1F75CC;
  --core-sky-10-light-mode-color: #1F75CC;
  --core-sky-20-color: var(--core-sky-20-light-mode-color);
  --core-sky-20-dark-mode-color: #2284E6;
  --core-sky-20-light-mode-color: #2284E6;
  --core-sky-30-color: var(--core-sky-30-light-mode-color);
  --core-sky-30-dark-mode-color: #002D59;
  --core-sky-30-light-mode-color: #CCE6FF;
  --core-sky-40-color: var(--core-sky-40-light-mode-color);
  --core-sky-40-dark-mode-color: #001A33;
  --core-sky-40-light-mode-color: #E6F2FF;
  --core-sky-fill-color: var(--core-sky-fill-light-mode-color);
  --core-sky-fill-dark-mode-color: #2693FF;
  --core-sky-fill-light-mode-color: #2693FF;
  --core-sky-text-color: var(--core-sky-text-light-mode-color);
  --core-sky-text-dark-mode-color: #2E97FF;
  --core-sky-text-light-mode-color: #0F65BA;
  --core-small-size-minimum-height: var(--core-minimum-height-100);
  --core-space-10-size: var(--core-base-size);
  --core-success-10-color: var(--core-success-10-light-mode-color);
  --core-success-10-dark-mode-color: var(--core-green-10-dark-mode-color);
  --core-success-10-light-mode-color: var(--core-green-10-light-mode-color);
  --core-success-20-color: var(--core-success-20-light-mode-color);
  --core-success-20-dark-mode-color: var(--core-green-20-dark-mode-color);
  --core-success-20-light-mode-color: var(--core-green-20-light-mode-color);
  --core-success-30-color: var(--core-success-30-light-mode-color);
  --core-success-30-dark-mode-color: var(--core-green-30-dark-mode-color);
  --core-success-30-light-mode-color: var(--core-green-30-light-mode-color);
  --core-success-40-color: var(--core-success-40-light-mode-color);
  --core-success-40-dark-mode-color: var(--core-green-40-dark-mode-color);
  --core-success-40-light-mode-color: var(--core-green-40-light-mode-color);
  --core-success-fill-color: var(--core-success-fill-light-mode-color);
  --core-success-fill-dark-mode-color: var(--core-green-fill-dark-mode-color);
  --core-success-fill-light-mode-color: var(--core-green-fill-light-mode-color);
  --core-success-text-color: var(--core-success-text-light-mode-color);
  --core-success-text-dark-mode-color: var(--core-green-text-dark-mode-color);
  --core-success-text-light-mode-color: var(--core-green-text-light-mode-color);
  --core-surface-10-color: var(--core-surface-10-light-mode-color);
  --core-surface-10-dark-mode-color: rgba(20,20,20,1);
  --core-surface-10-light-mode-color: rgba(255,255,255,1);
  --core-surface-20-color: var(--core-surface-20-light-mode-color);
  --core-surface-20-dark-mode-color: rgba(28,28,28,1);
  --core-surface-20-light-mode-color: rgba(255,255,255,1);
  --core-surface-30-color: var(--core-surface-30-light-mode-color);
  --core-surface-30-dark-mode-color: rgba(45,45,45,1);
  --core-surface-30-light-mode-color: rgba(255,255,255,1);
  --core-surface-5-color: var(--core-surface-5-light-mode-color);
  --core-surface-5-dark-mode-color: rgba(8,8,8,1);
  --core-surface-5-light-mode-color: rgba(255,255,255,1);
  --core-surface-inverse-color: var(--core-surface-inverse-light-mode-color);
  --core-surface-inverse-dark-mode-color: rgba(255,255,255,1);
  --core-surface-inverse-light-mode-color: rgba(26,26,26,1);
  --core-surface-overlay-color: var(--core-surface-overlay-light-mode-color);
  --core-surface-overlay-dark-mode-color: rgba(0,0,0,0.8);
  --core-surface-overlay-light-mode-color: rgba(0,0,0,0.8);
  --core-taupe-10-color: var(--core-taupe-10-light-mode-color);
  --core-taupe-10-dark-mode-color: #735639;
  --core-taupe-10-light-mode-color: #735639;
  --core-taupe-20-color: var(--core-taupe-20-light-mode-color);
  --core-taupe-20-dark-mode-color: #8C6946;
  --core-taupe-20-light-mode-color: #8C6946;
  --core-taupe-30-color: var(--core-taupe-30-light-mode-color);
  --core-taupe-30-dark-mode-color: #592D00;
  --core-taupe-30-light-mode-color: #FFE6CC;
  --core-taupe-40-color: var(--core-taupe-40-light-mode-color);
  --core-taupe-40-dark-mode-color: #331A00;
  --core-taupe-40-light-mode-color: #FFF2E6;
  --core-taupe-fill-color: var(--core-taupe-fill-light-mode-color);
  --core-taupe-fill-dark-mode-color: #A67C53;
  --core-taupe-fill-light-mode-color: #A67C53;
  --core-taupe-text-color: var(--core-taupe-text-light-mode-color);
  --core-taupe-text-dark-mode-color: #C99866;
  --core-taupe-text-light-mode-color: #826141;
  --core-teal-10-color: var(--core-teal-10-light-mode-color);
  --core-teal-10-dark-mode-color: #0D8C6D;
  --core-teal-10-light-mode-color: #0D8C6D;
  --core-teal-20-color: var(--core-teal-20-light-mode-color);
  --core-teal-20-dark-mode-color: #10A680;
  --core-teal-20-light-mode-color: #10A680;
  --core-teal-30-color: var(--core-teal-30-light-mode-color);
  --core-teal-30-dark-mode-color: #005943;
  --core-teal-30-light-mode-color: #CCFFF2;
  --core-teal-40-color: var(--core-teal-40-light-mode-color);
  --core-teal-40-dark-mode-color: #003326;
  --core-teal-40-light-mode-color: #E6FFF9;
  --core-teal-fill-color: var(--core-teal-fill-light-mode-color);
  --core-teal-fill-dark-mode-color: #12BF94;
  --core-teal-fill-light-mode-color: #12BF94;
  --core-teal-text-color: var(--core-teal-text-light-mode-color);
  --core-teal-text-dark-mode-color: #16D8A7;
  --core-teal-text-light-mode-color: #0C785D;
  --core-text-10-color: var(--core-text-10-light-mode-color);
  --core-text-10-dark-mode-color: rgba(255,255,255,0.95);
  --core-text-10-light-mode-color: rgba(0,0,0,0.9);
  --core-text-20-color: var(--core-text-20-light-mode-color);
  --core-text-20-dark-mode-color: rgba(255,255,255,0.55);
  --core-text-20-light-mode-color: rgba(0,0,0,0.55);
  --core-text-30-color: var(--core-text-30-light-mode-color);
  --core-text-30-dark-mode-color: rgba(255,255,255,0.3);
  --core-text-30-light-mode-color: rgba(0,0,0,0.3);
  --core-text-black-color: var(--core-text-black-light-mode-color);
  --core-text-black-dark-mode-color: rgba(0,0,0,0.9);
  --core-text-black-light-mode-color: rgba(0,0,0,0.9);
  --core-text-inverse-color: var(--core-text-inverse-light-mode-color);
  --core-text-inverse-dark-mode-color: rgba(0,0,0,0.9);
  --core-text-inverse-light-mode-color: rgba(255,255,255,0.95);
  --core-text-size: 16px;
  --core-text-white-color: var(--core-text-white-light-mode-color);
  --core-text-white-dark-mode-color: rgba(255,255,255,1);
  --core-text-white-light-mode-color: rgba(255,255,255,1);
  --core-transparent-color: var(--core-transparent-light-mode-color);
  --core-transparent-dark-mode-color: transparent;
  --core-transparent-light-mode-color: transparent;
  --core-type-bold-weight: 700;
  --core-type-display-10-case: none;
  --core-type-display-10-font-family: var(--core-type-display-font-family);
  --core-type-display-10-leading: 40px;
  --core-type-display-10-number-spacing: 'default';
  --core-type-display-10-scale: heading-30;
  --core-type-display-10-size: 32px;
  --core-type-display-10-tracking: 0;
  --core-type-display-10-weight: var(--core-type-bold-weight);
  --core-type-display-20-case: none;
  --core-type-display-20-font-family: var(--core-type-display-font-family);
  --core-type-display-20-leading: 56px;
  --core-type-display-20-number-spacing: 'default';
  --core-type-display-20-scale: heading-30;
  --core-type-display-20-size: 48px;
  --core-type-display-20-tracking: 0;
  --core-type-display-20-weight: var(--core-type-medium-weight);
  --core-type-display-font-family: 'Square Sans Display VF', 'Square Sans Display', Helvetica, Arial, sans-serif;
  --core-type-font-family: 'Square Sans Text VF', 'Square Sans Text', Helvetica, Arial, sans-serif;
  --core-type-heading-10-case: none;
  --core-type-heading-10-font-family: var(--core-type-font-family);
  --core-type-heading-10-leading: 22px;
  --core-type-heading-10-number-spacing: 'default';
  --core-type-heading-10-scale: heading-10;
  --core-type-heading-10-size: 14px;
  --core-type-heading-10-tracking: 0;
  --core-type-heading-10-weight: var(--core-type-bold-weight);
  --core-type-heading-20-case: none;
  --core-type-heading-20-font-family: var(--core-type-display-font-family);
  --core-type-heading-20-leading: 26px;
  --core-type-heading-20-number-spacing: 'default';
  --core-type-heading-20-scale: heading-20;
  --core-type-heading-20-size: 19px;
  --core-type-heading-20-tracking: 0;
  --core-type-heading-20-weight: var(--core-type-bold-weight);
  --core-type-heading-30-case: none;
  --core-type-heading-30-font-family: var(--core-type-display-font-family);
  --core-type-heading-30-leading: 32px;
  --core-type-heading-30-number-spacing: 'default';
  --core-type-heading-30-scale: heading-30;
  --core-type-heading-30-size: 25px;
  --core-type-heading-30-tracking: 0;
  --core-type-heading-30-weight: var(--core-type-bold-weight);
  --core-type-heading-5-case: uppercase;
  --core-type-heading-5-font-family: var(--core-type-font-family);
  --core-type-heading-5-leading: 20px;
  --core-type-heading-5-number-spacing: 'default';
  --core-type-heading-5-scale: heading-5;
  --core-type-heading-5-size: 12px;
  --core-type-heading-5-tracking: 0.050em;
  --core-type-heading-5-weight: var(--core-type-medium-weight);
  --core-type-medium-10-case: var(--core-type-paragraph-10-case);
  --core-type-medium-10-font-family: var(--core-type-paragraph-10-font-family);
  --core-type-medium-10-leading: var(--core-type-paragraph-10-leading);
  --core-type-medium-10-number-spacing: var(--core-type-paragraph-10-number-spacing);
  --core-type-medium-10-scale: var(--core-type-paragraph-10-scale);
  --core-type-medium-10-size: var(--core-type-paragraph-10-size);
  --core-type-medium-10-tracking: var(--core-type-paragraph-10-tracking);
  --core-type-medium-10-weight: var(--core-type-medium-weight);
  --core-type-medium-20-case: var(--core-type-paragraph-20-case);
  --core-type-medium-20-font-family: var(--core-type-paragraph-20-font-family);
  --core-type-medium-20-leading: var(--core-type-paragraph-20-leading);
  --core-type-medium-20-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --core-type-medium-20-scale: var(--core-type-paragraph-20-scale);
  --core-type-medium-20-size: var(--core-type-paragraph-20-size);
  --core-type-medium-20-tracking: var(--core-type-paragraph-20-tracking);
  --core-type-medium-20-weight: var(--core-type-medium-weight);
  --core-type-medium-30-case: var(--core-type-paragraph-30-case);
  --core-type-medium-30-font-family: var(--core-type-paragraph-30-font-family);
  --core-type-medium-30-leading: var(--core-type-paragraph-30-leading);
  --core-type-medium-30-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --core-type-medium-30-scale: var(--core-type-paragraph-30-scale);
  --core-type-medium-30-size: var(--core-type-paragraph-30-size);
  --core-type-medium-30-tracking: var(--core-type-paragraph-30-tracking);
  --core-type-medium-30-weight: var(--core-type-medium-weight);
  --core-type-medium-weight: 500;
  --core-type-mono-display-10-case: var(--core-type-display-10-case);
  --core-type-mono-display-10-font-family: var(--core-type-mono-font-family);
  --core-type-mono-display-10-leading: var(--core-type-display-10-leading);
  --core-type-mono-display-10-number-spacing: var(--core-type-display-10-number-spacing);
  --core-type-mono-display-10-scale: var(--core-type-display-10-scale);
  --core-type-mono-display-10-size: var(--core-type-display-10-size);
  --core-type-mono-display-10-tracking: var(--core-type-display-10-tracking);
  --core-type-mono-display-10-weight: var(--core-type-display-10-weight);
  --core-type-mono-display-20-case: var(--core-type-display-20-case);
  --core-type-mono-display-20-font-family: var(--core-type-mono-font-family);
  --core-type-mono-display-20-leading: var(--core-type-display-20-leading);
  --core-type-mono-display-20-number-spacing: var(--core-type-display-20-number-spacing);
  --core-type-mono-display-20-scale: var(--core-type-display-20-scale);
  --core-type-mono-display-20-size: var(--core-type-display-20-size);
  --core-type-mono-display-20-tracking: var(--core-type-display-20-tracking);
  --core-type-mono-display-20-weight: var(--core-type-display-20-weight);
  --core-type-mono-font-family: 'Square Sans Mono VF', 'Square Sans Mono', 'Roboto Mono', Roboto, monospace;
  --core-type-mono-heading-10-case: var(--core-type-heading-10-case);
  --core-type-mono-heading-10-font-family: var(--core-type-mono-font-family);
  --core-type-mono-heading-10-leading: var(--core-type-heading-10-leading);
  --core-type-mono-heading-10-number-spacing: var(--core-type-heading-10-number-spacing);
  --core-type-mono-heading-10-scale: var(--core-type-heading-10-scale);
  --core-type-mono-heading-10-size: var(--core-type-heading-10-size);
  --core-type-mono-heading-10-tracking: var(--core-type-heading-10-tracking);
  --core-type-mono-heading-10-weight: var(--core-type-heading-10-weight);
  --core-type-mono-heading-20-case: var(--core-type-heading-20-case);
  --core-type-mono-heading-20-font-family: var(--core-type-mono-font-family);
  --core-type-mono-heading-20-leading: var(--core-type-heading-20-leading);
  --core-type-mono-heading-20-number-spacing: var(--core-type-heading-20-number-spacing);
  --core-type-mono-heading-20-scale: var(--core-type-heading-20-scale);
  --core-type-mono-heading-20-size: var(--core-type-heading-20-size);
  --core-type-mono-heading-20-tracking: var(--core-type-heading-20-tracking);
  --core-type-mono-heading-20-weight: var(--core-type-heading-20-weight);
  --core-type-mono-heading-30-case: var(--core-type-heading-30-case);
  --core-type-mono-heading-30-font-family: var(--core-type-mono-font-family);
  --core-type-mono-heading-30-leading: var(--core-type-heading-30-leading);
  --core-type-mono-heading-30-number-spacing: var(--core-type-heading-30-number-spacing);
  --core-type-mono-heading-30-scale: var(--core-type-heading-30-scale);
  --core-type-mono-heading-30-size: var(--core-type-heading-30-size);
  --core-type-mono-heading-30-tracking: var(--core-type-heading-30-tracking);
  --core-type-mono-heading-30-weight: var(--core-type-heading-30-weight);
  --core-type-mono-medium-10-case: var(--core-type-medium-10-case);
  --core-type-mono-medium-10-font-family: var(--core-type-mono-font-family);
  --core-type-mono-medium-10-leading: var(--core-type-medium-10-leading);
  --core-type-mono-medium-10-number-spacing: var(--core-type-medium-10-number-spacing);
  --core-type-mono-medium-10-scale: var(--core-type-medium-10-scale);
  --core-type-mono-medium-10-size: var(--core-type-medium-10-size);
  --core-type-mono-medium-10-tracking: var(--core-type-medium-10-tracking);
  --core-type-mono-medium-10-weight: var(--core-type-medium-10-weight);
  --core-type-mono-medium-20-case: var(--core-type-medium-20-case);
  --core-type-mono-medium-20-font-family: var(--core-type-mono-font-family);
  --core-type-mono-medium-20-leading: var(--core-type-medium-20-leading);
  --core-type-mono-medium-20-number-spacing: var(--core-type-medium-20-number-spacing);
  --core-type-mono-medium-20-scale: var(--core-type-medium-20-scale);
  --core-type-mono-medium-20-size: var(--core-type-medium-20-size);
  --core-type-mono-medium-20-tracking: var(--core-type-medium-20-tracking);
  --core-type-mono-medium-20-weight: var(--core-type-medium-20-weight);
  --core-type-mono-medium-30-case: var(--core-type-medium-30-case);
  --core-type-mono-medium-30-font-family: var(--core-type-mono-font-family);
  --core-type-mono-medium-30-leading: var(--core-type-medium-30-leading);
  --core-type-mono-medium-30-number-spacing: var(--core-type-medium-30-number-spacing);
  --core-type-mono-medium-30-scale: var(--core-type-medium-30-scale);
  --core-type-mono-medium-30-size: var(--core-type-medium-30-size);
  --core-type-mono-medium-30-tracking: var(--core-type-medium-30-tracking);
  --core-type-mono-medium-30-weight: var(--core-type-medium-30-weight);
  --core-type-mono-paragraph-10-case: var(--core-type-paragraph-10-case);
  --core-type-mono-paragraph-10-font-family: var(--core-type-mono-font-family);
  --core-type-mono-paragraph-10-leading: var(--core-type-paragraph-10-leading);
  --core-type-mono-paragraph-10-number-spacing: var(--core-type-paragraph-10-number-spacing);
  --core-type-mono-paragraph-10-scale: var(--core-type-paragraph-10-scale);
  --core-type-mono-paragraph-10-size: var(--core-type-paragraph-10-size);
  --core-type-mono-paragraph-10-tracking: var(--core-type-paragraph-10-tracking);
  --core-type-mono-paragraph-10-weight: var(--core-type-paragraph-10-weight);
  --core-type-mono-paragraph-20-case: var(--core-type-paragraph-20-case);
  --core-type-mono-paragraph-20-font-family: var(--core-type-mono-font-family);
  --core-type-mono-paragraph-20-leading: var(--core-type-paragraph-20-leading);
  --core-type-mono-paragraph-20-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --core-type-mono-paragraph-20-scale: var(--core-type-paragraph-20-scale);
  --core-type-mono-paragraph-20-size: var(--core-type-paragraph-20-size);
  --core-type-mono-paragraph-20-tracking: var(--core-type-paragraph-20-tracking);
  --core-type-mono-paragraph-20-weight: var(--core-type-paragraph-20-weight);
  --core-type-mono-paragraph-30-case: var(--core-type-paragraph-30-case);
  --core-type-mono-paragraph-30-font-family: var(--core-type-mono-font-family);
  --core-type-mono-paragraph-30-leading: var(--core-type-paragraph-30-leading);
  --core-type-mono-paragraph-30-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --core-type-mono-paragraph-30-scale: var(--core-type-paragraph-30-scale);
  --core-type-mono-paragraph-30-size: var(--core-type-paragraph-30-size);
  --core-type-mono-paragraph-30-tracking: var(--core-type-paragraph-30-tracking);
  --core-type-mono-paragraph-30-weight: var(--core-type-paragraph-30-weight);
  --core-type-mono-semibold-10-case: var(--core-type-semibold-10-case);
  --core-type-mono-semibold-10-font-family: var(--core-type-mono-font-family);
  --core-type-mono-semibold-10-leading: var(--core-type-semibold-10-leading);
  --core-type-mono-semibold-10-number-spacing: var(--core-type-semibold-10-number-spacing);
  --core-type-mono-semibold-10-scale: var(--core-type-semibold-10-scale);
  --core-type-mono-semibold-10-size: var(--core-type-semibold-10-size);
  --core-type-mono-semibold-10-tracking: var(--core-type-semibold-10-tracking);
  --core-type-mono-semibold-10-weight: var(--core-type-semibold-10-weight);
  --core-type-mono-semibold-20-case: var(--core-type-semibold-20-case);
  --core-type-mono-semibold-20-font-family: var(--core-type-mono-font-family);
  --core-type-mono-semibold-20-leading: var(--core-type-semibold-20-leading);
  --core-type-mono-semibold-20-number-spacing: var(--core-type-semibold-20-number-spacing);
  --core-type-mono-semibold-20-scale: var(--core-type-semibold-20-scale);
  --core-type-mono-semibold-20-size: var(--core-type-semibold-20-size);
  --core-type-mono-semibold-20-tracking: var(--core-type-semibold-20-tracking);
  --core-type-mono-semibold-20-weight: var(--core-type-semibold-20-weight);
  --core-type-mono-semibold-30-case: var(--core-type-semibold-30-case);
  --core-type-mono-semibold-30-font-family: var(--core-type-mono-font-family);
  --core-type-mono-semibold-30-leading: var(--core-type-semibold-30-leading);
  --core-type-mono-semibold-30-number-spacing: var(--core-type-semibold-30-number-spacing);
  --core-type-mono-semibold-30-scale: var(--core-type-semibold-30-scale);
  --core-type-mono-semibold-30-size: var(--core-type-semibold-30-size);
  --core-type-mono-semibold-30-tracking: var(--core-type-semibold-30-tracking);
  --core-type-mono-semibold-30-weight: var(--core-type-semibold-30-weight);
  --core-type-paragraph-10-case: none;
  --core-type-paragraph-10-font-family: var(--core-type-font-family);
  --core-type-paragraph-10-leading: 18px;
  --core-type-paragraph-10-number-spacing: 'default';
  --core-type-paragraph-10-scale: paragraph-10;
  --core-type-paragraph-10-size: 12px;
  --core-type-paragraph-10-tracking: 0;
  --core-type-paragraph-10-weight: var(--core-type-regular-weight);
  --core-type-paragraph-20-case: none;
  --core-type-paragraph-20-font-family: var(--core-type-font-family);
  --core-type-paragraph-20-leading: 22px;
  --core-type-paragraph-20-number-spacing: 'default';
  --core-type-paragraph-20-scale: paragraph-20;
  --core-type-paragraph-20-size: 14px;
  --core-type-paragraph-20-tracking: 0;
  --core-type-paragraph-20-weight: var(--core-type-regular-weight);
  --core-type-paragraph-30-case: none;
  --core-type-paragraph-30-font-family: var(--core-type-font-family);
  --core-type-paragraph-30-leading: 24px;
  --core-type-paragraph-30-number-spacing: 'default';
  --core-type-paragraph-30-scale: paragraph-30;
  --core-type-paragraph-30-size: 16px;
  --core-type-paragraph-30-tracking: 0;
  --core-type-paragraph-30-weight: var(--core-type-regular-weight);
  --core-type-regular-weight: 400;
  --core-type-semibold-10-case: var(--core-type-paragraph-10-case);
  --core-type-semibold-10-font-family: var(--core-type-paragraph-10-font-family);
  --core-type-semibold-10-leading: var(--core-type-paragraph-10-leading);
  --core-type-semibold-10-number-spacing: var(--core-type-paragraph-10-number-spacing);
  --core-type-semibold-10-scale: var(--core-type-paragraph-10-scale);
  --core-type-semibold-10-size: var(--core-type-paragraph-10-size);
  --core-type-semibold-10-tracking: var(--core-type-paragraph-10-tracking);
  --core-type-semibold-10-weight: var(--core-type-semibold-weight);
  --core-type-semibold-20-case: var(--core-type-paragraph-20-case);
  --core-type-semibold-20-font-family: var(--core-type-paragraph-20-font-family);
  --core-type-semibold-20-leading: var(--core-type-paragraph-20-leading);
  --core-type-semibold-20-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --core-type-semibold-20-scale: var(--core-type-paragraph-20-scale);
  --core-type-semibold-20-size: var(--core-type-paragraph-20-size);
  --core-type-semibold-20-tracking: var(--core-type-paragraph-20-tracking);
  --core-type-semibold-20-weight: var(--core-type-semibold-weight);
  --core-type-semibold-30-case: var(--core-type-paragraph-30-case);
  --core-type-semibold-30-font-family: var(--core-type-paragraph-30-font-family);
  --core-type-semibold-30-leading: var(--core-type-paragraph-30-leading);
  --core-type-semibold-30-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --core-type-semibold-30-scale: var(--core-type-paragraph-30-scale);
  --core-type-semibold-30-size: var(--core-type-paragraph-30-size);
  --core-type-semibold-30-tracking: var(--core-type-paragraph-30-tracking);
  --core-type-semibold-30-weight: var(--core-type-semibold-weight);
  --core-type-semibold-weight: 600;
  --core-vertical-size-class-regular-threshold: 600px;
  --core-vertical-size-class-tall-threshold: 864px;
  --core-warning-10-color: var(--core-warning-10-light-mode-color);
  --core-warning-10-dark-mode-color: var(--core-gold-10-dark-mode-color);
  --core-warning-10-light-mode-color: var(--core-gold-10-light-mode-color);
  --core-warning-20-color: var(--core-warning-20-light-mode-color);
  --core-warning-20-dark-mode-color: var(--core-gold-20-dark-mode-color);
  --core-warning-20-light-mode-color: var(--core-gold-20-light-mode-color);
  --core-warning-30-color: var(--core-warning-30-light-mode-color);
  --core-warning-30-dark-mode-color: var(--core-gold-30-dark-mode-color);
  --core-warning-30-light-mode-color: var(--core-gold-30-light-mode-color);
  --core-warning-40-color: var(--core-warning-40-light-mode-color);
  --core-warning-40-dark-mode-color: var(--core-gold-40-dark-mode-color);
  --core-warning-40-light-mode-color: var(--core-gold-40-light-mode-color);
  --core-warning-fill-color: var(--core-warning-fill-light-mode-color);
  --core-warning-fill-dark-mode-color: var(--core-gold-fill-dark-mode-color);
  --core-warning-fill-light-mode-color: var(--core-gold-fill-light-mode-color);
  --core-warning-text-color: var(--core-warning-text-light-mode-color);
  --core-warning-text-dark-mode-color: var(--core-gold-text-dark-mode-color);
  --core-warning-text-light-mode-color: var(--core-gold-text-light-mode-color);
  --core-wide-viewport-grid-column-count: var(--core-extra-wide-viewport-grid-column-count);
  --core-wide-viewport-grid-horizontal-spacing: var(--core-extra-wide-viewport-grid-horizontal-spacing);
  --core-wide-viewport-grid-item-full-size-column-span: var(--core-extra-wide-viewport-grid-item-full-size-column-span);
  --core-wide-viewport-grid-item-large-size-column-span: var(--core-extra-wide-viewport-grid-item-large-size-column-span);
  --core-wide-viewport-grid-item-medium-size-column-span: var(--core-extra-wide-viewport-grid-item-medium-size-column-span);
  --core-wide-viewport-grid-item-small-size-column-span: var(--core-extra-wide-viewport-grid-item-small-size-column-span);
  --core-wide-viewport-grid-vertical-spacing: var(--core-extra-wide-viewport-grid-vertical-spacing);
  --core-yellow-10-color: var(--core-yellow-10-light-mode-color);
  --core-yellow-10-dark-mode-color: #CC9900;
  --core-yellow-10-light-mode-color: #CC9900;
  --core-yellow-20-color: var(--core-yellow-20-light-mode-color);
  --core-yellow-20-dark-mode-color: #E5AC00;
  --core-yellow-20-light-mode-color: #E5AC00;
  --core-yellow-30-color: var(--core-yellow-30-light-mode-color);
  --core-yellow-30-dark-mode-color: #594300;
  --core-yellow-30-light-mode-color: #FFF2CC;
  --core-yellow-40-color: var(--core-yellow-40-light-mode-color);
  --core-yellow-40-dark-mode-color: #332600;
  --core-yellow-40-light-mode-color: #FFF9E5;
  --core-yellow-fill-color: var(--core-yellow-fill-light-mode-color);
  --core-yellow-fill-dark-mode-color: #FFBF00;
  --core-yellow-fill-light-mode-color: #FFBF00;
  --core-yellow-text-color: var(--core-yellow-text-light-mode-color);
  --core-yellow-text-dark-mode-color: #FFBF00;
  --core-yellow-text-light-mode-color: #876500;

  /* ========================================================================
   * COMPONENT
   * ======================================================================== */

  /* ========== accessory ========== */
  --accessory-background-color: var(--accessory-background-light-mode-color);
  --accessory-background-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --accessory-background-light-mode-color: var(--core-fill-40-light-mode-color);
  --accessory-background-radius: var(--accessory-medium-size-radius);
  --accessory-disabled-state-background-color: var(--accessory-disabled-state-background-light-mode-color);
  --accessory-disabled-state-background-dark-mode-color: var(--accessory-normal-state-background-dark-mode-color);
  --accessory-disabled-state-background-light-mode-color: var(--accessory-normal-state-background-light-mode-color);
  --accessory-disabled-state-icon-color: var(--accessory-disabled-state-icon-light-mode-color);
  --accessory-disabled-state-icon-dark-mode-color: var(--accessory-normal-state-icon-dark-mode-color);
  --accessory-disabled-state-icon-light-mode-color: var(--accessory-normal-state-icon-light-mode-color);
  --accessory-disabled-state-opacity: var(--core-opacity-disabled-state);
  --accessory-disabled-state-text-color: var(--accessory-disabled-state-text-light-mode-color);
  --accessory-disabled-state-text-dark-mode-color: var(--accessory-normal-state-text-dark-mode-color);
  --accessory-disabled-state-text-light-mode-color: var(--accessory-normal-state-text-light-mode-color);
  --accessory-icon-variant-color: var(--accessory-icon-variant-light-mode-color);
  --accessory-icon-variant-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --accessory-icon-variant-large-size-height: 40px;
  --accessory-icon-variant-large-size-width: 40px;
  --accessory-icon-variant-light-mode-color: var(--core-fill-10-light-mode-color);
  --accessory-icon-variant-medium-size-height: 24px;
  --accessory-icon-variant-medium-size-width: 24px;
  --accessory-initials-variant-color: var(--accessory-initials-variant-light-mode-color);
  --accessory-initials-variant-dark-mode-color: var(--core-text-20-dark-mode-color);
  --accessory-initials-variant-large-size-text-case: var(--core-type-display-10-case);
  --accessory-initials-variant-large-size-text-font-family: var(--core-type-display-10-font-family);
  --accessory-initials-variant-large-size-text-leading: var(--core-type-display-10-leading);
  --accessory-initials-variant-large-size-text-number-spacing: var(--core-type-display-10-number-spacing);
  --accessory-initials-variant-large-size-text-scale: var(--core-type-display-10-scale);
  --accessory-initials-variant-large-size-text-size: 28px;
  --accessory-initials-variant-large-size-text-tracking: var(--core-type-display-10-tracking);
  --accessory-initials-variant-large-size-text-weight: var(--core-type-medium-weight);
  --accessory-initials-variant-light-mode-color: var(--core-text-20-light-mode-color);
  --accessory-initials-variant-medium-size-text-case: var(--core-type-semibold-30-case);
  --accessory-initials-variant-medium-size-text-font-family: var(--core-type-semibold-30-font-family);
  --accessory-initials-variant-medium-size-text-leading: var(--core-type-semibold-30-leading);
  --accessory-initials-variant-medium-size-text-number-spacing: var(--core-type-semibold-30-number-spacing);
  --accessory-initials-variant-medium-size-text-scale: var(--core-type-semibold-30-scale);
  --accessory-initials-variant-medium-size-text-size: var(--core-type-semibold-30-size);
  --accessory-initials-variant-medium-size-text-tracking: var(--core-type-semibold-30-tracking);
  --accessory-initials-variant-medium-size-text-weight: var(--core-type-semibold-30-weight);
  --accessory-large-size-height: var(--core-large-size-minimum-height);
  --accessory-large-size-icon-height: var(--core-icon-large-size-height);
  --accessory-large-size-icon-width: var(--accessory-large-size-icon-height);
  --accessory-large-size-radius: var(--core-radius-100);
  --accessory-large-size-text-case: var(--core-type-display-10-case);
  --accessory-large-size-text-font-family: var(--core-type-display-10-font-family);
  --accessory-large-size-text-leading: var(--accessory-large-size-text-size);
  --accessory-large-size-text-number-spacing: var(--core-type-display-10-number-spacing);
  --accessory-large-size-text-scale: var(--core-type-display-10-scale);
  --accessory-large-size-text-size: 28px;
  --accessory-large-size-text-tracking: var(--core-type-display-10-tracking);
  --accessory-large-size-text-weight: var(--core-type-medium-weight);
  --accessory-large-size-width: var(--accessory-large-size-height);
  --accessory-medium-size-height: var(--core-small-size-minimum-height);
  --accessory-medium-size-icon-height: var(--core-icon-medium-size-height);
  --accessory-medium-size-icon-width: var(--accessory-medium-size-icon-height);
  --accessory-medium-size-radius: var(--core-radius-100);
  --accessory-medium-size-text-case: var(--core-type-semibold-30-case);
  --accessory-medium-size-text-font-family: var(--core-type-semibold-30-font-family);
  --accessory-medium-size-text-leading: var(--core-type-semibold-30-leading);
  --accessory-medium-size-text-number-spacing: var(--core-type-semibold-30-number-spacing);
  --accessory-medium-size-text-scale: var(--core-type-semibold-30-scale);
  --accessory-medium-size-text-size: var(--core-type-semibold-30-size);
  --accessory-medium-size-text-tracking: var(--core-type-semibold-30-tracking);
  --accessory-medium-size-text-weight: var(--core-type-semibold-30-weight);
  --accessory-medium-size-width: var(--accessory-medium-size-height);
  --accessory-normal-state-background-color: var(--accessory-normal-state-background-light-mode-color);
  --accessory-normal-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --accessory-normal-state-background-light-mode-color: var(--core-fill-40-light-mode-color);
  --accessory-normal-state-icon-color: var(--accessory-normal-state-icon-light-mode-color);
  --accessory-normal-state-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --accessory-normal-state-icon-light-mode-color: var(--core-fill-10-light-mode-color);
  --accessory-normal-state-opacity: var(--core-opacity-normal-state);
  --accessory-normal-state-text-color: var(--accessory-normal-state-text-light-mode-color);
  --accessory-normal-state-text-dark-mode-color: var(--core-text-20-dark-mode-color);
  --accessory-normal-state-text-light-mode-color: var(--core-text-20-light-mode-color);

  /* ========== accordion ========== */
  --accordion-disabled-state-accessory-opacity: 0.5;
  --accordion-disabled-state-content-color: var(--accordion-disabled-state-content-light-mode-color);
  --accordion-disabled-state-content-dark-mode-color: var(--core-text-30-dark-mode-color);
  --accordion-disabled-state-content-light-mode-color: var(--core-text-30-light-mode-color);
  --accordion-disabled-state-side-text-color: var(--accordion-disabled-state-side-text-light-mode-color);
  --accordion-disabled-state-side-text-dark-mode-color: var(--core-text-30-dark-mode-color);
  --accordion-disabled-state-side-text-light-mode-color: var(--core-text-30-light-mode-color);
  --accordion-focus-state-accessory-opacity: 1;
  --accordion-focus-state-content-color: var(--accordion-focus-state-content-light-mode-color);
  --accordion-focus-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --accordion-focus-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --accordion-focus-state-side-text-color: var(--accordion-focus-state-side-text-light-mode-color);
  --accordion-focus-state-side-text-dark-mode-color: var(--core-text-20-dark-mode-color);
  --accordion-focus-state-side-text-light-mode-color: var(--core-text-20-light-mode-color);
  --accordion-heading-10-variant-collapsed-phase-icon-height: var(--accordion-small-size-collapsed-phase-icon-height);
  --accordion-heading-10-variant-collapsed-phase-icon-width: var(--accordion-small-size-collapsed-phase-icon-width);
  --accordion-heading-10-variant-content-spacing: var(--accordion-small-size-content-spacing);
  --accordion-heading-10-variant-expanded-phase-icon-height: var(--accordion-small-size-expanded-phase-icon-height);
  --accordion-heading-10-variant-expanded-phase-icon-width: var(--accordion-small-size-expanded-phase-icon-width);
  --accordion-heading-10-variant-expanded-phase-spacing: var(--accordion-small-size-expanded-phase-spacing);
  --accordion-heading-10-variant-horizontal-padding: var(--accordion-small-size-horizontal-padding);
  --accordion-heading-10-variant-separator-color: var(--accordion-heading-10-variant-separator-light-mode-color);
  --accordion-heading-10-variant-separator-dark-mode-color: var(--accordion-small-size-separator-dark-mode-color);
  --accordion-heading-10-variant-separator-light-mode-color: var(--accordion-small-size-separator-light-mode-color);
  --accordion-heading-10-variant-separator-size: var(--accordion-small-size-separator-size);
  --accordion-heading-10-variant-side-text-case: var(--accordion-small-size-side-text-case);
  --accordion-heading-10-variant-side-text-font-family: var(--accordion-small-size-side-text-font-family);
  --accordion-heading-10-variant-side-text-leading: var(--accordion-small-size-side-text-leading);
  --accordion-heading-10-variant-side-text-number-spacing: var(--accordion-small-size-side-text-number-spacing);
  --accordion-heading-10-variant-side-text-scale: var(--accordion-small-size-side-text-scale);
  --accordion-heading-10-variant-side-text-size: var(--accordion-small-size-side-text-size);
  --accordion-heading-10-variant-side-text-tracking: var(--accordion-small-size-side-text-tracking);
  --accordion-heading-10-variant-side-text-weight: var(--accordion-small-size-side-text-weight);
  --accordion-heading-10-variant-text-case: var(--accordion-small-size-text-case);
  --accordion-heading-10-variant-text-font-family: var(--accordion-small-size-text-font-family);
  --accordion-heading-10-variant-text-leading: var(--accordion-small-size-text-leading);
  --accordion-heading-10-variant-text-number-spacing: var(--accordion-small-size-text-number-spacing);
  --accordion-heading-10-variant-text-scale: var(--accordion-small-size-text-scale);
  --accordion-heading-10-variant-text-size: var(--accordion-small-size-text-size);
  --accordion-heading-10-variant-text-tracking: var(--accordion-small-size-text-tracking);
  --accordion-heading-10-variant-text-weight: var(--accordion-small-size-text-weight);
  --accordion-heading-10-variant-vertical-padding: var(--accordion-small-size-vertical-padding);
  --accordion-heading-20-variant-collapsed-phase-icon-height: var(--accordion-medium-size-collapsed-phase-icon-height);
  --accordion-heading-20-variant-collapsed-phase-icon-width: var(--accordion-medium-size-collapsed-phase-icon-width);
  --accordion-heading-20-variant-content-spacing: var(--accordion-medium-size-content-spacing);
  --accordion-heading-20-variant-expanded-phase-icon-height: var(--accordion-medium-size-expanded-phase-icon-height);
  --accordion-heading-20-variant-expanded-phase-icon-width: var(--accordion-medium-size-expanded-phase-icon-width);
  --accordion-heading-20-variant-expanded-phase-spacing: var(--accordion-medium-size-expanded-phase-spacing);
  --accordion-heading-20-variant-horizontal-padding: var(--accordion-medium-size-horizontal-padding);
  --accordion-heading-20-variant-separator-color: var(--accordion-heading-20-variant-separator-light-mode-color);
  --accordion-heading-20-variant-separator-dark-mode-color: var(--accordion-medium-size-separator-dark-mode-color);
  --accordion-heading-20-variant-separator-light-mode-color: var(--accordion-medium-size-separator-light-mode-color);
  --accordion-heading-20-variant-separator-size: var(--accordion-medium-size-separator-size);
  --accordion-heading-20-variant-side-text-case: var(--accordion-medium-size-side-text-case);
  --accordion-heading-20-variant-side-text-font-family: var(--accordion-medium-size-side-text-font-family);
  --accordion-heading-20-variant-side-text-leading: var(--accordion-medium-size-side-text-leading);
  --accordion-heading-20-variant-side-text-number-spacing: var(--accordion-medium-size-side-text-number-spacing);
  --accordion-heading-20-variant-side-text-scale: var(--accordion-medium-size-side-text-scale);
  --accordion-heading-20-variant-side-text-size: var(--accordion-medium-size-side-text-size);
  --accordion-heading-20-variant-side-text-tracking: var(--accordion-medium-size-side-text-tracking);
  --accordion-heading-20-variant-side-text-weight: var(--accordion-medium-size-side-text-weight);
  --accordion-heading-20-variant-text-case: var(--accordion-medium-size-text-case);
  --accordion-heading-20-variant-text-font-family: var(--accordion-medium-size-text-font-family);
  --accordion-heading-20-variant-text-leading: var(--accordion-medium-size-text-leading);
  --accordion-heading-20-variant-text-number-spacing: var(--accordion-medium-size-text-number-spacing);
  --accordion-heading-20-variant-text-scale: var(--accordion-medium-size-text-scale);
  --accordion-heading-20-variant-text-size: var(--accordion-medium-size-text-size);
  --accordion-heading-20-variant-text-tracking: var(--accordion-medium-size-text-tracking);
  --accordion-heading-20-variant-text-weight: var(--accordion-medium-size-text-weight);
  --accordion-heading-20-variant-vertical-padding: var(--accordion-medium-size-vertical-padding);
  --accordion-heading-30-variant-collapsed-phase-icon-height: var(--accordion-large-size-collapsed-phase-icon-height);
  --accordion-heading-30-variant-collapsed-phase-icon-width: var(--accordion-large-size-collapsed-phase-icon-width);
  --accordion-heading-30-variant-content-spacing: var(--accordion-large-size-content-spacing);
  --accordion-heading-30-variant-expanded-phase-icon-height: var(--accordion-large-size-expanded-phase-icon-height);
  --accordion-heading-30-variant-expanded-phase-icon-width: var(--accordion-large-size-expanded-phase-icon-width);
  --accordion-heading-30-variant-expanded-phase-spacing: var(--accordion-large-size-expanded-phase-spacing);
  --accordion-heading-30-variant-horizontal-padding: var(--accordion-large-size-horizontal-padding);
  --accordion-heading-30-variant-separator-color: var(--accordion-heading-30-variant-separator-light-mode-color);
  --accordion-heading-30-variant-separator-dark-mode-color: var(--accordion-large-size-separator-dark-mode-color);
  --accordion-heading-30-variant-separator-light-mode-color: var(--accordion-large-size-separator-light-mode-color);
  --accordion-heading-30-variant-separator-size: var(--accordion-large-size-separator-size);
  --accordion-heading-30-variant-side-text-case: var(--accordion-large-size-side-text-case);
  --accordion-heading-30-variant-side-text-font-family: var(--accordion-large-size-side-text-font-family);
  --accordion-heading-30-variant-side-text-leading: var(--accordion-large-size-side-text-leading);
  --accordion-heading-30-variant-side-text-number-spacing: var(--accordion-large-size-side-text-number-spacing);
  --accordion-heading-30-variant-side-text-scale: var(--accordion-large-size-side-text-scale);
  --accordion-heading-30-variant-side-text-size: var(--accordion-large-size-side-text-size);
  --accordion-heading-30-variant-side-text-tracking: var(--accordion-large-size-side-text-tracking);
  --accordion-heading-30-variant-side-text-weight: var(--accordion-large-size-side-text-weight);
  --accordion-heading-30-variant-text-case: var(--accordion-large-size-text-case);
  --accordion-heading-30-variant-text-font-family: var(--accordion-large-size-text-font-family);
  --accordion-heading-30-variant-text-leading: var(--accordion-large-size-text-leading);
  --accordion-heading-30-variant-text-number-spacing: var(--accordion-large-size-text-number-spacing);
  --accordion-heading-30-variant-text-scale: var(--accordion-large-size-text-scale);
  --accordion-heading-30-variant-text-size: var(--accordion-large-size-text-size);
  --accordion-heading-30-variant-text-tracking: var(--accordion-large-size-text-tracking);
  --accordion-heading-30-variant-text-weight: var(--accordion-large-size-text-weight);
  --accordion-heading-30-variant-vertical-padding: var(--accordion-large-size-vertical-padding);
  --accordion-hover-state-accessory-opacity: 1;
  --accordion-hover-state-content-color: var(--accordion-hover-state-content-light-mode-color);
  --accordion-hover-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --accordion-hover-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --accordion-hover-state-side-text-color: var(--accordion-hover-state-side-text-light-mode-color);
  --accordion-hover-state-side-text-dark-mode-color: var(--core-text-20-dark-mode-color);
  --accordion-hover-state-side-text-light-mode-color: var(--core-text-20-light-mode-color);
  --accordion-large-size-collapsed-phase-icon-height: 24px;
  --accordion-large-size-collapsed-phase-icon-width: 24px;
  --accordion-large-size-content-spacing: var(--core-metrics-spacing-200);
  --accordion-large-size-expanded-phase-icon-height: 24px;
  --accordion-large-size-expanded-phase-icon-width: 24px;
  --accordion-large-size-expanded-phase-spacing: var(--core-metrics-spacing-100);
  --accordion-large-size-horizontal-padding: 0px;
  --accordion-large-size-separator-color: var(--accordion-large-size-separator-light-mode-color);
  --accordion-large-size-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);
  --accordion-large-size-separator-light-mode-color: var(--core-divider-20-light-mode-color);
  --accordion-large-size-separator-size: 1px;
  --accordion-large-size-side-text-case: var(--core-type-paragraph-30-case);
  --accordion-large-size-side-text-font-family: var(--core-type-paragraph-30-font-family);
  --accordion-large-size-side-text-leading: var(--core-type-paragraph-30-leading);
  --accordion-large-size-side-text-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --accordion-large-size-side-text-scale: var(--core-type-paragraph-30-scale);
  --accordion-large-size-side-text-size: var(--core-type-paragraph-30-size);
  --accordion-large-size-side-text-tracking: var(--core-type-paragraph-30-tracking);
  --accordion-large-size-side-text-weight: var(--core-type-paragraph-30-weight);
  --accordion-large-size-text-case: var(--core-type-heading-30-case);
  --accordion-large-size-text-font-family: var(--core-type-heading-30-font-family);
  --accordion-large-size-text-leading: var(--core-type-heading-30-leading);
  --accordion-large-size-text-number-spacing: var(--core-type-heading-30-number-spacing);
  --accordion-large-size-text-scale: var(--core-type-heading-30-scale);
  --accordion-large-size-text-size: var(--core-type-heading-30-size);
  --accordion-large-size-text-tracking: var(--core-type-heading-30-tracking);
  --accordion-large-size-text-weight: var(--core-type-heading-30-weight);
  --accordion-large-size-vertical-padding: 24px;
  --accordion-medium-size-collapsed-phase-icon-height: 20px;
  --accordion-medium-size-collapsed-phase-icon-width: 20px;
  --accordion-medium-size-content-spacing: var(--core-metrics-spacing-200);
  --accordion-medium-size-expanded-phase-icon-height: 20px;
  --accordion-medium-size-expanded-phase-icon-width: 20px;
  --accordion-medium-size-expanded-phase-spacing: var(--core-metrics-spacing-100);
  --accordion-medium-size-horizontal-padding: 0px;
  --accordion-medium-size-separator-color: var(--accordion-medium-size-separator-light-mode-color);
  --accordion-medium-size-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);
  --accordion-medium-size-separator-light-mode-color: var(--core-divider-20-light-mode-color);
  --accordion-medium-size-separator-size: 1px;
  --accordion-medium-size-side-text-case: var(--core-type-paragraph-20-case);
  --accordion-medium-size-side-text-font-family: var(--core-type-paragraph-20-font-family);
  --accordion-medium-size-side-text-leading: var(--core-type-paragraph-20-leading);
  --accordion-medium-size-side-text-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --accordion-medium-size-side-text-scale: var(--core-type-paragraph-20-scale);
  --accordion-medium-size-side-text-size: var(--core-type-paragraph-20-size);
  --accordion-medium-size-side-text-tracking: var(--core-type-paragraph-20-tracking);
  --accordion-medium-size-side-text-weight: var(--core-type-paragraph-20-weight);
  --accordion-medium-size-text-case: var(--core-type-heading-20-case);
  --accordion-medium-size-text-font-family: var(--core-type-heading-20-font-family);
  --accordion-medium-size-text-leading: var(--core-type-heading-20-leading);
  --accordion-medium-size-text-number-spacing: var(--core-type-heading-20-number-spacing);
  --accordion-medium-size-text-scale: var(--core-type-heading-20-scale);
  --accordion-medium-size-text-size: var(--core-type-heading-20-size);
  --accordion-medium-size-text-tracking: var(--core-type-heading-20-tracking);
  --accordion-medium-size-text-weight: var(--core-type-heading-20-weight);
  --accordion-medium-size-vertical-padding: 19px;
  --accordion-normal-state-accessory-opacity: 1;
  --accordion-normal-state-content-color: var(--accordion-normal-state-content-light-mode-color);
  --accordion-normal-state-content-dark-mode-color: var(--core-text-10-dark-mode-color);
  --accordion-normal-state-content-light-mode-color: var(--core-text-10-light-mode-color);
  --accordion-normal-state-side-text-color: var(--accordion-normal-state-side-text-light-mode-color);
  --accordion-normal-state-side-text-dark-mode-color: var(--core-text-20-dark-mode-color);
  --accordion-normal-state-side-text-light-mode-color: var(--core-text-20-light-mode-color);
  --accordion-pressed-state-accessory-opacity: 1;
  --accordion-pressed-state-content-color: var(--accordion-pressed-state-content-light-mode-color);
  --accordion-pressed-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --accordion-pressed-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --accordion-pressed-state-side-text-color: var(--accordion-pressed-state-side-text-light-mode-color);
  --accordion-pressed-state-side-text-dark-mode-color: var(--core-text-20-dark-mode-color);
  --accordion-pressed-state-side-text-light-mode-color: var(--core-text-20-light-mode-color);
  --accordion-small-size-collapsed-phase-icon-height: 16px;
  --accordion-small-size-collapsed-phase-icon-width: 16px;
  --accordion-small-size-content-spacing: var(--core-metrics-spacing-200);
  --accordion-small-size-expanded-phase-icon-height: 16px;
  --accordion-small-size-expanded-phase-icon-width: 16px;
  --accordion-small-size-expanded-phase-spacing: var(--core-metrics-spacing-100);
  --accordion-small-size-horizontal-padding: 0px;
  --accordion-small-size-separator-color: var(--accordion-small-size-separator-light-mode-color);
  --accordion-small-size-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);
  --accordion-small-size-separator-light-mode-color: var(--core-divider-20-light-mode-color);
  --accordion-small-size-separator-size: 1px;
  --accordion-small-size-side-text-case: var(--core-type-paragraph-10-case);
  --accordion-small-size-side-text-font-family: var(--core-type-paragraph-10-font-family);
  --accordion-small-size-side-text-leading: var(--core-type-paragraph-10-leading);
  --accordion-small-size-side-text-number-spacing: var(--core-type-paragraph-10-number-spacing);
  --accordion-small-size-side-text-scale: var(--core-type-paragraph-10-scale);
  --accordion-small-size-side-text-size: var(--core-type-paragraph-10-size);
  --accordion-small-size-side-text-tracking: var(--core-type-paragraph-10-tracking);
  --accordion-small-size-side-text-weight: var(--core-type-paragraph-10-weight);
  --accordion-small-size-text-case: var(--core-type-heading-10-case);
  --accordion-small-size-text-font-family: var(--core-type-heading-10-font-family);
  --accordion-small-size-text-leading: var(--core-type-heading-10-leading);
  --accordion-small-size-text-number-spacing: var(--core-type-heading-10-number-spacing);
  --accordion-small-size-text-scale: var(--core-type-heading-10-scale);
  --accordion-small-size-text-size: var(--core-type-heading-10-size);
  --accordion-small-size-text-tracking: var(--core-type-heading-10-tracking);
  --accordion-small-size-text-weight: var(--core-type-heading-10-weight);
  --accordion-small-size-vertical-padding: 13px;

  /* ========== actionCard ========== */
  --action-card-active-state-content-opacity: var(--action-card-active-state-unselected-value-content-opacity);
  --action-card-active-state-selected-value-background-color: var(--action-card-active-state-selected-value-background-light-mode-color);
  --action-card-active-state-selected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color);
  --action-card-active-state-selected-value-background-light-mode-color: var(--core-surface-10-light-mode-color);
  --action-card-active-state-selected-value-border-color: var(--action-card-active-state-selected-value-border-light-mode-color);
  --action-card-active-state-selected-value-border-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --action-card-active-state-selected-value-border-light-mode-color: var(--core-fill-10-light-mode-color);
  --action-card-active-state-selected-value-border-width: var(--core-border-20);
  --action-card-active-state-selected-value-content-opacity: var(--core-opacity-pressed-state);
  --action-card-active-state-unselected-value-background-color: var(--action-card-active-state-unselected-value-background-light-mode-color);
  --action-card-active-state-unselected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color);
  --action-card-active-state-unselected-value-background-light-mode-color: var(--core-surface-10-light-mode-color);
  --action-card-active-state-unselected-value-border-color: var(--action-card-active-state-unselected-value-border-light-mode-color);
  --action-card-active-state-unselected-value-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --action-card-active-state-unselected-value-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --action-card-active-state-unselected-value-border-width: var(--core-border-10);
  --action-card-active-state-unselected-value-content-opacity: var(--core-opacity-pressed-state);
  --action-card-background-color: var(--action-card-background-light-mode-color);
  --action-card-background-dark-mode-color: var(--core-surface-10-dark-mode-color);
  --action-card-background-light-mode-color: var(--core-surface-10-light-mode-color);
  --action-card-border-disabled-state-color: var(--action-card-border-disabled-state-light-mode-color);
  --action-card-border-disabled-state-dark-mode-color: var(--action-card-disabled-state-unselected-value-border-dark-mode-color);
  --action-card-border-disabled-state-light-mode-color: var(--action-card-disabled-state-unselected-value-border-light-mode-color);
  --action-card-border-disabled-state-width: var(--action-card-disabled-state-unselected-value-border-width);
  --action-card-border-hover-state-color: var(--action-card-border-hover-state-light-mode-color);
  --action-card-border-hover-state-dark-mode-color: var(--action-card-hover-state-unselected-value-border-dark-mode-color);
  --action-card-border-hover-state-light-mode-color: var(--action-card-hover-state-unselected-value-border-light-mode-color);
  --action-card-border-hover-state-width: var(--action-card-hover-state-unselected-value-border-width);
  --action-card-border-radius: var(--core-radius-100);
  --action-card-border-selected-state-color: var(--action-card-border-selected-state-light-mode-color);
  --action-card-border-selected-state-dark-mode-color: var(--action-card-normal-state-selected-value-border-dark-mode-color);
  --action-card-border-selected-state-light-mode-color: var(--action-card-normal-state-selected-value-border-light-mode-color);
  --action-card-border-selected-state-width: var(--action-card-normal-state-selected-value-border-width);
  --action-card-disabled-state-content-opacity: var(--action-card-disabled-state-unselected-value-content-opacity);
  --action-card-disabled-state-selected-value-background-color: var(--action-card-disabled-state-selected-value-background-light-mode-color);
  --action-card-disabled-state-selected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color);
  --action-card-disabled-state-selected-value-background-light-mode-color: var(--core-surface-10-light-mode-color);
  --action-card-disabled-state-selected-value-border-color: var(--action-card-disabled-state-selected-value-border-light-mode-color);
  --action-card-disabled-state-selected-value-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --action-card-disabled-state-selected-value-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --action-card-disabled-state-selected-value-border-width: var(--core-border-20);
  --action-card-disabled-state-selected-value-content-opacity: var(--core-opacity-disabled-state);
  --action-card-disabled-state-unselected-value-background-color: var(--action-card-disabled-state-unselected-value-background-light-mode-color);
  --action-card-disabled-state-unselected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color);
  --action-card-disabled-state-unselected-value-background-light-mode-color: var(--core-surface-10-light-mode-color);
  --action-card-disabled-state-unselected-value-border-color: var(--action-card-disabled-state-unselected-value-border-light-mode-color);
  --action-card-disabled-state-unselected-value-border-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --action-card-disabled-state-unselected-value-border-light-mode-color: var(--core-fill-30-light-mode-color);
  --action-card-disabled-state-unselected-value-border-width: var(--core-border-10);
  --action-card-disabled-state-unselected-value-content-opacity: var(--core-opacity-disabled-state);
  --action-card-focus-ring-border-size: var(--core-focus-ring-border-size);
  --action-card-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);
  --action-card-focus-ring-color: var(--action-card-focus-ring-light-mode-color);
  --action-card-focus-ring-dark-mode-color: var(--core-focus-ring-dark-mode-color);
  --action-card-focus-ring-light-mode-color: var(--core-focus-ring-light-mode-color);
  --action-card-horizontal-gap: var(--core-metrics-spacing-100);
  --action-card-horizontal-padding: var(--core-metrics-spacing-200);
  --action-card-hover-state-content-opacity: var(--action-card-hover-state-unselected-value-content-opacity);
  --action-card-hover-state-selected-value-background-color: var(--action-card-hover-state-selected-value-background-light-mode-color);
  --action-card-hover-state-selected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color);
  --action-card-hover-state-selected-value-background-light-mode-color: var(--core-surface-10-light-mode-color);
  --action-card-hover-state-selected-value-border-color: var(--action-card-hover-state-selected-value-border-light-mode-color);
  --action-card-hover-state-selected-value-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --action-card-hover-state-selected-value-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --action-card-hover-state-selected-value-border-width: var(--core-border-20);
  --action-card-hover-state-selected-value-content-opacity: var(--core-opacity-hover-state);
  --action-card-hover-state-unselected-value-background-color: var(--action-card-hover-state-unselected-value-background-light-mode-color);
  --action-card-hover-state-unselected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color);
  --action-card-hover-state-unselected-value-background-light-mode-color: var(--core-surface-10-light-mode-color);
  --action-card-hover-state-unselected-value-border-color: var(--action-card-hover-state-unselected-value-border-light-mode-color);
  --action-card-hover-state-unselected-value-border-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --action-card-hover-state-unselected-value-border-light-mode-color: var(--core-fill-10-light-mode-color);
  --action-card-hover-state-unselected-value-border-width: var(--core-border-10);
  --action-card-hover-state-unselected-value-content-opacity: var(--core-opacity-hover-state);
  --action-card-normal-state-content-opacity: var(--action-card-normal-state-unselected-value-content-opacity);
  --action-card-normal-state-selected-value-background-color: var(--action-card-normal-state-selected-value-background-light-mode-color);
  --action-card-normal-state-selected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color);
  --action-card-normal-state-selected-value-background-light-mode-color: var(--core-surface-10-light-mode-color);
  --action-card-normal-state-selected-value-border-color: var(--action-card-normal-state-selected-value-border-light-mode-color);
  --action-card-normal-state-selected-value-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --action-card-normal-state-selected-value-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --action-card-normal-state-selected-value-border-width: var(--core-border-20);
  --action-card-normal-state-selected-value-content-opacity: var(--core-opacity-normal-state);
  --action-card-normal-state-unselected-value-background-color: var(--action-card-normal-state-unselected-value-background-light-mode-color);
  --action-card-normal-state-unselected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color);
  --action-card-normal-state-unselected-value-background-light-mode-color: var(--core-surface-10-light-mode-color);
  --action-card-normal-state-unselected-value-border-color: var(--action-card-normal-state-unselected-value-border-light-mode-color);
  --action-card-normal-state-unselected-value-border-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --action-card-normal-state-unselected-value-border-high-contrast-color: var(--action-card-normal-state-unselected-value-border-high-contrast-light-mode-color);
  --action-card-normal-state-unselected-value-border-high-contrast-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --action-card-normal-state-unselected-value-border-high-contrast-light-mode-color: var(--core-fill-20-light-mode-color);
  --action-card-normal-state-unselected-value-border-light-mode-color: var(--core-fill-30-light-mode-color);
  --action-card-normal-state-unselected-value-border-normal-contrast-color: var(--action-card-normal-state-unselected-value-border-normal-contrast-light-mode-color);
  --action-card-normal-state-unselected-value-border-normal-contrast-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --action-card-normal-state-unselected-value-border-normal-contrast-light-mode-color: var(--core-fill-30-light-mode-color);
  --action-card-normal-state-unselected-value-border-width: var(--core-border-10);
  --action-card-normal-state-unselected-value-content-opacity: var(--core-opacity-normal-state);
  --action-card-padding-horizontal-size: var(--action-card-horizontal-padding);
  --action-card-padding-vertical-size: var(--action-card-vertical-padding);
  --action-card-spacing: var(--action-card-horizontal-gap);
  --action-card-vertical-gap: var(--core-metrics-spacing-100);
  --action-card-vertical-padding: var(--core-metrics-spacing-200);

  /* ========== activityIndicator ========== */
  --activity-indicator-bar-height: 4px;
  --activity-indicator-bar-radius: 2px;
  --activity-indicator-bar-width: 120px;
  --activity-indicator-radial-large-size-diameter-size: 60px;
  --activity-indicator-radial-large-size-stroke-size: 6px;
  --activity-indicator-radial-medium-size-diameter-size: 36px;
  --activity-indicator-radial-medium-size-stroke-size: 4px;
  --activity-indicator-radial-small-size-diameter-size: 20px;
  --activity-indicator-radial-small-size-stroke-size: 2px;
  --activity-indicator-radial-xlarge-size-diameter-size: 120px;
  --activity-indicator-radial-xlarge-size-stroke-size: 10px;

  /* ========== badge ========== */
  --badge-alert-variant-icon-height: var(--core-icon-small-size-height);
  --badge-alert-variant-icon-width: var(--core-icon-small-size-width);
  --badge-border-radius: var(--core-radius-circle);
  --badge-border-width: var(--core-border-20);
  --badge-critical-style-background-color: var(--badge-critical-style-background-light-mode-color);
  --badge-critical-style-background-dark-mode-color: var(--core-critical-fill-dark-mode-color);
  --badge-critical-style-background-light-mode-color: var(--core-critical-fill-light-mode-color);
  --badge-indicator-variant-dot-diameter-ratio: 0.556;
  --badge-info-style-background-color: var(--badge-info-style-background-light-mode-color);
  --badge-info-style-background-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --badge-info-style-background-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --badge-label-variant-text-case: var(--core-type-semibold-10-case);
  --badge-label-variant-text-font-family: var(--core-type-semibold-10-font-family);
  --badge-label-variant-text-leading: var(--core-type-semibold-10-leading);
  --badge-label-variant-text-number-spacing: var(--core-type-semibold-10-number-spacing);
  --badge-label-variant-text-scale: var(--core-type-semibold-10-scale);
  --badge-label-variant-text-size: var(--core-type-semibold-10-size);
  --badge-label-variant-text-tracking: var(--core-type-semibold-10-tracking);
  --badge-label-variant-text-weight: var(--core-type-semibold-10-weight);
  --badge-minimum-height: 18px;
  --badge-modal-blade-context-border-color: var(--badge-modal-blade-context-border-light-mode-color);
  --badge-modal-blade-context-border-dark-mode-color: var(--modal-blade-background-dark-mode-color);
  --badge-modal-blade-context-border-light-mode-color: var(--modal-blade-background-light-mode-color);
  --badge-modal-dialog-context-border-color: var(--badge-modal-dialog-context-border-light-mode-color);
  --badge-modal-dialog-context-border-dark-mode-color: var(--modal-dialog-background-dark-mode-color);
  --badge-modal-dialog-context-border-light-mode-color: var(--modal-dialog-background-light-mode-color);
  --badge-modal-full-context-border-color: var(--badge-modal-full-context-border-light-mode-color);
  --badge-modal-full-context-border-dark-mode-color: var(--modal-full-background-dark-mode-color);
  --badge-modal-full-context-border-light-mode-color: var(--modal-full-background-light-mode-color);
  --badge-modal-partial-context-border-color: var(--badge-modal-partial-context-border-light-mode-color);
  --badge-modal-partial-context-border-dark-mode-color: var(--modal-partial-background-dark-mode-color);
  --badge-modal-partial-context-border-light-mode-color: var(--modal-partial-background-light-mode-color);
  --badge-modal-popover-context-border-color: var(--badge-modal-popover-context-border-light-mode-color);
  --badge-modal-popover-context-border-dark-mode-color: var(--modal-popover-background-dark-mode-color);
  --badge-modal-popover-context-border-light-mode-color: var(--modal-popover-background-light-mode-color);
  --badge-modal-sheet-context-border-color: var(--badge-modal-sheet-context-border-light-mode-color);
  --badge-modal-sheet-context-border-dark-mode-color: var(--modal-sheet-background-dark-mode-color);
  --badge-modal-sheet-context-border-light-mode-color: var(--modal-sheet-background-light-mode-color);
  --badge-numeric-variant-horizontal-padding: var(--core-metrics-spacing-50);
  --badge-numeric-variant-maximum-count: 99;
  --badge-numeric-variant-maximum-width: 30px;
  --badge-numeric-variant-text-case: var(--core-type-semibold-10-case);
  --badge-numeric-variant-text-font-family: var(--core-type-semibold-10-font-family);
  --badge-numeric-variant-text-leading: var(--core-type-semibold-10-leading);
  --badge-numeric-variant-text-number-spacing: 'monospaced';
  --badge-numeric-variant-text-scale: var(--core-type-semibold-10-scale);
  --badge-numeric-variant-text-size: var(--core-type-semibold-10-size);
  --badge-numeric-variant-text-tracking: var(--core-type-semibold-10-tracking);
  --badge-numeric-variant-text-weight: var(--core-type-semibold-10-weight);

  /* ========== banner ========== */
  --banner-border-radius: var(--core-radius-100);
  --banner-border-width: var(--core-border-10);
  --banner-button-separator-color: var(--banner-button-separator-light-mode-color);
  --banner-button-separator-dark-mode-color: var(--banner-text-link-group-separator-dark-mode-color);
  --banner-button-separator-height: var(--banner-text-link-group-separator-height);
  --banner-button-separator-light-mode-color: var(--banner-text-link-group-separator-light-mode-color);
  --banner-button-separator-opacity: var(--banner-text-link-group-separator-opacity);
  --banner-button-separator-width: var(--banner-text-link-group-separator-width);
  --banner-button-spacing: var(--banner-text-link-group-gap);
  --banner-button-text-case: var(--banner-text-link-text-case);
  --banner-button-text-font-family: var(--banner-text-link-text-font-family);
  --banner-button-text-leading: var(--banner-text-link-text-leading);
  --banner-button-text-number-spacing: var(--banner-text-link-text-number-spacing);
  --banner-button-text-scale: var(--banner-text-link-text-scale);
  --banner-button-text-size: var(--banner-text-link-text-size);
  --banner-button-text-tracking: var(--banner-text-link-text-tracking);
  --banner-button-text-weight: var(--banner-text-link-text-weight);
  --banner-content-gap: var(--core-metrics-spacing-150);
  --banner-content-spacing: var(--banner-content-gap);
  --banner-critical-variant-background-color: var(--banner-critical-variant-background-light-mode-color);
  --banner-critical-variant-background-dark-mode-color: var(--core-critical-40-dark-mode-color);
  --banner-critical-variant-background-light-mode-color: var(--core-critical-40-light-mode-color);
  --banner-critical-variant-border-color: var(--banner-critical-variant-border-light-mode-color);
  --banner-critical-variant-border-dark-mode-color: var(--core-critical-30-dark-mode-color);
  --banner-critical-variant-border-light-mode-color: var(--core-critical-30-light-mode-color);
  --banner-critical-variant-button-text-color: var(--banner-critical-variant-button-text-light-mode-color);
  --banner-critical-variant-button-text-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --banner-critical-variant-button-text-light-mode-color: var(--core-critical-text-light-mode-color);
  --banner-critical-variant-disabled-state-text-link-text-color: var(--banner-critical-variant-disabled-state-text-link-text-light-mode-color);
  --banner-critical-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);
  --banner-critical-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color);
  --banner-critical-variant-focused-state-text-link-text-color: var(--banner-critical-variant-focused-state-text-link-text-light-mode-color);
  --banner-critical-variant-focused-state-text-link-text-dark-mode-color: var(--core-critical-20-dark-mode-color);
  --banner-critical-variant-focused-state-text-link-text-light-mode-color: var(--core-critical-20-light-mode-color);
  --banner-critical-variant-hover-state-text-link-text-color: var(--banner-critical-variant-hover-state-text-link-text-light-mode-color);
  --banner-critical-variant-hover-state-text-link-text-dark-mode-color: var(--core-critical-20-dark-mode-color);
  --banner-critical-variant-hover-state-text-link-text-light-mode-color: var(--core-critical-20-light-mode-color);
  --banner-critical-variant-icon-color: var(--banner-critical-variant-icon-light-mode-color);
  --banner-critical-variant-icon-dark-mode-color: var(--core-critical-fill-dark-mode-color);
  --banner-critical-variant-icon-high-contrast-color: var(--banner-critical-variant-icon-high-contrast-light-mode-color);
  --banner-critical-variant-icon-high-contrast-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --banner-critical-variant-icon-high-contrast-light-mode-color: var(--core-critical-text-light-mode-color);
  --banner-critical-variant-icon-light-mode-color: var(--core-critical-fill-light-mode-color);
  --banner-critical-variant-icon-normal-contrast-color: var(--banner-critical-variant-icon-normal-contrast-light-mode-color);
  --banner-critical-variant-icon-normal-contrast-dark-mode-color: var(--core-critical-fill-dark-mode-color);
  --banner-critical-variant-icon-normal-contrast-light-mode-color: var(--core-critical-fill-light-mode-color);
  --banner-critical-variant-normal-state-text-link-text-color: var(--banner-critical-variant-normal-state-text-link-text-light-mode-color);
  --banner-critical-variant-normal-state-text-link-text-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --banner-critical-variant-normal-state-text-link-text-light-mode-color: var(--core-critical-text-light-mode-color);
  --banner-critical-variant-pressed-state-text-link-text-color: var(--banner-critical-variant-pressed-state-text-link-text-light-mode-color);
  --banner-critical-variant-pressed-state-text-link-text-dark-mode-color: var(--core-critical-10-dark-mode-color);
  --banner-critical-variant-pressed-state-text-link-text-light-mode-color: var(--core-critical-10-light-mode-color);
  --banner-critical-variant-text-color: var(--banner-critical-variant-text-light-mode-color);
  --banner-critical-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --banner-critical-variant-text-light-mode-color: var(--core-text-10-light-mode-color);
  --banner-critical-variant-text-link-text-color: var(--banner-critical-variant-text-link-text-light-mode-color);
  --banner-critical-variant-text-link-text-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --banner-critical-variant-text-link-text-light-mode-color: var(--core-critical-text-light-mode-color);
  --banner-dismiss-button-normal-state-color: var(--banner-dismiss-button-normal-state-light-mode-color);
  --banner-dismiss-button-normal-state-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --banner-dismiss-button-normal-state-light-mode-color: var(--core-text-10-light-mode-color);
  --banner-dismiss-button-pressed-state-color: var(--banner-dismiss-button-pressed-state-light-mode-color);
  --banner-dismiss-button-pressed-state-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --banner-dismiss-button-pressed-state-light-mode-color: var(--core-text-20-light-mode-color);
  --banner-horizontal-padding: var(--core-metrics-spacing-200);
  --banner-icon-gap: var(--core-metrics-spacing-150);
  --banner-icon-spacing: var(--banner-icon-gap);
  --banner-info-variant-background-color: var(--banner-info-variant-background-light-mode-color);
  --banner-info-variant-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --banner-info-variant-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --banner-info-variant-border-color: var(--banner-info-variant-border-light-mode-color);
  --banner-info-variant-border-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --banner-info-variant-border-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --banner-info-variant-button-text-color: var(--banner-info-variant-button-text-light-mode-color);
  --banner-info-variant-button-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --banner-info-variant-button-text-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --banner-info-variant-disabled-state-text-link-text-color: var(--banner-info-variant-disabled-state-text-link-text-light-mode-color);
  --banner-info-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);
  --banner-info-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color);
  --banner-info-variant-focused-state-text-link-text-color: var(--banner-info-variant-focused-state-text-link-text-light-mode-color);
  --banner-info-variant-focused-state-text-link-text-dark-mode-color: var(--core-emphasis-20-dark-mode-color);
  --banner-info-variant-focused-state-text-link-text-light-mode-color: var(--core-emphasis-20-light-mode-color);
  --banner-info-variant-hover-state-text-link-text-color: var(--banner-info-variant-hover-state-text-link-text-light-mode-color);
  --banner-info-variant-hover-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-hover-state-dark-mode-color);
  --banner-info-variant-hover-state-text-link-text-light-mode-color: var(--text-link-normal-variant-hover-state-light-mode-color);
  --banner-info-variant-icon-color: var(--banner-info-variant-icon-light-mode-color);
  --banner-info-variant-icon-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --banner-info-variant-icon-high-contrast-color: var(--banner-info-variant-icon-high-contrast-light-mode-color);
  --banner-info-variant-icon-high-contrast-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --banner-info-variant-icon-high-contrast-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --banner-info-variant-icon-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --banner-info-variant-icon-normal-contrast-color: var(--banner-info-variant-icon-normal-contrast-light-mode-color);
  --banner-info-variant-icon-normal-contrast-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --banner-info-variant-icon-normal-contrast-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --banner-info-variant-normal-state-text-link-text-color: var(--banner-info-variant-normal-state-text-link-text-light-mode-color);
  --banner-info-variant-normal-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-normal-state-dark-mode-color);
  --banner-info-variant-normal-state-text-link-text-light-mode-color: var(--text-link-normal-variant-normal-state-light-mode-color);
  --banner-info-variant-pressed-state-text-link-text-color: var(--banner-info-variant-pressed-state-text-link-text-light-mode-color);
  --banner-info-variant-pressed-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-pressed-state-dark-mode-color);
  --banner-info-variant-pressed-state-text-link-text-light-mode-color: var(--text-link-normal-variant-pressed-state-light-mode-color);
  --banner-info-variant-text-color: var(--banner-info-variant-text-light-mode-color);
  --banner-info-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --banner-info-variant-text-light-mode-color: var(--core-text-10-light-mode-color);
  --banner-info-variant-text-link-text-color: var(--banner-info-variant-text-link-text-light-mode-color);
  --banner-info-variant-text-link-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --banner-info-variant-text-link-text-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --banner-insight-variant-background-color: var(--banner-insight-variant-background-light-mode-color);
  --banner-insight-variant-background-dark-mode-color: var(--core-purple-40-dark-mode-color);
  --banner-insight-variant-background-light-mode-color: var(--core-purple-40-light-mode-color);
  --banner-insight-variant-border-color: var(--banner-insight-variant-border-light-mode-color);
  --banner-insight-variant-border-dark-mode-color: var(--core-purple-30-dark-mode-color);
  --banner-insight-variant-border-light-mode-color: var(--core-purple-30-light-mode-color);
  --banner-insight-variant-button-text-color: var(--banner-insight-variant-button-text-light-mode-color);
  --banner-insight-variant-button-text-dark-mode-color: var(--core-purple-text-dark-mode-color);
  --banner-insight-variant-button-text-light-mode-color: var(--core-purple-text-light-mode-color);
  --banner-insight-variant-disabled-state-text-link-text-color: var(--banner-insight-variant-disabled-state-text-link-text-light-mode-color);
  --banner-insight-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);
  --banner-insight-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color);
  --banner-insight-variant-focused-state-text-link-text-color: var(--banner-insight-variant-focused-state-text-link-text-light-mode-color);
  --banner-insight-variant-focused-state-text-link-text-dark-mode-color: var(--core-purple-20-dark-mode-color);
  --banner-insight-variant-focused-state-text-link-text-light-mode-color: var(--core-purple-20-light-mode-color);
  --banner-insight-variant-hover-state-text-link-text-color: var(--banner-insight-variant-hover-state-text-link-text-light-mode-color);
  --banner-insight-variant-hover-state-text-link-text-dark-mode-color: var(--core-purple-20-dark-mode-color);
  --banner-insight-variant-hover-state-text-link-text-light-mode-color: var(--core-purple-20-light-mode-color);
  --banner-insight-variant-icon-color: var(--banner-insight-variant-icon-light-mode-color);
  --banner-insight-variant-icon-dark-mode-color: var(--core-purple-fill-dark-mode-color);
  --banner-insight-variant-icon-high-contrast-color: var(--banner-insight-variant-icon-high-contrast-light-mode-color);
  --banner-insight-variant-icon-high-contrast-dark-mode-color: var(--core-purple-text-dark-mode-color);
  --banner-insight-variant-icon-high-contrast-light-mode-color: var(--core-purple-text-light-mode-color);
  --banner-insight-variant-icon-light-mode-color: var(--core-purple-fill-light-mode-color);
  --banner-insight-variant-icon-normal-contrast-color: var(--banner-insight-variant-icon-normal-contrast-light-mode-color);
  --banner-insight-variant-icon-normal-contrast-dark-mode-color: var(--core-purple-fill-dark-mode-color);
  --banner-insight-variant-icon-normal-contrast-light-mode-color: var(--core-purple-fill-light-mode-color);
  --banner-insight-variant-normal-state-text-link-text-color: var(--banner-insight-variant-normal-state-text-link-text-light-mode-color);
  --banner-insight-variant-normal-state-text-link-text-dark-mode-color: var(--core-purple-text-dark-mode-color);
  --banner-insight-variant-normal-state-text-link-text-light-mode-color: var(--core-purple-text-light-mode-color);
  --banner-insight-variant-pressed-state-text-link-text-color: var(--banner-insight-variant-pressed-state-text-link-text-light-mode-color);
  --banner-insight-variant-pressed-state-text-link-text-dark-mode-color: var(--core-purple-10-dark-mode-color);
  --banner-insight-variant-pressed-state-text-link-text-light-mode-color: var(--core-purple-10-light-mode-color);
  --banner-insight-variant-text-color: var(--banner-insight-variant-text-light-mode-color);
  --banner-insight-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --banner-insight-variant-text-light-mode-color: var(--core-text-10-light-mode-color);
  --banner-insight-variant-text-link-text-color: var(--banner-insight-variant-text-link-text-light-mode-color);
  --banner-insight-variant-text-link-text-dark-mode-color: var(--core-purple-text-dark-mode-color);
  --banner-insight-variant-text-link-text-light-mode-color: var(--core-purple-text-light-mode-color);
  --banner-multiline-gap: var(--core-metrics-spacing-150);
  --banner-multiline-spacing: var(--banner-multiline-gap);
  --banner-success-variant-background-color: var(--banner-success-variant-background-light-mode-color);
  --banner-success-variant-background-dark-mode-color: var(--core-success-40-dark-mode-color);
  --banner-success-variant-background-light-mode-color: var(--core-success-40-light-mode-color);
  --banner-success-variant-border-color: var(--banner-success-variant-border-light-mode-color);
  --banner-success-variant-border-dark-mode-color: var(--core-success-30-dark-mode-color);
  --banner-success-variant-border-light-mode-color: var(--core-success-30-light-mode-color);
  --banner-success-variant-button-text-color: var(--banner-success-variant-button-text-light-mode-color);
  --banner-success-variant-button-text-dark-mode-color: var(--core-success-text-dark-mode-color);
  --banner-success-variant-button-text-light-mode-color: var(--core-success-text-light-mode-color);
  --banner-success-variant-disabled-state-text-link-text-color: var(--banner-success-variant-disabled-state-text-link-text-light-mode-color);
  --banner-success-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);
  --banner-success-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color);
  --banner-success-variant-focused-state-text-link-text-color: var(--banner-success-variant-focused-state-text-link-text-light-mode-color);
  --banner-success-variant-focused-state-text-link-text-dark-mode-color: var(--core-success-20-dark-mode-color);
  --banner-success-variant-focused-state-text-link-text-light-mode-color: var(--core-success-20-light-mode-color);
  --banner-success-variant-hover-state-text-link-text-color: var(--banner-success-variant-hover-state-text-link-text-light-mode-color);
  --banner-success-variant-hover-state-text-link-text-dark-mode-color: var(--core-success-20-dark-mode-color);
  --banner-success-variant-hover-state-text-link-text-light-mode-color: var(--core-success-20-light-mode-color);
  --banner-success-variant-icon-color: var(--banner-success-variant-icon-light-mode-color);
  --banner-success-variant-icon-dark-mode-color: var(--core-success-fill-dark-mode-color);
  --banner-success-variant-icon-high-contrast-color: var(--banner-success-variant-icon-high-contrast-light-mode-color);
  --banner-success-variant-icon-high-contrast-dark-mode-color: var(--core-success-text-dark-mode-color);
  --banner-success-variant-icon-high-contrast-light-mode-color: var(--core-success-text-light-mode-color);
  --banner-success-variant-icon-light-mode-color: var(--core-success-fill-light-mode-color);
  --banner-success-variant-icon-normal-contrast-color: var(--banner-success-variant-icon-normal-contrast-light-mode-color);
  --banner-success-variant-icon-normal-contrast-dark-mode-color: var(--core-success-fill-dark-mode-color);
  --banner-success-variant-icon-normal-contrast-light-mode-color: var(--core-success-fill-light-mode-color);
  --banner-success-variant-normal-state-text-link-text-color: var(--banner-success-variant-normal-state-text-link-text-light-mode-color);
  --banner-success-variant-normal-state-text-link-text-dark-mode-color: var(--core-success-text-dark-mode-color);
  --banner-success-variant-normal-state-text-link-text-light-mode-color: var(--core-success-text-light-mode-color);
  --banner-success-variant-pressed-state-text-link-text-color: var(--banner-success-variant-pressed-state-text-link-text-light-mode-color);
  --banner-success-variant-pressed-state-text-link-text-dark-mode-color: var(--core-success-10-dark-mode-color);
  --banner-success-variant-pressed-state-text-link-text-light-mode-color: var(--core-success-10-light-mode-color);
  --banner-success-variant-text-color: var(--banner-success-variant-text-light-mode-color);
  --banner-success-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --banner-success-variant-text-light-mode-color: var(--core-text-10-light-mode-color);
  --banner-success-variant-text-link-text-color: var(--banner-success-variant-text-link-text-light-mode-color);
  --banner-success-variant-text-link-text-dark-mode-color: var(--core-success-text-dark-mode-color);
  --banner-success-variant-text-link-text-light-mode-color: var(--core-success-text-light-mode-color);
  --banner-text-case: var(--core-type-paragraph-30-case);
  --banner-text-font-family: var(--core-type-paragraph-30-font-family);
  --banner-text-leading: var(--core-type-paragraph-30-leading);
  --banner-text-link-group-gap: var(--text-link-group-horizontal-spacing);
  --banner-text-link-group-separator-color: var(--banner-text-link-group-separator-light-mode-color);
  --banner-text-link-group-separator-dark-mode-color: var(--text-link-group-separator-dark-mode-color);
  --banner-text-link-group-separator-height: var(--text-link-group-separator-height);
  --banner-text-link-group-separator-light-mode-color: var(--text-link-group-separator-light-mode-color);
  --banner-text-link-group-separator-opacity: var(--text-link-group-separator-opacity);
  --banner-text-link-group-separator-width: var(--text-link-group-separator-width);
  --banner-text-link-text-case: var(--text-link-medium-size-text-case);
  --banner-text-link-text-font-family: var(--text-link-medium-size-text-font-family);
  --banner-text-link-text-leading: var(--text-link-medium-size-text-leading);
  --banner-text-link-text-number-spacing: var(--text-link-medium-size-text-number-spacing);
  --banner-text-link-text-scale: var(--text-link-medium-size-text-scale);
  --banner-text-link-text-size: var(--text-link-medium-size-text-size);
  --banner-text-link-text-tracking: var(--text-link-medium-size-text-tracking);
  --banner-text-link-text-weight: var(--text-link-medium-size-text-weight);
  --banner-text-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --banner-text-scale: var(--core-type-paragraph-30-scale);
  --banner-text-size: var(--core-type-paragraph-30-size);
  --banner-text-tracking: var(--core-type-paragraph-30-tracking);
  --banner-text-weight: var(--core-type-paragraph-30-weight);
  --banner-title-case: var(--core-type-semibold-30-case);
  --banner-title-font-family: var(--core-type-semibold-30-font-family);
  --banner-title-leading: var(--core-type-semibold-30-leading);
  --banner-title-number-spacing: var(--core-type-semibold-30-number-spacing);
  --banner-title-scale: var(--core-type-semibold-30-scale);
  --banner-title-size: var(--core-type-semibold-30-size);
  --banner-title-tracking: var(--core-type-semibold-30-tracking);
  --banner-title-weight: var(--core-type-semibold-30-weight);
  --banner-vertical-padding: var(--core-metrics-spacing-200);
  --banner-warning-variant-background-color: var(--banner-warning-variant-background-light-mode-color);
  --banner-warning-variant-background-dark-mode-color: var(--core-warning-40-dark-mode-color);
  --banner-warning-variant-background-light-mode-color: var(--core-warning-40-light-mode-color);
  --banner-warning-variant-border-color: var(--banner-warning-variant-border-light-mode-color);
  --banner-warning-variant-border-dark-mode-color: var(--core-warning-30-dark-mode-color);
  --banner-warning-variant-border-light-mode-color: var(--core-warning-30-light-mode-color);
  --banner-warning-variant-button-text-color: var(--banner-warning-variant-button-text-light-mode-color);
  --banner-warning-variant-button-text-dark-mode-color: var(--core-warning-text-dark-mode-color);
  --banner-warning-variant-button-text-light-mode-color: var(--core-warning-text-light-mode-color);
  --banner-warning-variant-disabled-state-text-link-text-color: var(--banner-warning-variant-disabled-state-text-link-text-light-mode-color);
  --banner-warning-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);
  --banner-warning-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color);
  --banner-warning-variant-focused-state-text-link-text-color: var(--banner-warning-variant-focused-state-text-link-text-light-mode-color);
  --banner-warning-variant-focused-state-text-link-text-dark-mode-color: var(--core-warning-20-dark-mode-color);
  --banner-warning-variant-focused-state-text-link-text-light-mode-color: var(--core-warning-20-light-mode-color);
  --banner-warning-variant-hover-state-text-link-text-color: var(--banner-warning-variant-hover-state-text-link-text-light-mode-color);
  --banner-warning-variant-hover-state-text-link-text-dark-mode-color: var(--core-warning-20-dark-mode-color);
  --banner-warning-variant-hover-state-text-link-text-light-mode-color: var(--core-warning-20-light-mode-color);
  --banner-warning-variant-icon-color: var(--banner-warning-variant-icon-light-mode-color);
  --banner-warning-variant-icon-dark-mode-color: var(--core-warning-fill-dark-mode-color);
  --banner-warning-variant-icon-high-contrast-color: var(--banner-warning-variant-icon-high-contrast-light-mode-color);
  --banner-warning-variant-icon-high-contrast-dark-mode-color: var(--core-warning-text-dark-mode-color);
  --banner-warning-variant-icon-high-contrast-light-mode-color: var(--core-warning-text-light-mode-color);
  --banner-warning-variant-icon-light-mode-color: var(--core-warning-fill-light-mode-color);
  --banner-warning-variant-icon-normal-contrast-color: var(--banner-warning-variant-icon-normal-contrast-light-mode-color);
  --banner-warning-variant-icon-normal-contrast-dark-mode-color: var(--core-warning-fill-dark-mode-color);
  --banner-warning-variant-icon-normal-contrast-light-mode-color: var(--core-warning-fill-light-mode-color);
  --banner-warning-variant-normal-state-text-link-text-color: var(--banner-warning-variant-normal-state-text-link-text-light-mode-color);
  --banner-warning-variant-normal-state-text-link-text-dark-mode-color: var(--core-warning-text-dark-mode-color);
  --banner-warning-variant-normal-state-text-link-text-light-mode-color: var(--core-warning-text-light-mode-color);
  --banner-warning-variant-pressed-state-text-link-text-color: var(--banner-warning-variant-pressed-state-text-link-text-light-mode-color);
  --banner-warning-variant-pressed-state-text-link-text-dark-mode-color: var(--core-warning-10-dark-mode-color);
  --banner-warning-variant-pressed-state-text-link-text-light-mode-color: var(--core-warning-10-light-mode-color);
  --banner-warning-variant-text-color: var(--banner-warning-variant-text-light-mode-color);
  --banner-warning-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --banner-warning-variant-text-light-mode-color: var(--core-text-10-light-mode-color);
  --banner-warning-variant-text-link-text-color: var(--banner-warning-variant-text-link-text-light-mode-color);
  --banner-warning-variant-text-link-text-dark-mode-color: var(--core-warning-text-dark-mode-color);
  --banner-warning-variant-text-link-text-light-mode-color: var(--core-warning-text-light-mode-color);

  /* ========== button-group ========== */
  --button-group-overflow-button-border-radius: var(--icon-button-border-radius);
  --button-group-overflow-button-compact-size-minimum-height: var(--icon-button-compact-size-minimum-height);
  --button-group-overflow-button-compact-size-minimum-padding-size: var(--icon-button-compact-size-minimum-padding-size);
  --button-group-overflow-button-compact-size-minimum-width: var(--icon-button-compact-size-minimum-width);
  --button-group-overflow-button-compact-size-padding-size: var(--icon-button-compact-size-padding-size);
  --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);
  --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);
  --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-primary-rank-hover-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);
  --button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);
  --button-group-overflow-button-destructive-variant-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-primary-rank-normal-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);
  --button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);
  --button-group-overflow-button-destructive-variant-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);
  --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);
  --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-disabled-state-background-color: var(--button-group-overflow-button-disabled-state-light-mode-background-color);
  --button-group-overflow-button-disabled-state-dark-mode-background-color: var(--icon-button-disabled-state-dark-mode-background-color);
  --button-group-overflow-button-disabled-state-dark-mode-icon-color: var(--icon-button-disabled-state-dark-mode-icon-color);
  --button-group-overflow-button-disabled-state-icon-color: var(--button-group-overflow-button-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-disabled-state-light-mode-background-color: var(--icon-button-disabled-state-light-mode-background-color);
  --button-group-overflow-button-disabled-state-light-mode-icon-color: var(--icon-button-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-focus-ring-border-size: var(--icon-button-focus-ring-border-size);
  --button-group-overflow-button-focus-ring-buffer-size: var(--icon-button-focus-ring-buffer-size);
  --button-group-overflow-button-focus-state-background-color: var(--button-group-overflow-button-focus-state-light-mode-background-color);
  --button-group-overflow-button-focus-state-dark-mode-background-color: var(--icon-button-focus-state-dark-mode-background-color);
  --button-group-overflow-button-focus-state-dark-mode-icon-color: var(--icon-button-focus-state-dark-mode-icon-color);
  --button-group-overflow-button-focus-state-icon-color: var(--button-group-overflow-button-focus-state-light-mode-icon-color);
  --button-group-overflow-button-focus-state-light-mode-background-color: var(--icon-button-focus-state-light-mode-background-color);
  --button-group-overflow-button-focus-state-light-mode-icon-color: var(--icon-button-focus-state-light-mode-icon-color);
  --button-group-overflow-button-hover-state-background-color: var(--button-group-overflow-button-hover-state-light-mode-background-color);
  --button-group-overflow-button-hover-state-dark-mode-background-color: var(--icon-button-hover-state-dark-mode-background-color);
  --button-group-overflow-button-hover-state-dark-mode-icon-color: var(--icon-button-hover-state-dark-mode-icon-color);
  --button-group-overflow-button-hover-state-icon-color: var(--button-group-overflow-button-hover-state-light-mode-icon-color);
  --button-group-overflow-button-hover-state-light-mode-background-color: var(--icon-button-hover-state-light-mode-background-color);
  --button-group-overflow-button-hover-state-light-mode-icon-color: var(--icon-button-hover-state-light-mode-icon-color);
  --button-group-overflow-button-large-size-icon-height: var(--icon-button-large-size-icon-height);
  --button-group-overflow-button-large-size-icon-width: var(--icon-button-large-size-icon-width);
  --button-group-overflow-button-large-size-minimum-height: var(--icon-button-large-size-minimum-height);
  --button-group-overflow-button-large-size-padding-size: var(--icon-button-large-size-padding-size);
  --button-group-overflow-button-large-size-width-multiplier: var(--icon-button-large-size-width-multiplier);
  --button-group-overflow-button-medium-size-horizontal-spacing-size: var(--icon-button-medium-size-horizontal-spacing-size);
  --button-group-overflow-button-medium-size-icon-height: var(--icon-button-medium-size-icon-height);
  --button-group-overflow-button-medium-size-icon-width: var(--icon-button-medium-size-icon-width);
  --button-group-overflow-button-medium-size-minimum-height: var(--icon-button-medium-size-minimum-height);
  --button-group-overflow-button-medium-size-padding-size: var(--icon-button-medium-size-padding-size);
  --button-group-overflow-button-medium-size-width-multiplier: var(--icon-button-medium-size-width-multiplier);
  --button-group-overflow-button-minimum-height: var(--icon-button-minimum-height);
  --button-group-overflow-button-minimum-width: var(--icon-button-minimum-width);
  --button-group-overflow-button-normal-size-minimum-height: var(--icon-button-normal-size-minimum-height);
  --button-group-overflow-button-normal-size-minimum-width: var(--icon-button-normal-size-minimum-width);
  --button-group-overflow-button-normal-size-padding-size: var(--icon-button-normal-size-padding-size);
  --button-group-overflow-button-normal-state-background-color: var(--button-group-overflow-button-normal-state-light-mode-background-color);
  --button-group-overflow-button-normal-state-dark-mode-background-color: var(--icon-button-normal-state-dark-mode-background-color);
  --button-group-overflow-button-normal-state-dark-mode-icon-color: var(--icon-button-normal-state-dark-mode-icon-color);
  --button-group-overflow-button-normal-state-icon-color: var(--button-group-overflow-button-normal-state-light-mode-icon-color);
  --button-group-overflow-button-normal-state-light-mode-background-color: var(--icon-button-normal-state-light-mode-background-color);
  --button-group-overflow-button-normal-state-light-mode-icon-color: var(--icon-button-normal-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-focus-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-focus-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-hover-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-normal-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
  --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);
  --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
  --button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);
  --button-group-overflow-button-normal-variant-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
  --button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);
  --button-group-overflow-button-normal-variant-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
  --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);
  --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-padding-size: var(--icon-button-padding-size);
  --button-group-overflow-button-pressed-state-background-color: var(--button-group-overflow-button-pressed-state-light-mode-background-color);
  --button-group-overflow-button-pressed-state-dark-mode-background-color: var(--icon-button-pressed-state-dark-mode-background-color);
  --button-group-overflow-button-pressed-state-dark-mode-icon-color: var(--icon-button-pressed-state-dark-mode-icon-color);
  --button-group-overflow-button-pressed-state-icon-color: var(--button-group-overflow-button-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-pressed-state-light-mode-background-color: var(--icon-button-pressed-state-light-mode-background-color);
  --button-group-overflow-button-pressed-state-light-mode-icon-color: var(--icon-button-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-primary-rank-disabled-state-dark-mode-background-color);
  --button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-primary-rank-disabled-state-dark-mode-icon-color);
  --button-group-overflow-button-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-primary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-primary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-primary-rank-focus-state-background-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-background-color);
  --button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-primary-rank-focus-state-dark-mode-background-color);
  --button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color: var(--icon-button-primary-rank-focus-state-dark-mode-icon-color);
  --button-group-overflow-button-primary-rank-focus-state-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color);
  --button-group-overflow-button-primary-rank-focus-state-light-mode-background-color: var(--icon-button-primary-rank-focus-state-light-mode-background-color);
  --button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color: var(--icon-button-primary-rank-focus-state-light-mode-icon-color);
  --button-group-overflow-button-primary-rank-hover-state-background-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-primary-rank-hover-state-dark-mode-background-color);
  --button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-primary-rank-hover-state-dark-mode-icon-color);
  --button-group-overflow-button-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-primary-rank-hover-state-light-mode-background-color: var(--icon-button-primary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-primary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-primary-rank-normal-state-background-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-primary-rank-normal-state-dark-mode-background-color);
  --button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-primary-rank-normal-state-dark-mode-icon-color);
  --button-group-overflow-button-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-primary-rank-normal-state-light-mode-background-color: var(--icon-button-primary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-primary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-primary-rank-pressed-state-dark-mode-background-color);
  --button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-primary-rank-pressed-state-dark-mode-icon-color);
  --button-group-overflow-button-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-primary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-primary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);
  --button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);
  --button-group-overflow-button-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-secondary-rank-focus-state-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color);
  --button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);
  --button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);
  --button-group-overflow-button-secondary-rank-focus-state-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color);
  --button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color);
  --button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);
  --button-group-overflow-button-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);
  --button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);
  --button-group-overflow-button-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);
  --button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);
  --button-group-overflow-button-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);
  --button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);
  --button-group-overflow-button-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-size-multiplier: 1;
  --button-group-overflow-button-small-size-icon-height: var(--icon-button-small-size-icon-height);
  --button-group-overflow-button-small-size-icon-width: var(--icon-button-small-size-icon-width);
  --button-group-overflow-button-small-size-minimum-height: var(--icon-button-small-size-minimum-height);
  --button-group-overflow-button-small-size-padding-size: var(--icon-button-small-size-padding-size);
  --button-group-overflow-button-small-size-width-multiplier: var(--icon-button-small-size-width-multiplier);
  --button-group-overflow-button-tertiary-rank-disabled-state-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-background-color);
  --button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-disabled-state-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-focus-state-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color);
  --button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-background-color);
  --button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-focus-state-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color: var(--icon-button-tertiary-rank-focus-state-light-mode-background-color);
  --button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color: var(--icon-button-tertiary-rank-focus-state-light-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-hover-state-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color);
  --button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-hover-state-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color: var(--icon-button-tertiary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-normal-state-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-background-color);
  --button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-normal-state-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color: var(--icon-button-tertiary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color: var(--icon-button-tertiary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-pressed-state-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-background-color);
  --button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-pressed-state-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-icon-color);
  --button-group-spacing: var(--core-metrics-spacing-200);

  /* ========== button ========== */
  --button-border-radius: 6px;
  --button-compact-horizontal-size-class-sample-token: 100px;
  --button-compact-vertical-size-class-sample-token-2: 10px;
  --button-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);
  --button-destructive-variant-primary-rank-disabled-state-background-color: var(--button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);
  --button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
  --button-destructive-variant-primary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);
  --button-destructive-variant-primary-rank-disabled-state-label-color: var(--button-destructive-variant-primary-rank-disabled-state-light-mode-label-color);
  --button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --button-destructive-variant-primary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);
  --button-destructive-variant-primary-rank-focus-state-background-color: var(--button-destructive-variant-primary-rank-focus-state-light-mode-background-color);
  --button-destructive-variant-primary-rank-focus-state-dark-mode-background-color: var(--button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);
  --button-destructive-variant-primary-rank-focus-state-dark-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color);
  --button-destructive-variant-primary-rank-focus-state-label-color: var(--button-destructive-variant-primary-rank-focus-state-light-mode-label-color);
  --button-destructive-variant-primary-rank-focus-state-light-mode-background-color: var(--button-destructive-variant-primary-rank-hover-state-light-mode-background-color);
  --button-destructive-variant-primary-rank-focus-state-light-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color);
  --button-destructive-variant-primary-rank-hover-state-background-color: var(--button-destructive-variant-primary-rank-hover-state-light-mode-background-color);
  --button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--core-critical-20-dark-mode-color);
  --button-destructive-variant-primary-rank-hover-state-dark-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color);
  --button-destructive-variant-primary-rank-hover-state-label-color: var(--button-destructive-variant-primary-rank-hover-state-light-mode-label-color);
  --button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--core-critical-20-light-mode-color);
  --button-destructive-variant-primary-rank-hover-state-light-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color);
  --button-destructive-variant-primary-rank-normal-state-background-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-background-color);
  --button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--core-critical-fill-dark-mode-color);
  --button-destructive-variant-primary-rank-normal-state-dark-mode-label-color: var(--core-text-white-dark-mode-color);
  --button-destructive-variant-primary-rank-normal-state-label-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color);
  --button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--core-critical-fill-light-mode-color);
  --button-destructive-variant-primary-rank-normal-state-light-mode-label-color: var(--core-text-white-light-mode-color);
  --button-destructive-variant-primary-rank-pressed-state-background-color: var(--button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);
  --button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--core-critical-10-dark-mode-color);
  --button-destructive-variant-primary-rank-pressed-state-dark-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color);
  --button-destructive-variant-primary-rank-pressed-state-label-color: var(--button-destructive-variant-primary-rank-pressed-state-light-mode-label-color);
  --button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--core-critical-10-light-mode-color);
  --button-destructive-variant-primary-rank-pressed-state-light-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color);
  --button-destructive-variant-secondary-rank-disabled-state-background-color: var(--button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);
  --button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
  --button-destructive-variant-secondary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color);
  --button-destructive-variant-secondary-rank-disabled-state-label-color: var(--button-destructive-variant-secondary-rank-disabled-state-light-mode-label-color);
  --button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --button-destructive-variant-secondary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);
  --button-destructive-variant-secondary-rank-focus-state-background-color: var(--button-destructive-variant-secondary-rank-focus-state-light-mode-background-color);
  --button-destructive-variant-secondary-rank-focus-state-dark-mode-background-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);
  --button-destructive-variant-secondary-rank-focus-state-dark-mode-label-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-label-color);
  --button-destructive-variant-secondary-rank-focus-state-label-color: var(--button-destructive-variant-secondary-rank-focus-state-light-mode-label-color);
  --button-destructive-variant-secondary-rank-focus-state-light-mode-background-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);
  --button-destructive-variant-secondary-rank-focus-state-light-mode-label-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-label-color);
  --button-destructive-variant-secondary-rank-hover-state-background-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);
  --button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--core-critical-40-dark-mode-color);
  --button-destructive-variant-secondary-rank-hover-state-dark-mode-label-color: var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color);
  --button-destructive-variant-secondary-rank-hover-state-label-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-label-color);
  --button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--core-critical-40-light-mode-color);
  --button-destructive-variant-secondary-rank-hover-state-light-mode-label-color: var(--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color);
  --button-destructive-variant-secondary-rank-normal-state-background-color: var(--button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);
  --button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
  --button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color: var(--core-critical-text-dark-mode-color);
  --button-destructive-variant-secondary-rank-normal-state-label-color: var(--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color);
  --button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --button-destructive-variant-secondary-rank-normal-state-light-mode-label-color: var(--core-critical-text-light-mode-color);
  --button-destructive-variant-secondary-rank-pressed-state-background-color: var(--button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);
  --button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--core-critical-30-dark-mode-color);
  --button-destructive-variant-secondary-rank-pressed-state-dark-mode-label-color: var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color);
  --button-destructive-variant-secondary-rank-pressed-state-label-color: var(--button-destructive-variant-secondary-rank-pressed-state-light-mode-label-color);
  --button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--core-critical-30-light-mode-color);
  --button-destructive-variant-secondary-rank-pressed-state-light-mode-label-color: var(--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color);
  --button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);
  --button-destructive-variant-tertiary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color);
  --button-destructive-variant-tertiary-rank-disabled-state-label-color: var(--button-destructive-variant-tertiary-rank-disabled-state-light-mode-label-color);
  --button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);
  --button-destructive-variant-tertiary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color);
  --button-destructive-variant-tertiary-rank-focus-state-background-color: var(--button-destructive-variant-tertiary-rank-focus-state-light-mode-background-color);
  --button-destructive-variant-tertiary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);
  --button-destructive-variant-tertiary-rank-focus-state-dark-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color);
  --button-destructive-variant-tertiary-rank-focus-state-label-color: var(--button-destructive-variant-tertiary-rank-focus-state-light-mode-label-color);
  --button-destructive-variant-tertiary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);
  --button-destructive-variant-tertiary-rank-focus-state-light-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color);
  --button-destructive-variant-tertiary-rank-hover-state-background-color: var(--button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);
  --button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);
  --button-destructive-variant-tertiary-rank-hover-state-dark-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color);
  --button-destructive-variant-tertiary-rank-hover-state-label-color: var(--button-destructive-variant-tertiary-rank-hover-state-light-mode-label-color);
  --button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);
  --button-destructive-variant-tertiary-rank-hover-state-light-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color);
  --button-destructive-variant-tertiary-rank-normal-state-background-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);
  --button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: transparent;
  --button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color: var(--core-critical-text-dark-mode-color);
  --button-destructive-variant-tertiary-rank-normal-state-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color);
  --button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: transparent;
  --button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color: var(--core-critical-text-light-mode-color);
  --button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);
  --button-destructive-variant-tertiary-rank-pressed-state-dark-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color);
  --button-destructive-variant-tertiary-rank-pressed-state-label-color: var(--button-destructive-variant-tertiary-rank-pressed-state-light-mode-label-color);
  --button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);
  --button-destructive-variant-tertiary-rank-pressed-state-light-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color);
  --button-focus-ring-border-size: var(--core-focus-ring-border-size);
  --button-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);
  --button-focus-ring-color: var(--button-light-mode-focus-ring-color);
  --button-large-size-border-radius: var(--core-radius-100);
  --button-large-size-content-spacing: var(--core-metrics-spacing-100);
  --button-large-size-minimum-height: var(--core-large-size-minimum-height);
  --button-large-size-minimum-width-multiplier: 1.5;
  --button-large-size-primary-rank-horizontal-padding: 20px;
  --button-large-size-primary-rank-vertical-padding: 20px;
  --button-large-size-secondary-rank-horizontal-padding: var(--button-large-size-primary-rank-horizontal-padding);
  --button-large-size-secondary-rank-vertical-padding: var(--button-large-size-primary-rank-vertical-padding);
  --button-large-size-tertiary-rank-horizontal-padding: 8px;
  --button-large-size-tertiary-rank-vertical-padding: 20px;
  --button-large-size-text-case: var(--core-type-semibold-30-case);
  --button-large-size-text-font-family: var(--core-type-semibold-30-font-family);
  --button-large-size-text-leading: var(--core-type-semibold-30-leading);
  --button-large-size-text-number-spacing: var(--core-type-semibold-30-number-spacing);
  --button-large-size-text-scale: var(--core-type-semibold-30-scale);
  --button-large-size-text-size: var(--core-type-semibold-30-size);
  --button-large-size-text-tracking: var(--core-type-semibold-30-tracking);
  --button-large-size-text-weight: var(--core-type-semibold-30-weight);
  --button-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);
  --button-medium-size-border-radius: var(--core-radius-100);
  --button-medium-size-content-spacing: var(--core-metrics-spacing-100);
  --button-medium-size-minimum-height: var(--core-medium-size-minimum-height);
  --button-medium-size-minimum-width-multiplier: 1.5;
  --button-medium-size-primary-rank-horizontal-padding: 16px;
  --button-medium-size-primary-rank-vertical-padding: 12px;
  --button-medium-size-secondary-rank-horizontal-padding: var(--button-medium-size-primary-rank-horizontal-padding);
  --button-medium-size-secondary-rank-vertical-padding: var(--button-medium-size-primary-rank-vertical-padding);
  --button-medium-size-tertiary-rank-horizontal-padding: 8px;
  --button-medium-size-tertiary-rank-vertical-padding: 12px;
  --button-medium-size-text-case: var(--core-type-semibold-30-case);
  --button-medium-size-text-font-family: var(--core-type-semibold-30-font-family);
  --button-medium-size-text-leading: var(--core-type-semibold-30-leading);
  --button-medium-size-text-number-spacing: var(--core-type-semibold-30-number-spacing);
  --button-medium-size-text-scale: var(--core-type-semibold-30-scale);
  --button-medium-size-text-size: var(--core-type-semibold-30-size);
  --button-medium-size-text-tracking: var(--core-type-semibold-30-tracking);
  --button-medium-size-text-weight: var(--core-type-semibold-30-weight);
  --button-normal-variant-primary-rank-disabled-state-background-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --button-normal-variant-primary-rank-disabled-state-dark-mode-label-color: var(--core-text-30-dark-mode-color);
  --button-normal-variant-primary-rank-disabled-state-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);
  --button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --button-normal-variant-primary-rank-disabled-state-light-mode-label-color: var(--core-text-30-light-mode-color);
  --button-normal-variant-primary-rank-focus-state-background-color: var(--button-normal-variant-primary-rank-focus-state-light-mode-background-color);
  --button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);
  --button-normal-variant-primary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color);
  --button-normal-variant-primary-rank-focus-state-label-color: var(--button-normal-variant-primary-rank-focus-state-light-mode-label-color);
  --button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);
  --button-normal-variant-primary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color);
  --button-normal-variant-primary-rank-hover-state-background-color: var(--button-normal-variant-primary-rank-hover-state-light-mode-background-color);
  --button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color);
  --button-normal-variant-primary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color);
  --button-normal-variant-primary-rank-hover-state-label-color: var(--button-normal-variant-primary-rank-hover-state-light-mode-label-color);
  --button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--core-emphasis-20-light-mode-color);
  --button-normal-variant-primary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color);
  --button-normal-variant-primary-rank-normal-state-background-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-background-color);
  --button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);
  --button-normal-variant-primary-rank-normal-state-dark-mode-label-color: var(--core-text-white-dark-mode-color);
  --button-normal-variant-primary-rank-normal-state-label-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color);
  --button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);
  --button-normal-variant-primary-rank-normal-state-light-mode-label-color: var(--core-text-white-light-mode-color);
  --button-normal-variant-primary-rank-pressed-state-background-color: var(--button-normal-variant-primary-rank-pressed-state-light-mode-background-color);
  --button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--core-emphasis-10-dark-mode-color);
  --button-normal-variant-primary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color);
  --button-normal-variant-primary-rank-pressed-state-label-color: var(--button-normal-variant-primary-rank-pressed-state-light-mode-label-color);
  --button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-10-light-mode-color);
  --button-normal-variant-primary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color);
  --button-normal-variant-secondary-rank-disabled-state-background-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
  --button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);
  --button-normal-variant-secondary-rank-disabled-state-label-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);
  --button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --button-normal-variant-secondary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);
  --button-normal-variant-secondary-rank-focus-state-background-color: var(--button-normal-variant-secondary-rank-focus-state-light-mode-background-color);
  --button-normal-variant-secondary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
  --button-normal-variant-secondary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);
  --button-normal-variant-secondary-rank-focus-state-label-color: var(--button-normal-variant-secondary-rank-focus-state-light-mode-label-color);
  --button-normal-variant-secondary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --button-normal-variant-secondary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);
  --button-normal-variant-secondary-rank-hover-state-background-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);
  --button-normal-variant-secondary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);
  --button-normal-variant-secondary-rank-hover-state-label-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-label-color);
  --button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);
  --button-normal-variant-secondary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);
  --button-normal-variant-secondary-rank-normal-state-background-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --button-normal-variant-secondary-rank-normal-state-dark-mode-label-color: var(--core-emphasis-text-dark-mode-color);
  --button-normal-variant-secondary-rank-normal-state-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);
  --button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --button-normal-variant-secondary-rank-normal-state-light-mode-label-color: var(--core-emphasis-text-light-mode-color);
  --button-normal-variant-secondary-rank-pressed-state-background-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);
  --button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);
  --button-normal-variant-secondary-rank-pressed-state-label-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-label-color);
  --button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);
  --button-normal-variant-secondary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);
  --button-normal-variant-tertiary-rank-disabled-state-background-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);
  --button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);
  --button-normal-variant-tertiary-rank-disabled-state-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color);
  --button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);
  --button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);
  --button-normal-variant-tertiary-rank-focus-state-background-color: var(--button-normal-variant-tertiary-rank-focus-state-light-mode-background-color);
  --button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);
  --button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);
  --button-normal-variant-tertiary-rank-focus-state-label-color: var(--button-normal-variant-tertiary-rank-focus-state-light-mode-label-color);
  --button-normal-variant-tertiary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);
  --button-normal-variant-tertiary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);
  --button-normal-variant-tertiary-rank-hover-state-background-color: var(--button-normal-variant-tertiary-rank-hover-state-light-mode-background-color);
  --button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
  --button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);
  --button-normal-variant-tertiary-rank-hover-state-label-color: var(--button-normal-variant-tertiary-rank-hover-state-light-mode-label-color);
  --button-normal-variant-tertiary-rank-hover-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --button-normal-variant-tertiary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);
  --button-normal-variant-tertiary-rank-normal-state-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);
  --button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color: transparent;
  --button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color: var(--core-emphasis-text-dark-mode-color);
  --button-normal-variant-tertiary-rank-normal-state-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);
  --button-normal-variant-tertiary-rank-normal-state-light-mode-background-color: transparent;
  --button-normal-variant-tertiary-rank-normal-state-light-mode-label-color: var(--core-emphasis-text-light-mode-color);
  --button-normal-variant-tertiary-rank-pressed-state-background-color: var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
  --button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);
  --button-normal-variant-tertiary-rank-pressed-state-label-color: var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color);
  --button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);
  --button-regular-horizontal-size-class-sample-token: 200px;
  --button-regular-vertical-size-class-sample-token-2: 20px;
  --button-small-size-border-radius: var(--core-radius-100);
  --button-small-size-content-spacing: var(--core-metrics-spacing-100);
  --button-small-size-minimum-height: var(--core-small-size-minimum-height);
  --button-small-size-minimum-width-multiplier: 1.5;
  --button-small-size-primary-rank-horizontal-padding: 12px;
  --button-small-size-primary-rank-vertical-padding: 9px;
  --button-small-size-secondary-rank-horizontal-padding: var(--button-small-size-primary-rank-horizontal-padding);
  --button-small-size-secondary-rank-vertical-padding: var(--button-small-size-primary-rank-vertical-padding);
  --button-small-size-tertiary-rank-horizontal-padding: 8px;
  --button-small-size-tertiary-rank-vertical-padding: 9px;
  --button-small-size-text-case: var(--core-type-semibold-20-case);
  --button-small-size-text-font-family: var(--core-type-semibold-20-font-family);
  --button-small-size-text-leading: var(--core-type-semibold-20-leading);
  --button-small-size-text-number-spacing: var(--core-type-semibold-20-number-spacing);
  --button-small-size-text-scale: var(--core-type-semibold-20-scale);
  --button-small-size-text-size: var(--core-type-semibold-20-size);
  --button-small-size-text-tracking: var(--core-type-semibold-20-tracking);
  --button-small-size-text-weight: var(--core-type-semibold-20-weight);
  --button-tall-vertical-size-class-sample-token-2: 30px;
  --button-tertiary-rank-underline: 0px;
  --button-wide-horizontal-size-class-sample-token: 300px;

  /* ========== calculator ========== */
  --calculator-below-display-spacing: var(--core-metrics-spacing-200);
  --calculator-button-border-radius-size: 6px;
  --calculator-button-default-variant-background-disabled-state-color: var(--calculator-button-default-variant-background-disabled-state-light-mode-color);
  --calculator-button-default-variant-background-disabled-state-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --calculator-button-default-variant-background-disabled-state-light-mode-color: var(--core-fill-40-light-mode-color);
  --calculator-button-default-variant-background-normal-state-color: var(--calculator-button-default-variant-background-normal-state-light-mode-color);
  --calculator-button-default-variant-background-normal-state-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --calculator-button-default-variant-background-normal-state-light-mode-color: var(--core-fill-40-light-mode-color);
  --calculator-button-default-variant-background-pressed-state-color: var(--calculator-button-default-variant-background-pressed-state-light-mode-color);
  --calculator-button-default-variant-background-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --calculator-button-default-variant-background-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --calculator-button-default-variant-foreground-disabled-state-color: var(--calculator-button-default-variant-foreground-disabled-state-light-mode-color);
  --calculator-button-default-variant-foreground-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);
  --calculator-button-default-variant-foreground-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);
  --calculator-button-default-variant-foreground-normal-state-color: var(--calculator-button-default-variant-foreground-normal-state-light-mode-color);
  --calculator-button-default-variant-foreground-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --calculator-button-default-variant-foreground-normal-state-light-mode-color: var(--core-text-10-light-mode-color);
  --calculator-button-default-variant-foreground-pressed-state-color: var(--calculator-button-default-variant-foreground-pressed-state-light-mode-color);
  --calculator-button-default-variant-foreground-pressed-state-dark-mode-color: var(--calculator-button-default-variant-foreground-normal-state-dark-mode-color);
  --calculator-button-default-variant-foreground-pressed-state-light-mode-color: var(--calculator-button-default-variant-foreground-normal-state-light-mode-color);
  --calculator-button-icon-large-calculator-size: 32px;
  --calculator-button-icon-small-calculator-size: 24px;
  --calculator-button-large-calculator-height: 80px;
  --calculator-button-primary-operator-variant-background-disabled-state-color: var(--calculator-button-primary-operator-variant-background-disabled-state-light-mode-color);
  --calculator-button-primary-operator-variant-background-disabled-state-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --calculator-button-primary-operator-variant-background-disabled-state-light-mode-color: var(--core-fill-40-light-mode-color);
  --calculator-button-primary-operator-variant-background-normal-state-color: var(--calculator-button-primary-operator-variant-background-normal-state-light-mode-color);
  --calculator-button-primary-operator-variant-background-normal-state-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --calculator-button-primary-operator-variant-background-normal-state-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --calculator-button-primary-operator-variant-background-pressed-state-color: var(--calculator-button-primary-operator-variant-background-pressed-state-light-mode-color);
  --calculator-button-primary-operator-variant-background-pressed-state-dark-mode-color: var(--core-emphasis-10-dark-mode-color);
  --calculator-button-primary-operator-variant-background-pressed-state-light-mode-color: var(--core-emphasis-10-light-mode-color);
  --calculator-button-primary-operator-variant-foreground-disabled-state-color: var(--calculator-button-primary-operator-variant-foreground-disabled-state-light-mode-color);
  --calculator-button-primary-operator-variant-foreground-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);
  --calculator-button-primary-operator-variant-foreground-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);
  --calculator-button-primary-operator-variant-foreground-normal-state-color: var(--calculator-button-primary-operator-variant-foreground-normal-state-light-mode-color);
  --calculator-button-primary-operator-variant-foreground-normal-state-dark-mode-color: var(--core-text-white-dark-mode-color);
  --calculator-button-primary-operator-variant-foreground-normal-state-light-mode-color: var(--core-text-white-light-mode-color);
  --calculator-button-primary-operator-variant-foreground-pressed-state-color: var(--calculator-button-primary-operator-variant-foreground-pressed-state-light-mode-color);
  --calculator-button-primary-operator-variant-foreground-pressed-state-dark-mode-color: var(--calculator-button-primary-operator-variant-foreground-normal-state-dark-mode-color);
  --calculator-button-primary-operator-variant-foreground-pressed-state-light-mode-color: var(--calculator-button-primary-operator-variant-foreground-normal-state-light-mode-color);
  --calculator-button-secondary-operator-variant-background-disabled-state-color: var(--calculator-button-secondary-operator-variant-background-disabled-state-light-mode-color);
  --calculator-button-secondary-operator-variant-background-disabled-state-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --calculator-button-secondary-operator-variant-background-disabled-state-light-mode-color: var(--core-fill-40-light-mode-color);
  --calculator-button-secondary-operator-variant-background-normal-state-color: var(--calculator-button-secondary-operator-variant-background-normal-state-light-mode-color);
  --calculator-button-secondary-operator-variant-background-normal-state-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --calculator-button-secondary-operator-variant-background-normal-state-light-mode-color: var(--core-fill-40-light-mode-color);
  --calculator-button-secondary-operator-variant-background-pressed-state-color: var(--calculator-button-secondary-operator-variant-background-pressed-state-light-mode-color);
  --calculator-button-secondary-operator-variant-background-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --calculator-button-secondary-operator-variant-background-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --calculator-button-secondary-operator-variant-foreground-disabled-state-color: var(--calculator-button-secondary-operator-variant-foreground-disabled-state-light-mode-color);
  --calculator-button-secondary-operator-variant-foreground-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);
  --calculator-button-secondary-operator-variant-foreground-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);
  --calculator-button-secondary-operator-variant-foreground-normal-state-color: var(--calculator-button-secondary-operator-variant-foreground-normal-state-light-mode-color);
  --calculator-button-secondary-operator-variant-foreground-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --calculator-button-secondary-operator-variant-foreground-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --calculator-button-secondary-operator-variant-foreground-pressed-state-color: var(--calculator-button-secondary-operator-variant-foreground-pressed-state-light-mode-color);
  --calculator-button-secondary-operator-variant-foreground-pressed-state-dark-mode-color: var(--calculator-button-secondary-operator-variant-foreground-normal-state-dark-mode-color);
  --calculator-button-secondary-operator-variant-foreground-pressed-state-light-mode-color: var(--calculator-button-secondary-operator-variant-foreground-normal-state-light-mode-color);
  --calculator-button-small-calculator-height: 48px;
  --calculator-button-text-large-calculator-case: var(--core-type-display-10-case);
  --calculator-button-text-large-calculator-font-family: var(--core-type-display-10-font-family);
  --calculator-button-text-large-calculator-leading: var(--core-type-display-10-leading);
  --calculator-button-text-large-calculator-number-spacing: var(--core-type-display-10-number-spacing);
  --calculator-button-text-large-calculator-scale: var(--core-type-display-10-scale);
  --calculator-button-text-large-calculator-size: var(--core-type-display-10-size);
  --calculator-button-text-large-calculator-tracking: var(--core-type-display-10-tracking);
  --calculator-button-text-large-calculator-weight: var(--core-type-display-10-weight);
  --calculator-button-text-small-calculator-case: var(--core-type-heading-30-case);
  --calculator-button-text-small-calculator-font-family: var(--core-type-heading-30-font-family);
  --calculator-button-text-small-calculator-leading: var(--core-type-heading-30-leading);
  --calculator-button-text-small-calculator-number-spacing: var(--core-type-heading-30-number-spacing);
  --calculator-button-text-small-calculator-scale: var(--core-type-heading-30-scale);
  --calculator-button-text-small-calculator-size: var(--core-type-heading-30-size);
  --calculator-button-text-small-calculator-tracking: var(--core-type-heading-30-tracking);
  --calculator-button-text-small-calculator-weight: var(--core-type-heading-30-weight);
  --calculator-display-border-color: var(--calculator-display-border-light-mode-color);
  --calculator-display-border-corner-radius: 6px;
  --calculator-display-border-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --calculator-display-border-light-mode-color: var(--core-fill-30-light-mode-color);
  --calculator-display-border-stroke-width: 1px;
  --calculator-display-large-size-horizontal-padding: 20px;
  --calculator-display-large-size-large-calculator-case: var(--core-type-display-20-case);
  --calculator-display-large-size-large-calculator-font-family: var(--core-type-display-20-font-family);
  --calculator-display-large-size-large-calculator-height: 136px;
  --calculator-display-large-size-large-calculator-leading: var(--core-type-display-20-leading);
  --calculator-display-large-size-large-calculator-number-spacing: var(--core-type-display-20-number-spacing);
  --calculator-display-large-size-large-calculator-scale: var(--core-type-display-20-scale);
  --calculator-display-large-size-large-calculator-size: var(--core-type-display-20-size);
  --calculator-display-large-size-large-calculator-tracking: var(--core-type-display-20-tracking);
  --calculator-display-large-size-large-calculator-weight: var(--core-type-display-20-weight);
  --calculator-display-large-size-small-calculator-case: var(--core-type-display-10-case);
  --calculator-display-large-size-small-calculator-font-family: var(--core-type-display-10-font-family);
  --calculator-display-large-size-small-calculator-height: 80px;
  --calculator-display-large-size-small-calculator-leading: var(--core-type-display-10-leading);
  --calculator-display-large-size-small-calculator-number-spacing: var(--core-type-display-10-number-spacing);
  --calculator-display-large-size-small-calculator-scale: var(--core-type-display-10-scale);
  --calculator-display-large-size-small-calculator-size: var(--core-type-display-10-size);
  --calculator-display-large-size-small-calculator-tracking: var(--core-type-display-10-tracking);
  --calculator-display-large-size-small-calculator-weight: var(--core-type-display-10-weight);
  --calculator-display-large-size-vertical-padding: 20px;
  --calculator-display-small-size-horizontal-padding: 20px;
  --calculator-display-small-size-large-calculator-case: var(--core-type-display-10-case);
  --calculator-display-small-size-large-calculator-font-family: var(--core-type-display-10-font-family);
  --calculator-display-small-size-large-calculator-height: 80px;
  --calculator-display-small-size-large-calculator-leading: var(--core-type-display-10-leading);
  --calculator-display-small-size-large-calculator-number-spacing: var(--core-type-display-10-number-spacing);
  --calculator-display-small-size-large-calculator-scale: var(--core-type-display-10-scale);
  --calculator-display-small-size-large-calculator-size: var(--core-type-display-10-size);
  --calculator-display-small-size-large-calculator-tracking: var(--core-type-display-10-tracking);
  --calculator-display-small-size-large-calculator-weight: var(--core-type-display-10-weight);
  --calculator-display-small-size-small-calculator-case: var(--core-type-heading-30-case);
  --calculator-display-small-size-small-calculator-font-family: var(--core-type-heading-30-font-family);
  --calculator-display-small-size-small-calculator-height: 48px;
  --calculator-display-small-size-small-calculator-leading: var(--core-type-heading-30-leading);
  --calculator-display-small-size-small-calculator-number-spacing: var(--core-type-heading-30-number-spacing);
  --calculator-display-small-size-small-calculator-scale: var(--core-type-heading-30-scale);
  --calculator-display-small-size-small-calculator-size: var(--core-type-heading-30-size);
  --calculator-display-small-size-small-calculator-tracking: var(--core-type-heading-30-tracking);
  --calculator-display-small-size-small-calculator-weight: var(--core-type-heading-30-weight);
  --calculator-display-small-size-vertical-padding: 0px;
  --calculator-display-text-color: var(--calculator-display-text-light-mode-color);
  --calculator-display-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --calculator-display-text-light-mode-color: var(--core-text-10-light-mode-color);
  --calculator-inter-button-horizontal-spacing: var(--core-metrics-spacing-200);
  --calculator-inter-button-vertical-spacing: var(--core-metrics-spacing-200);

  /* ========== carousel ========== */
  --carousel-content-compact-horizontal-size-class-page-spacing: var(--core-metrics-spacing-100);
  --carousel-content-regular-horizontal-size-class-page-spacing: var(--core-metrics-spacing-200);
  --carousel-content-wide-horizontal-size-class-page-spacing: var(--core-metrics-spacing-200);
  --carousel-control-bar-vertical-padding: var(--core-metrics-spacing-100);

  /* ========== checkbox ========== */
  --checkbox-border-radius: var(--core-radius-66);
  --checkbox-border-size: var(--core-border-20);
  --checkbox-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);
  --checkbox-disabled-state-invalid-validity-checked-value-background-color: var(--checkbox-disabled-state-invalid-validity-checked-value-light-mode-background-color);
  --checkbox-disabled-state-invalid-validity-checked-value-border-color: var(--checkbox-disabled-state-invalid-validity-checked-value-light-mode-border-color);
  --checkbox-disabled-state-invalid-validity-checked-value-dark-mode-background-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-background-color);
  --checkbox-disabled-state-invalid-validity-checked-value-dark-mode-border-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-border-color);
  --checkbox-disabled-state-invalid-validity-checked-value-dark-mode-icon-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-icon-color);
  --checkbox-disabled-state-invalid-validity-checked-value-icon-color: var(--checkbox-disabled-state-invalid-validity-checked-value-light-mode-icon-color);
  --checkbox-disabled-state-invalid-validity-checked-value-light-mode-background-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-background-color);
  --checkbox-disabled-state-invalid-validity-checked-value-light-mode-border-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-border-color);
  --checkbox-disabled-state-invalid-validity-checked-value-light-mode-icon-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-icon-color);
  --checkbox-disabled-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-background-color);
  --checkbox-disabled-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-border-color);
  --checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-background-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-background-color);
  --checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-border-color);
  --checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-icon-color);
  --checkbox-disabled-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-background-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-background-color);
  --checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-border-color);
  --checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-disabled-state-invalid-validity-unchecked-value-background-color: var(--checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-background-color);
  --checkbox-disabled-state-invalid-validity-unchecked-value-border-color: var(--checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-border-color);
  --checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-background-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-background-color);
  --checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-border-color);
  --checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-background-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-background-color);
  --checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-border-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-border-color);
  --checkbox-disabled-state-normal-validity-checked-value-background-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-background-color);
  --checkbox-disabled-state-normal-validity-checked-value-border-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-border-color);
  --checkbox-disabled-state-normal-validity-checked-value-dark-mode-background-color: var(--core-fill-20-dark-mode-color);
  --checkbox-disabled-state-normal-validity-checked-value-dark-mode-border-color: transparent;
  --checkbox-disabled-state-normal-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --checkbox-disabled-state-normal-validity-checked-value-icon-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-icon-color);
  --checkbox-disabled-state-normal-validity-checked-value-light-mode-background-color: var(--core-fill-20-light-mode-color);
  --checkbox-disabled-state-normal-validity-checked-value-light-mode-border-color: transparent;
  --checkbox-disabled-state-normal-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --checkbox-disabled-state-normal-validity-indeterminate-value-background-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-background-color);
  --checkbox-disabled-state-normal-validity-indeterminate-value-border-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-border-color);
  --checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-background-color: transparent;
  --checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--core-fill-50-dark-mode-color);
  --checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--core-fill-20-dark-mode-color);
  --checkbox-disabled-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-background-color: transparent;
  --checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-border-color: var(--core-fill-50-light-mode-color);
  --checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--core-fill-20-light-mode-color);
  --checkbox-disabled-state-normal-validity-unchecked-value-background-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-background-color);
  --checkbox-disabled-state-normal-validity-unchecked-value-border-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-border-color);
  --checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-background-color: var(--core-fill-50-dark-mode-color);
  --checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-border-color: var(--core-fill-30-dark-mode-color);
  --checkbox-disabled-state-normal-validity-unchecked-value-light-mode-background-color: var(--core-fill-50-light-mode-color);
  --checkbox-disabled-state-normal-validity-unchecked-value-light-mode-border-color: var(--core-fill-30-light-mode-color);
  --checkbox-focus-ring-border-size: var(--core-focus-ring-border-size);
  --checkbox-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);
  --checkbox-focus-ring-color: var(--checkbox-light-mode-focus-ring-color);
  --checkbox-focus-state-invalid-validity-checked-value-background-color: var(--checkbox-focus-state-invalid-validity-checked-value-light-mode-background-color);
  --checkbox-focus-state-invalid-validity-checked-value-border-color: var(--checkbox-focus-state-invalid-validity-checked-value-light-mode-border-color);
  --checkbox-focus-state-invalid-validity-checked-value-dark-mode-background-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-background-color);
  --checkbox-focus-state-invalid-validity-checked-value-dark-mode-border-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-border-color);
  --checkbox-focus-state-invalid-validity-checked-value-dark-mode-icon-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-icon-color);
  --checkbox-focus-state-invalid-validity-checked-value-icon-color: var(--checkbox-focus-state-invalid-validity-checked-value-light-mode-icon-color);
  --checkbox-focus-state-invalid-validity-checked-value-light-mode-background-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-background-color);
  --checkbox-focus-state-invalid-validity-checked-value-light-mode-border-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-border-color);
  --checkbox-focus-state-invalid-validity-checked-value-light-mode-icon-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-icon-color);
  --checkbox-focus-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-background-color);
  --checkbox-focus-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-border-color);
  --checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-background-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-background-color);
  --checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-border-color);
  --checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-icon-color);
  --checkbox-focus-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-background-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-background-color);
  --checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-border-color);
  --checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-focus-state-invalid-validity-unchecked-value-background-color: var(--checkbox-focus-state-invalid-validity-unchecked-value-light-mode-background-color);
  --checkbox-focus-state-invalid-validity-unchecked-value-border-color: var(--checkbox-focus-state-invalid-validity-unchecked-value-light-mode-border-color);
  --checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-background-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-background-color);
  --checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-border-color);
  --checkbox-focus-state-invalid-validity-unchecked-value-light-mode-background-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-background-color);
  --checkbox-focus-state-invalid-validity-unchecked-value-light-mode-border-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-border-color);
  --checkbox-focus-state-normal-validity-checked-value-background-color: var(--checkbox-focus-state-normal-validity-checked-value-light-mode-background-color);
  --checkbox-focus-state-normal-validity-checked-value-border-color: var(--checkbox-focus-state-normal-validity-checked-value-light-mode-border-color);
  --checkbox-focus-state-normal-validity-checked-value-dark-mode-background-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-background-color);
  --checkbox-focus-state-normal-validity-checked-value-dark-mode-border-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-border-color);
  --checkbox-focus-state-normal-validity-checked-value-dark-mode-icon-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-icon-color);
  --checkbox-focus-state-normal-validity-checked-value-icon-color: var(--checkbox-focus-state-normal-validity-checked-value-light-mode-icon-color);
  --checkbox-focus-state-normal-validity-checked-value-light-mode-background-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-background-color);
  --checkbox-focus-state-normal-validity-checked-value-light-mode-border-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-border-color);
  --checkbox-focus-state-normal-validity-checked-value-light-mode-icon-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-icon-color);
  --checkbox-focus-state-normal-validity-indeterminate-value-background-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-background-color);
  --checkbox-focus-state-normal-validity-indeterminate-value-border-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-border-color);
  --checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-background-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-background-color);
  --checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-border-color);
  --checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-icon-color);
  --checkbox-focus-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-focus-state-normal-validity-indeterminate-value-light-mode-background-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-background-color);
  --checkbox-focus-state-normal-validity-indeterminate-value-light-mode-border-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-border-color);
  --checkbox-focus-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-focus-state-normal-validity-unchecked-value-background-color: var(--checkbox-focus-state-normal-validity-unchecked-value-light-mode-background-color);
  --checkbox-focus-state-normal-validity-unchecked-value-border-color: var(--checkbox-focus-state-normal-validity-unchecked-value-light-mode-border-color);
  --checkbox-focus-state-normal-validity-unchecked-value-dark-mode-background-color: var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-background-color);
  --checkbox-focus-state-normal-validity-unchecked-value-dark-mode-border-color: var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-border-color);
  --checkbox-focus-state-normal-validity-unchecked-value-light-mode-background-color: var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-background-color);
  --checkbox-focus-state-normal-validity-unchecked-value-light-mode-border-color: var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-border-color);
  --checkbox-height: var(--checkbox-width);
  --checkbox-hover-state-invalid-validity-checked-value-background-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-background-color);
  --checkbox-hover-state-invalid-validity-checked-value-border-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-border-color);
  --checkbox-hover-state-invalid-validity-checked-value-dark-mode-background-color: var(--core-critical-20-dark-mode-color);
  --checkbox-hover-state-invalid-validity-checked-value-dark-mode-border-color: transparent;
  --checkbox-hover-state-invalid-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --checkbox-hover-state-invalid-validity-checked-value-icon-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-icon-color);
  --checkbox-hover-state-invalid-validity-checked-value-light-mode-background-color: var(--core-critical-20-light-mode-color);
  --checkbox-hover-state-invalid-validity-checked-value-light-mode-border-color: transparent;
  --checkbox-hover-state-invalid-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --checkbox-hover-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-background-color);
  --checkbox-hover-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-border-color);
  --checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-background-color: transparent;
  --checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--core-critical-20-dark-mode-color);
  --checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--core-critical-20-dark-mode-color);
  --checkbox-hover-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-background-color: transparent;
  --checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--core-critical-20-light-mode-color);
  --checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--core-critical-20-light-mode-color);
  --checkbox-hover-state-invalid-validity-unchecked-value-background-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-background-color);
  --checkbox-hover-state-invalid-validity-unchecked-value-border-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-border-color);
  --checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-background-color: transparent;
  --checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--core-critical-20-dark-mode-color);
  --checkbox-hover-state-invalid-validity-unchecked-value-light-mode-background-color: transparent;
  --checkbox-hover-state-invalid-validity-unchecked-value-light-mode-border-color: var(--core-critical-20-light-mode-color);
  --checkbox-hover-state-normal-validity-checked-value-background-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-background-color);
  --checkbox-hover-state-normal-validity-checked-value-border-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-border-color);
  --checkbox-hover-state-normal-validity-checked-value-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);
  --checkbox-hover-state-normal-validity-checked-value-dark-mode-border-color: transparent;
  --checkbox-hover-state-normal-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --checkbox-hover-state-normal-validity-checked-value-icon-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-icon-color);
  --checkbox-hover-state-normal-validity-checked-value-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);
  --checkbox-hover-state-normal-validity-checked-value-light-mode-border-color: transparent;
  --checkbox-hover-state-normal-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --checkbox-hover-state-normal-validity-indeterminate-value-background-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-background-color);
  --checkbox-hover-state-normal-validity-indeterminate-value-border-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-border-color);
  --checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-background-color: transparent;
  --checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);
  --checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--core-emphasis-fill-dark-mode-color);
  --checkbox-hover-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-hover-state-normal-validity-indeterminate-value-light-mode-background-color: transparent;
  --checkbox-hover-state-normal-validity-indeterminate-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);
  --checkbox-hover-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--core-emphasis-fill-light-mode-color);
  --checkbox-hover-state-normal-validity-unchecked-value-background-color: var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-background-color);
  --checkbox-hover-state-normal-validity-unchecked-value-border-color: var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-border-color);
  --checkbox-hover-state-normal-validity-unchecked-value-dark-mode-background-color: transparent;
  --checkbox-hover-state-normal-validity-unchecked-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);
  --checkbox-hover-state-normal-validity-unchecked-value-light-mode-background-color: transparent;
  --checkbox-hover-state-normal-validity-unchecked-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);
  --checkbox-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);
  --checkbox-normal-state-invalid-validity-checked-value-background-color: var(--checkbox-normal-state-invalid-validity-checked-value-light-mode-background-color);
  --checkbox-normal-state-invalid-validity-checked-value-border-color: var(--checkbox-normal-state-invalid-validity-checked-value-light-mode-border-color);
  --checkbox-normal-state-invalid-validity-checked-value-dark-mode-background-color: var(--core-critical-fill-dark-mode-color);
  --checkbox-normal-state-invalid-validity-checked-value-dark-mode-border-color: transparent;
  --checkbox-normal-state-invalid-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --checkbox-normal-state-invalid-validity-checked-value-icon-color: var(--checkbox-normal-state-invalid-validity-checked-value-light-mode-icon-color);
  --checkbox-normal-state-invalid-validity-checked-value-light-mode-background-color: var(--core-critical-fill-light-mode-color);
  --checkbox-normal-state-invalid-validity-checked-value-light-mode-border-color: transparent;
  --checkbox-normal-state-invalid-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --checkbox-normal-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-background-color);
  --checkbox-normal-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-border-color);
  --checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-background-color: transparent;
  --checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--core-critical-fill-dark-mode-color);
  --checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--core-critical-fill-dark-mode-color);
  --checkbox-normal-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-background-color: transparent;
  --checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--core-critical-fill-light-mode-color);
  --checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--core-critical-fill-light-mode-color);
  --checkbox-normal-state-invalid-validity-unchecked-value-background-color: var(--checkbox-normal-state-invalid-validity-unchecked-value-light-mode-background-color);
  --checkbox-normal-state-invalid-validity-unchecked-value-border-color: var(--checkbox-normal-state-invalid-validity-unchecked-value-light-mode-border-color);
  --checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-background-color: transparent;
  --checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--core-critical-fill-dark-mode-color);
  --checkbox-normal-state-invalid-validity-unchecked-value-light-mode-background-color: transparent;
  --checkbox-normal-state-invalid-validity-unchecked-value-light-mode-border-color: var(--core-critical-fill-light-mode-color);
  --checkbox-normal-state-normal-validity-checked-value-background-color: var(--checkbox-normal-state-normal-validity-checked-value-light-mode-background-color);
  --checkbox-normal-state-normal-validity-checked-value-border-color: var(--checkbox-normal-state-normal-validity-checked-value-light-mode-border-color);
  --checkbox-normal-state-normal-validity-checked-value-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);
  --checkbox-normal-state-normal-validity-checked-value-dark-mode-border-color: transparent;
  --checkbox-normal-state-normal-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --checkbox-normal-state-normal-validity-checked-value-icon-color: var(--checkbox-normal-state-normal-validity-checked-value-light-mode-icon-color);
  --checkbox-normal-state-normal-validity-checked-value-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);
  --checkbox-normal-state-normal-validity-checked-value-light-mode-border-color: transparent;
  --checkbox-normal-state-normal-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --checkbox-normal-state-normal-validity-indeterminate-value-background-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-background-color);
  --checkbox-normal-state-normal-validity-indeterminate-value-border-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-border-color);
  --checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-background-color: transparent;
  --checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--core-fill-20-dark-mode-color);
  --checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--core-emphasis-fill-dark-mode-color);
  --checkbox-normal-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-normal-state-normal-validity-indeterminate-value-light-mode-background-color: transparent;
  --checkbox-normal-state-normal-validity-indeterminate-value-light-mode-border-color: var(--core-fill-20-light-mode-color);
  --checkbox-normal-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--core-emphasis-fill-light-mode-color);
  --checkbox-normal-state-normal-validity-unchecked-value-background-color: var(--checkbox-normal-state-normal-validity-unchecked-value-light-mode-background-color);
  --checkbox-normal-state-normal-validity-unchecked-value-border-color: var(--checkbox-normal-state-normal-validity-unchecked-value-light-mode-border-color);
  --checkbox-normal-state-normal-validity-unchecked-value-dark-mode-background-color: transparent;
  --checkbox-normal-state-normal-validity-unchecked-value-dark-mode-border-color: var(--core-fill-20-dark-mode-color);
  --checkbox-normal-state-normal-validity-unchecked-value-light-mode-background-color: transparent;
  --checkbox-normal-state-normal-validity-unchecked-value-light-mode-border-color: var(--core-fill-20-light-mode-color);
  --checkbox-pressed-state-invalid-validity-checked-value-background-color: var(--checkbox-pressed-state-invalid-validity-checked-value-light-mode-background-color);
  --checkbox-pressed-state-invalid-validity-checked-value-border-color: var(--checkbox-pressed-state-invalid-validity-checked-value-light-mode-border-color);
  --checkbox-pressed-state-invalid-validity-checked-value-dark-mode-background-color: var(--core-critical-10-dark-mode-color);
  --checkbox-pressed-state-invalid-validity-checked-value-dark-mode-border-color: transparent;
  --checkbox-pressed-state-invalid-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --checkbox-pressed-state-invalid-validity-checked-value-icon-color: var(--checkbox-pressed-state-invalid-validity-checked-value-light-mode-icon-color);
  --checkbox-pressed-state-invalid-validity-checked-value-light-mode-background-color: var(--core-critical-10-light-mode-color);
  --checkbox-pressed-state-invalid-validity-checked-value-light-mode-border-color: transparent;
  --checkbox-pressed-state-invalid-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --checkbox-pressed-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-background-color);
  --checkbox-pressed-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-border-color);
  --checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-background-color: transparent;
  --checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--core-critical-10-dark-mode-color);
  --checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--core-critical-10-dark-mode-color);
  --checkbox-pressed-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-background-color: transparent;
  --checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--core-critical-10-light-mode-color);
  --checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--core-critical-10-light-mode-color);
  --checkbox-pressed-state-invalid-validity-unchecked-value-background-color: var(--checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-background-color);
  --checkbox-pressed-state-invalid-validity-unchecked-value-border-color: var(--checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-border-color);
  --checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-background-color: transparent;
  --checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--core-critical-10-dark-mode-color);
  --checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-background-color: transparent;
  --checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-border-color: var(--core-critical-10-light-mode-color);
  --checkbox-pressed-state-normal-validity-checked-value-background-color: var(--checkbox-pressed-state-normal-validity-checked-value-light-mode-background-color);
  --checkbox-pressed-state-normal-validity-checked-value-border-color: var(--checkbox-pressed-state-normal-validity-checked-value-light-mode-border-color);
  --checkbox-pressed-state-normal-validity-checked-value-dark-mode-background-color: var(--core-emphasis-10-dark-mode-color);
  --checkbox-pressed-state-normal-validity-checked-value-dark-mode-border-color: transparent;
  --checkbox-pressed-state-normal-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --checkbox-pressed-state-normal-validity-checked-value-icon-color: var(--checkbox-pressed-state-normal-validity-checked-value-light-mode-icon-color);
  --checkbox-pressed-state-normal-validity-checked-value-light-mode-background-color: var(--core-emphasis-10-light-mode-color);
  --checkbox-pressed-state-normal-validity-checked-value-light-mode-border-color: transparent;
  --checkbox-pressed-state-normal-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --checkbox-pressed-state-normal-validity-indeterminate-value-background-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-background-color);
  --checkbox-pressed-state-normal-validity-indeterminate-value-border-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-border-color);
  --checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-background-color: transparent;
  --checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color);
  --checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--core-emphasis-10-dark-mode-color);
  --checkbox-pressed-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-background-color: transparent;
  --checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color);
  --checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--core-emphasis-10-light-mode-color);
  --checkbox-pressed-state-normal-validity-unchecked-value-background-color: var(--checkbox-pressed-state-normal-validity-unchecked-value-light-mode-background-color);
  --checkbox-pressed-state-normal-validity-unchecked-value-border-color: var(--checkbox-pressed-state-normal-validity-unchecked-value-light-mode-border-color);
  --checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-background-color: transparent;
  --checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color);
  --checkbox-pressed-state-normal-validity-unchecked-value-light-mode-background-color: transparent;
  --checkbox-pressed-state-normal-validity-unchecked-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color);
  --checkbox-width: var(--core-control-size-width);

  /* ========== choice-button ========== */
  --choice-button-border-radius: var(--core-radius-100);
  --choice-button-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);
  --choice-button-focus-ring-border-size: var(--core-focus-ring-border-size);
  --choice-button-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);
  --choice-button-focus-ring-color: var(--choice-button-light-mode-focus-ring-color);
  --choice-button-large-size-content-spacing: var(--core-metrics-spacing-100);
  --choice-button-large-size-horizontal-padding: var(--core-metrics-spacing-250);
  --choice-button-large-size-minimum-height: var(--core-large-size-minimum-height);
  --choice-button-large-size-text-primary-case: var(--core-type-semibold-30-case);
  --choice-button-large-size-text-primary-font-family: var(--core-type-semibold-30-font-family);
  --choice-button-large-size-text-primary-leading: var(--core-type-semibold-30-leading);
  --choice-button-large-size-text-primary-number-spacing: var(--core-type-semibold-30-number-spacing);
  --choice-button-large-size-text-primary-scale: var(--core-type-semibold-30-scale);
  --choice-button-large-size-text-primary-size: var(--core-type-semibold-30-size);
  --choice-button-large-size-text-primary-tracking: var(--core-type-semibold-30-tracking);
  --choice-button-large-size-text-primary-weight: var(--core-type-semibold-30-weight);
  --choice-button-large-size-text-secondary-case: var(--core-type-paragraph-30-case);
  --choice-button-large-size-text-secondary-font-family: var(--core-type-paragraph-30-font-family);
  --choice-button-large-size-text-secondary-leading: var(--core-type-paragraph-30-leading);
  --choice-button-large-size-text-secondary-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --choice-button-large-size-text-secondary-scale: var(--core-type-paragraph-30-scale);
  --choice-button-large-size-text-secondary-size: var(--core-type-paragraph-30-size);
  --choice-button-large-size-text-secondary-tracking: var(--core-type-paragraph-30-tracking);
  --choice-button-large-size-text-secondary-weight: var(--core-type-paragraph-30-weight);
  --choice-button-large-size-vertical-padding: var(--core-metrics-spacing-250);
  --choice-button-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);
  --choice-button-medium-size-content-spacing: var(--core-metrics-spacing-100);
  --choice-button-medium-size-horizontal-padding: var(--core-metrics-spacing-200);
  --choice-button-medium-size-minimum-height: var(--core-medium-size-minimum-height);
  --choice-button-medium-size-text-primary-case: var(--core-type-semibold-30-case);
  --choice-button-medium-size-text-primary-font-family: var(--core-type-semibold-30-font-family);
  --choice-button-medium-size-text-primary-leading: var(--core-type-semibold-30-leading);
  --choice-button-medium-size-text-primary-number-spacing: var(--core-type-semibold-30-number-spacing);
  --choice-button-medium-size-text-primary-scale: var(--core-type-semibold-30-scale);
  --choice-button-medium-size-text-primary-size: var(--core-type-semibold-30-size);
  --choice-button-medium-size-text-primary-tracking: var(--core-type-semibold-30-tracking);
  --choice-button-medium-size-text-primary-weight: var(--core-type-semibold-30-weight);
  --choice-button-medium-size-text-secondary-case: var(--core-type-paragraph-30-case);
  --choice-button-medium-size-text-secondary-font-family: var(--core-type-paragraph-30-font-family);
  --choice-button-medium-size-text-secondary-leading: var(--core-type-paragraph-30-leading);
  --choice-button-medium-size-text-secondary-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --choice-button-medium-size-text-secondary-scale: var(--core-type-paragraph-30-scale);
  --choice-button-medium-size-text-secondary-size: var(--core-type-paragraph-30-size);
  --choice-button-medium-size-text-secondary-tracking: var(--core-type-paragraph-30-tracking);
  --choice-button-medium-size-text-secondary-weight: var(--core-type-paragraph-30-weight);
  --choice-button-medium-size-vertical-padding: var(--core-metrics-spacing-150);
  --choice-button-minimum-width-multipler: var(--choice-button-minimum-width-multiplier);
  --choice-button-minimum-width-multiplier: 1.5;
  --choice-button-selected-value-disabled-state-background-color: var(--choice-button-selected-value-disabled-state-light-mode-background-color);
  --choice-button-selected-value-disabled-state-dark-mode-background-color: var(--core-fill-30-dark-mode-color);
  --choice-button-selected-value-disabled-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color);
  --choice-button-selected-value-disabled-state-label-color: var(--choice-button-selected-value-disabled-state-light-mode-label-color);
  --choice-button-selected-value-disabled-state-light-mode-background-color: var(--core-fill-30-light-mode-color);
  --choice-button-selected-value-disabled-state-light-mode-label-color: var(--core-text-inverse-light-mode-color);
  --choice-button-selected-value-hover-state-background-color: var(--choice-button-selected-value-hover-state-light-mode-background-color);
  --choice-button-selected-value-hover-state-dark-mode-background-color: var(--core-fill-10-dark-mode-color);
  --choice-button-selected-value-hover-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color);
  --choice-button-selected-value-hover-state-label-color: var(--choice-button-selected-value-hover-state-light-mode-label-color);
  --choice-button-selected-value-hover-state-light-mode-background-color: var(--core-fill-10-light-mode-color);
  --choice-button-selected-value-hover-state-light-mode-label-color: var(--core-text-inverse-light-mode-color);
  --choice-button-selected-value-normal-state-background-color: var(--choice-button-selected-value-normal-state-light-mode-background-color);
  --choice-button-selected-value-normal-state-dark-mode-background-color: var(--core-fill-10-dark-mode-color);
  --choice-button-selected-value-normal-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color);
  --choice-button-selected-value-normal-state-label-color: var(--choice-button-selected-value-normal-state-light-mode-label-color);
  --choice-button-selected-value-normal-state-light-mode-background-color: var(--core-fill-10-light-mode-color);
  --choice-button-selected-value-normal-state-light-mode-label-color: var(--core-text-inverse-light-mode-color);
  --choice-button-selected-value-pressed-state-background-color: var(--choice-button-selected-value-pressed-state-light-mode-background-color);
  --choice-button-selected-value-pressed-state-dark-mode-background-color: var(--core-fill-20-dark-mode-color);
  --choice-button-selected-value-pressed-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color);
  --choice-button-selected-value-pressed-state-label-color: var(--choice-button-selected-value-pressed-state-light-mode-label-color);
  --choice-button-selected-value-pressed-state-light-mode-background-color: var(--core-fill-20-light-mode-color);
  --choice-button-selected-value-pressed-state-light-mode-label-color: var(--core-text-inverse-light-mode-color);
  --choice-button-small-size-content-spacing: var(--core-metrics-spacing-100);
  --choice-button-small-size-horizontal-padding: var(--core-metrics-spacing-150);
  --choice-button-small-size-minimum-height: var(--core-small-size-minimum-height);
  --choice-button-small-size-text-primary-case: var(--core-type-semibold-20-case);
  --choice-button-small-size-text-primary-font-family: var(--core-type-semibold-20-font-family);
  --choice-button-small-size-text-primary-leading: var(--core-type-semibold-20-leading);
  --choice-button-small-size-text-primary-number-spacing: var(--core-type-semibold-20-number-spacing);
  --choice-button-small-size-text-primary-scale: var(--core-type-semibold-20-scale);
  --choice-button-small-size-text-primary-size: var(--core-type-semibold-20-size);
  --choice-button-small-size-text-primary-tracking: var(--core-type-semibold-20-tracking);
  --choice-button-small-size-text-primary-weight: var(--core-type-semibold-20-weight);
  --choice-button-small-size-text-secondary-case: var(--core-type-paragraph-20-case);
  --choice-button-small-size-text-secondary-font-family: var(--core-type-paragraph-20-font-family);
  --choice-button-small-size-text-secondary-leading: var(--core-type-paragraph-20-leading);
  --choice-button-small-size-text-secondary-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --choice-button-small-size-text-secondary-scale: var(--core-type-paragraph-20-scale);
  --choice-button-small-size-text-secondary-size: var(--core-type-paragraph-20-size);
  --choice-button-small-size-text-secondary-tracking: var(--core-type-paragraph-20-tracking);
  --choice-button-small-size-text-secondary-weight: var(--core-type-paragraph-20-weight);
  --choice-button-small-size-vertical-padding: var(--core-metrics-spacing-100);
  --choice-button-unselected-value-disabled-state-background-color: var(--choice-button-unselected-value-disabled-state-light-mode-background-color);
  --choice-button-unselected-value-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --choice-button-unselected-value-disabled-state-dark-mode-label-color: var(--core-text-30-dark-mode-color);
  --choice-button-unselected-value-disabled-state-label-color: var(--choice-button-unselected-value-disabled-state-light-mode-label-color);
  --choice-button-unselected-value-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --choice-button-unselected-value-disabled-state-light-mode-label-color: var(--core-text-30-light-mode-color);
  --choice-button-unselected-value-hover-state-background-color: var(--choice-button-unselected-value-hover-state-light-mode-background-color);
  --choice-button-unselected-value-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);
  --choice-button-unselected-value-hover-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);
  --choice-button-unselected-value-hover-state-label-color: var(--choice-button-unselected-value-hover-state-light-mode-label-color);
  --choice-button-unselected-value-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);
  --choice-button-unselected-value-hover-state-light-mode-label-color: var(--core-text-10-light-mode-color);
  --choice-button-unselected-value-normal-state-background-color: var(--choice-button-unselected-value-normal-state-light-mode-background-color);
  --choice-button-unselected-value-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --choice-button-unselected-value-normal-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);
  --choice-button-unselected-value-normal-state-label-color: var(--choice-button-unselected-value-normal-state-light-mode-label-color);
  --choice-button-unselected-value-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --choice-button-unselected-value-normal-state-light-mode-label-color: var(--core-text-10-light-mode-color);
  --choice-button-unselected-value-pressed-state-background-color: var(--choice-button-unselected-value-pressed-state-light-mode-background-color);
  --choice-button-unselected-value-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);
  --choice-button-unselected-value-pressed-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);
  --choice-button-unselected-value-pressed-state-label-color: var(--choice-button-unselected-value-pressed-state-light-mode-label-color);
  --choice-button-unselected-value-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);
  --choice-button-unselected-value-pressed-state-light-mode-label-color: var(--core-text-10-light-mode-color);

  /* ========== choice-icon-button ========== */
  --choice-icon-button-border-radius: var(--core-radius-100);
  --choice-icon-button-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);
  --choice-icon-button-focus-ring-border-size: var(--core-focus-ring-border-size);
  --choice-icon-button-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);
  --choice-icon-button-focus-ring-color: var(--choice-icon-button-light-mode-focus-ring-color);
  --choice-icon-button-large-size-horizontal-padding: var(--core-metrics-spacing-200);
  --choice-icon-button-large-size-minimum-height: var(--core-large-size-minimum-height);
  --choice-icon-button-large-size-vertical-padding: var(--core-metrics-spacing-200);
  --choice-icon-button-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);
  --choice-icon-button-medium-size-horizontal-padding: var(--core-metrics-spacing-150);
  --choice-icon-button-medium-size-minimum-height: var(--core-medium-size-minimum-height);
  --choice-icon-button-medium-size-vertical-padding: var(--core-metrics-spacing-150);
  --choice-icon-button-minimum-width-multipler: var(--choice-icon-button-minimum-width-multiplier);
  --choice-icon-button-minimum-width-multiplier: 1;
  --choice-icon-button-selected-value-disabled-state-background-color: var(--choice-icon-button-selected-value-disabled-state-light-mode-background-color);
  --choice-icon-button-selected-value-disabled-state-dark-mode-background-color: var(--core-fill-30-dark-mode-color);
  --choice-icon-button-selected-value-disabled-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);
  --choice-icon-button-selected-value-disabled-state-icon-color: var(--choice-icon-button-selected-value-disabled-state-light-mode-icon-color);
  --choice-icon-button-selected-value-disabled-state-light-mode-background-color: var(--core-fill-30-light-mode-color);
  --choice-icon-button-selected-value-disabled-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);
  --choice-icon-button-selected-value-hover-state-background-color: var(--choice-icon-button-selected-value-hover-state-light-mode-background-color);
  --choice-icon-button-selected-value-hover-state-dark-mode-background-color: var(--core-fill-10-dark-mode-color);
  --choice-icon-button-selected-value-hover-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);
  --choice-icon-button-selected-value-hover-state-icon-color: var(--choice-icon-button-selected-value-hover-state-light-mode-icon-color);
  --choice-icon-button-selected-value-hover-state-light-mode-background-color: var(--core-fill-10-light-mode-color);
  --choice-icon-button-selected-value-hover-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);
  --choice-icon-button-selected-value-normal-state-background-color: var(--choice-icon-button-selected-value-normal-state-light-mode-background-color);
  --choice-icon-button-selected-value-normal-state-dark-mode-background-color: var(--core-fill-10-dark-mode-color);
  --choice-icon-button-selected-value-normal-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);
  --choice-icon-button-selected-value-normal-state-icon-color: var(--choice-icon-button-selected-value-normal-state-light-mode-icon-color);
  --choice-icon-button-selected-value-normal-state-light-mode-background-color: var(--core-fill-10-light-mode-color);
  --choice-icon-button-selected-value-normal-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);
  --choice-icon-button-selected-value-pressed-state-background-color: var(--choice-icon-button-selected-value-pressed-state-light-mode-background-color);
  --choice-icon-button-selected-value-pressed-state-dark-mode-background-color: var(--core-fill-20-dark-mode-color);
  --choice-icon-button-selected-value-pressed-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);
  --choice-icon-button-selected-value-pressed-state-icon-color: var(--choice-icon-button-selected-value-pressed-state-light-mode-icon-color);
  --choice-icon-button-selected-value-pressed-state-light-mode-background-color: var(--core-fill-20-light-mode-color);
  --choice-icon-button-selected-value-pressed-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);
  --choice-icon-button-small-size-horizontal-padding: var(--core-metrics-spacing-100);
  --choice-icon-button-small-size-minimum-height: var(--core-small-size-minimum-height);
  --choice-icon-button-small-size-vertical-padding: var(--core-metrics-spacing-100);
  --choice-icon-button-unselected-value-disabled-state-background-color: var(--choice-icon-button-unselected-value-disabled-state-light-mode-background-color);
  --choice-icon-button-unselected-value-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --choice-icon-button-unselected-value-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);
  --choice-icon-button-unselected-value-disabled-state-icon-color: var(--choice-icon-button-unselected-value-disabled-state-light-mode-icon-color);
  --choice-icon-button-unselected-value-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --choice-icon-button-unselected-value-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);
  --choice-icon-button-unselected-value-hover-state-background-color: var(--choice-icon-button-unselected-value-hover-state-light-mode-background-color);
  --choice-icon-button-unselected-value-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);
  --choice-icon-button-unselected-value-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --choice-icon-button-unselected-value-hover-state-icon-color: var(--choice-icon-button-unselected-value-hover-state-light-mode-icon-color);
  --choice-icon-button-unselected-value-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);
  --choice-icon-button-unselected-value-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --choice-icon-button-unselected-value-normal-state-background-color: var(--choice-icon-button-unselected-value-normal-state-light-mode-background-color);
  --choice-icon-button-unselected-value-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --choice-icon-button-unselected-value-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --choice-icon-button-unselected-value-normal-state-icon-color: var(--choice-icon-button-unselected-value-normal-state-light-mode-icon-color);
  --choice-icon-button-unselected-value-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --choice-icon-button-unselected-value-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --choice-icon-button-unselected-value-pressed-state-background-color: var(--choice-icon-button-unselected-value-pressed-state-light-mode-background-color);
  --choice-icon-button-unselected-value-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);
  --choice-icon-button-unselected-value-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --choice-icon-button-unselected-value-pressed-state-icon-color: var(--choice-icon-button-unselected-value-pressed-state-light-mode-icon-color);
  --choice-icon-button-unselected-value-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);
  --choice-icon-button-unselected-value-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color);

  /* ========== coachmark ========== */
  --coachmark-background-color: var(--coachmark-background-light-mode-color);
  --coachmark-background-dark-mode-color: var(--core-surface-inverse-dark-mode-color);
  --coachmark-background-light-mode-color: var(--core-surface-inverse-light-mode-color);
  --coachmark-border-radius: var(--core-radius-100);
  --coachmark-heading-case: var(--core-type-semibold-20-case);
  --coachmark-heading-color: var(--coachmark-heading-light-mode-color);
  --coachmark-heading-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --coachmark-heading-font-family: var(--core-type-semibold-20-font-family);
  --coachmark-heading-leading: var(--core-type-semibold-20-leading);
  --coachmark-heading-light-mode-color: var(--core-text-inverse-light-mode-color);
  --coachmark-heading-number-spacing: var(--core-type-semibold-20-number-spacing);
  --coachmark-heading-scale: var(--core-type-semibold-20-scale);
  --coachmark-heading-size: var(--core-type-semibold-20-size);
  --coachmark-heading-tracking: var(--core-type-semibold-20-tracking);
  --coachmark-heading-weight: var(--core-type-semibold-20-weight);
  --coachmark-horizontal-padding: var(--core-metrics-spacing-200);
  --coachmark-icon-button-border-radius: var(--icon-button-border-radius);
  --coachmark-icon-button-compact-size-minimum-height: var(--icon-button-compact-size-minimum-height);
  --coachmark-icon-button-compact-size-minimum-padding-size: var(--icon-button-compact-size-minimum-padding-size);
  --coachmark-icon-button-compact-size-minimum-width: var(--icon-button-compact-size-minimum-width);
  --coachmark-icon-button-compact-size-padding-size: var(--icon-button-compact-size-padding-size);
  --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);
  --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);
  --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-primary-rank-hover-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);
  --coachmark-icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);
  --coachmark-icon-button-destructive-variant-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-primary-rank-normal-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);
  --coachmark-icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);
  --coachmark-icon-button-destructive-variant-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);
  --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);
  --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-disabled-state-background-color: var(--coachmark-icon-button-disabled-state-light-mode-background-color);
  --coachmark-icon-button-disabled-state-dark-mode-background-color: var(--icon-button-disabled-state-dark-mode-background-color);
  --coachmark-icon-button-disabled-state-dark-mode-icon-color: var(--icon-button-disabled-state-dark-mode-icon-color);
  --coachmark-icon-button-disabled-state-icon-color: var(--coachmark-icon-button-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-disabled-state-light-mode-background-color: var(--icon-button-disabled-state-light-mode-background-color);
  --coachmark-icon-button-disabled-state-light-mode-icon-color: var(--icon-button-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-focus-ring-border-size: var(--icon-button-focus-ring-border-size);
  --coachmark-icon-button-focus-ring-buffer-size: var(--icon-button-focus-ring-buffer-size);
  --coachmark-icon-button-focus-state-background-color: var(--coachmark-icon-button-focus-state-light-mode-background-color);
  --coachmark-icon-button-focus-state-dark-mode-background-color: var(--icon-button-focus-state-dark-mode-background-color);
  --coachmark-icon-button-focus-state-dark-mode-icon-color: var(--icon-button-focus-state-dark-mode-icon-color);
  --coachmark-icon-button-focus-state-icon-color: var(--coachmark-icon-button-focus-state-light-mode-icon-color);
  --coachmark-icon-button-focus-state-light-mode-background-color: var(--icon-button-focus-state-light-mode-background-color);
  --coachmark-icon-button-focus-state-light-mode-icon-color: var(--icon-button-focus-state-light-mode-icon-color);
  --coachmark-icon-button-hover-state-background-color: var(--coachmark-icon-button-hover-state-light-mode-background-color);
  --coachmark-icon-button-hover-state-dark-mode-background-color: var(--icon-button-hover-state-dark-mode-background-color);
  --coachmark-icon-button-hover-state-dark-mode-icon-color: var(--icon-button-hover-state-dark-mode-icon-color);
  --coachmark-icon-button-hover-state-icon-color: var(--coachmark-icon-button-hover-state-light-mode-icon-color);
  --coachmark-icon-button-hover-state-light-mode-background-color: var(--icon-button-hover-state-light-mode-background-color);
  --coachmark-icon-button-hover-state-light-mode-icon-color: var(--icon-button-hover-state-light-mode-icon-color);
  --coachmark-icon-button-large-size-icon-height: var(--icon-button-large-size-icon-height);
  --coachmark-icon-button-large-size-icon-width: var(--icon-button-large-size-icon-width);
  --coachmark-icon-button-large-size-minimum-height: var(--icon-button-large-size-minimum-height);
  --coachmark-icon-button-large-size-padding-size: var(--icon-button-large-size-padding-size);
  --coachmark-icon-button-large-size-width-multiplier: var(--icon-button-large-size-width-multiplier);
  --coachmark-icon-button-medium-size-horizontal-spacing-size: var(--icon-button-medium-size-horizontal-spacing-size);
  --coachmark-icon-button-medium-size-icon-height: var(--icon-button-medium-size-icon-height);
  --coachmark-icon-button-medium-size-icon-width: var(--icon-button-medium-size-icon-width);
  --coachmark-icon-button-medium-size-minimum-height: var(--icon-button-medium-size-minimum-height);
  --coachmark-icon-button-medium-size-padding-size: var(--icon-button-medium-size-padding-size);
  --coachmark-icon-button-medium-size-width-multiplier: var(--icon-button-medium-size-width-multiplier);
  --coachmark-icon-button-minimum-height: var(--icon-button-minimum-height);
  --coachmark-icon-button-minimum-width: var(--icon-button-minimum-width);
  --coachmark-icon-button-normal-size-minimum-height: var(--icon-button-normal-size-minimum-height);
  --coachmark-icon-button-normal-size-minimum-width: var(--icon-button-normal-size-minimum-width);
  --coachmark-icon-button-normal-size-padding-size: var(--icon-button-normal-size-padding-size);
  --coachmark-icon-button-normal-state-background-color: var(--coachmark-icon-button-normal-state-light-mode-background-color);
  --coachmark-icon-button-normal-state-dark-mode-background-color: var(--icon-button-normal-state-dark-mode-background-color);
  --coachmark-icon-button-normal-state-dark-mode-icon-color: var(--icon-button-normal-state-dark-mode-icon-color);
  --coachmark-icon-button-normal-state-icon-color: var(--coachmark-icon-button-normal-state-light-mode-icon-color);
  --coachmark-icon-button-normal-state-light-mode-background-color: var(--icon-button-normal-state-light-mode-background-color);
  --coachmark-icon-button-normal-state-light-mode-icon-color: var(--icon-button-normal-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-focus-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-focus-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-hover-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-normal-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
  --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);
  --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
  --coachmark-icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);
  --coachmark-icon-button-normal-variant-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
  --coachmark-icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);
  --coachmark-icon-button-normal-variant-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
  --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);
  --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-padding-size: var(--icon-button-padding-size);
  --coachmark-icon-button-pressed-state-background-color: var(--coachmark-icon-button-pressed-state-light-mode-background-color);
  --coachmark-icon-button-pressed-state-dark-mode-background-color: var(--icon-button-pressed-state-dark-mode-background-color);
  --coachmark-icon-button-pressed-state-dark-mode-icon-color: var(--icon-button-pressed-state-dark-mode-icon-color);
  --coachmark-icon-button-pressed-state-icon-color: var(--coachmark-icon-button-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-pressed-state-light-mode-background-color: var(--icon-button-pressed-state-light-mode-background-color);
  --coachmark-icon-button-pressed-state-light-mode-icon-color: var(--icon-button-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-primary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-primary-rank-disabled-state-dark-mode-background-color);
  --coachmark-icon-button-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-primary-rank-disabled-state-dark-mode-icon-color);
  --coachmark-icon-button-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-primary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-primary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-primary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-primary-rank-focus-state-background-color: var(--coachmark-icon-button-primary-rank-focus-state-light-mode-background-color);
  --coachmark-icon-button-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-primary-rank-focus-state-dark-mode-background-color);
  --coachmark-icon-button-primary-rank-focus-state-dark-mode-icon-color: var(--icon-button-primary-rank-focus-state-dark-mode-icon-color);
  --coachmark-icon-button-primary-rank-focus-state-icon-color: var(--coachmark-icon-button-primary-rank-focus-state-light-mode-icon-color);
  --coachmark-icon-button-primary-rank-focus-state-light-mode-background-color: var(--icon-button-primary-rank-focus-state-light-mode-background-color);
  --coachmark-icon-button-primary-rank-focus-state-light-mode-icon-color: var(--icon-button-primary-rank-focus-state-light-mode-icon-color);
  --coachmark-icon-button-primary-rank-hover-state-background-color: var(--coachmark-icon-button-primary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-primary-rank-hover-state-dark-mode-background-color);
  --coachmark-icon-button-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-primary-rank-hover-state-dark-mode-icon-color);
  --coachmark-icon-button-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-primary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-primary-rank-hover-state-light-mode-background-color: var(--icon-button-primary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-primary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-primary-rank-normal-state-background-color: var(--coachmark-icon-button-primary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-primary-rank-normal-state-dark-mode-background-color);
  --coachmark-icon-button-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-primary-rank-normal-state-dark-mode-icon-color);
  --coachmark-icon-button-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-primary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-primary-rank-normal-state-light-mode-background-color: var(--icon-button-primary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-primary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-primary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-primary-rank-pressed-state-dark-mode-background-color);
  --coachmark-icon-button-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-primary-rank-pressed-state-dark-mode-icon-color);
  --coachmark-icon-button-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-primary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-primary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-primary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-secondary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);
  --coachmark-icon-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);
  --coachmark-icon-button-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-secondary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-secondary-rank-focus-state-background-color: var(--coachmark-icon-button-secondary-rank-focus-state-light-mode-background-color);
  --coachmark-icon-button-secondary-rank-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);
  --coachmark-icon-button-secondary-rank-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);
  --coachmark-icon-button-secondary-rank-focus-state-icon-color: var(--coachmark-icon-button-secondary-rank-focus-state-light-mode-icon-color);
  --coachmark-icon-button-secondary-rank-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color);
  --coachmark-icon-button-secondary-rank-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);
  --coachmark-icon-button-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-secondary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);
  --coachmark-icon-button-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);
  --coachmark-icon-button-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-secondary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-secondary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);
  --coachmark-icon-button-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);
  --coachmark-icon-button-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-secondary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-secondary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);
  --coachmark-icon-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);
  --coachmark-icon-button-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-secondary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-small-size-icon-height: var(--icon-button-small-size-icon-height);
  --coachmark-icon-button-small-size-icon-width: var(--icon-button-small-size-icon-width);
  --coachmark-icon-button-small-size-minimum-height: var(--icon-button-small-size-minimum-height);
  --coachmark-icon-button-small-size-padding-size: var(--icon-button-small-size-padding-size);
  --coachmark-icon-button-small-size-width-multiplier: var(--icon-button-small-size-width-multiplier);
  --coachmark-icon-button-tertiary-rank-disabled-state-background-color: var(--coachmark-icon-button-tertiary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-background-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-background-color);
  --coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-disabled-state-icon-color: var(--coachmark-icon-button-tertiary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-disabled-state-light-mode-background-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-focus-state-background-color: var(--coachmark-icon-button-tertiary-rank-focus-state-light-mode-background-color);
  --coachmark-icon-button-tertiary-rank-focus-state-dark-mode-background-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-background-color);
  --coachmark-icon-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-focus-state-icon-color: var(--coachmark-icon-button-tertiary-rank-focus-state-light-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-focus-state-light-mode-background-color: var(--icon-button-tertiary-rank-focus-state-light-mode-background-color);
  --coachmark-icon-button-tertiary-rank-focus-state-light-mode-icon-color: var(--icon-button-tertiary-rank-focus-state-light-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-hover-state-background-color: var(--coachmark-icon-button-tertiary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-tertiary-rank-hover-state-dark-mode-background-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color);
  --coachmark-icon-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-hover-state-icon-color: var(--coachmark-icon-button-tertiary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-hover-state-light-mode-background-color: var(--icon-button-tertiary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-tertiary-rank-hover-state-light-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-normal-state-background-color: var(--coachmark-icon-button-tertiary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-tertiary-rank-normal-state-dark-mode-background-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-background-color);
  --coachmark-icon-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-normal-state-icon-color: var(--coachmark-icon-button-tertiary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-normal-state-light-mode-background-color: var(--icon-button-tertiary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-tertiary-rank-normal-state-light-mode-icon-color: var(--icon-button-tertiary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-pressed-state-background-color: var(--coachmark-icon-button-tertiary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-background-color);
  --coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-pressed-state-icon-color: var(--coachmark-icon-button-tertiary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-pressed-state-light-mode-background-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-icon-color);
  --coachmark-paragraph-case: var(--core-type-paragraph-20-case);
  --coachmark-paragraph-color: var(--coachmark-paragraph-light-mode-color);
  --coachmark-paragraph-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --coachmark-paragraph-font-family: var(--core-type-paragraph-20-font-family);
  --coachmark-paragraph-leading: var(--core-type-paragraph-20-leading);
  --coachmark-paragraph-light-mode-color: var(--core-text-inverse-light-mode-color);
  --coachmark-paragraph-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --coachmark-paragraph-scale: var(--core-type-paragraph-20-scale);
  --coachmark-paragraph-size: var(--core-type-paragraph-20-size);
  --coachmark-paragraph-tracking: var(--core-type-paragraph-20-tracking);
  --coachmark-paragraph-weight: var(--core-type-paragraph-20-weight);
  --coachmark-pill-alpha-variant-background-color: var(--coachmark-pill-alpha-variant-background-light-mode-color);
  --coachmark-pill-alpha-variant-background-dark-mode-color: var(--pill-alpha-variant-background-dark-mode-color);
  --coachmark-pill-alpha-variant-background-light-mode-color: var(--pill-alpha-variant-background-light-mode-color);
  --coachmark-pill-alpha-variant-icon-color: var(--coachmark-pill-alpha-variant-icon-light-mode-color);
  --coachmark-pill-alpha-variant-icon-dark-mode-color: var(--pill-alpha-variant-icon-dark-mode-color);
  --coachmark-pill-alpha-variant-icon-light-mode-color: var(--pill-alpha-variant-icon-light-mode-color);
  --coachmark-pill-alpha-variant-normal-state-background-color: var(--coachmark-pill-alpha-variant-normal-state-background-light-mode-color);
  --coachmark-pill-alpha-variant-normal-state-background-dark-mode-color: var(--pill-alpha-variant-normal-state-background-dark-mode-color);
  --coachmark-pill-alpha-variant-normal-state-background-light-mode-color: var(--pill-alpha-variant-normal-state-background-light-mode-color);
  --coachmark-pill-alpha-variant-pressed-state-background-color: var(--coachmark-pill-alpha-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-alpha-variant-pressed-state-background-dark-mode-color: var(--pill-alpha-variant-pressed-state-background-dark-mode-color);
  --coachmark-pill-alpha-variant-pressed-state-background-light-mode-color: var(--pill-alpha-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-alpha-variant-text-color: var(--coachmark-pill-alpha-variant-text-light-mode-color);
  --coachmark-pill-alpha-variant-text-dark-mode-color: var(--pill-alpha-variant-text-dark-mode-color);
  --coachmark-pill-alpha-variant-text-light-mode-color: var(--pill-alpha-variant-text-light-mode-color);
  --coachmark-pill-beta-variant-background-color: var(--coachmark-pill-beta-variant-background-light-mode-color);
  --coachmark-pill-beta-variant-background-dark-mode-color: var(--pill-beta-variant-background-dark-mode-color);
  --coachmark-pill-beta-variant-background-light-mode-color: var(--pill-beta-variant-background-light-mode-color);
  --coachmark-pill-beta-variant-icon-color: var(--coachmark-pill-beta-variant-icon-light-mode-color);
  --coachmark-pill-beta-variant-icon-dark-mode-color: var(--pill-beta-variant-icon-dark-mode-color);
  --coachmark-pill-beta-variant-icon-light-mode-color: var(--pill-beta-variant-icon-light-mode-color);
  --coachmark-pill-beta-variant-normal-state-background-color: var(--coachmark-pill-beta-variant-normal-state-background-light-mode-color);
  --coachmark-pill-beta-variant-normal-state-background-dark-mode-color: var(--pill-beta-variant-normal-state-background-dark-mode-color);
  --coachmark-pill-beta-variant-normal-state-background-light-mode-color: var(--pill-beta-variant-normal-state-background-light-mode-color);
  --coachmark-pill-beta-variant-pressed-state-background-color: var(--coachmark-pill-beta-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-beta-variant-pressed-state-background-dark-mode-color: var(--pill-beta-variant-pressed-state-background-dark-mode-color);
  --coachmark-pill-beta-variant-pressed-state-background-light-mode-color: var(--pill-beta-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-beta-variant-text-color: var(--coachmark-pill-beta-variant-text-light-mode-color);
  --coachmark-pill-beta-variant-text-dark-mode-color: var(--pill-beta-variant-text-dark-mode-color);
  --coachmark-pill-beta-variant-text-light-mode-color: var(--pill-beta-variant-text-light-mode-color);
  --coachmark-pill-border-color: var(--coachmark-pill-border-light-mode-color);
  --coachmark-pill-border-dark-mode-color: var(--pill-border-dark-mode-color);
  --coachmark-pill-border-light-mode-color: var(--pill-border-light-mode-color);
  --coachmark-pill-border-width: var(--pill-border-width);
  --coachmark-pill-compact-size-border-radius: var(--pill-compact-size-border-radius);
  --coachmark-pill-compact-size-corner-radius: var(--pill-compact-size-corner-radius);
  --coachmark-pill-compact-size-horizontal-padding: var(--pill-compact-size-horizontal-padding);
  --coachmark-pill-compact-size-icon-dot-radius: var(--pill-compact-size-icon-dot-radius);
  --coachmark-pill-compact-size-icon-left-padding: var(--pill-compact-size-icon-left-padding);
  --coachmark-pill-compact-size-icon-size: var(--pill-compact-size-icon-size);
  --coachmark-pill-compact-size-icon-to-text-spacing: var(--pill-compact-size-icon-to-text-spacing);
  --coachmark-pill-compact-size-indicator-dot-horizontal-padding-left: var(--pill-compact-size-indicator-dot-horizontal-padding-left);
  --coachmark-pill-compact-size-indicator-dot-horizontal-padding-right: var(--pill-compact-size-indicator-dot-horizontal-padding-right);
  --coachmark-pill-compact-size-indicator-dot-radius: var(--pill-compact-size-indicator-dot-radius);
  --coachmark-pill-compact-size-indicator-icon-horizontal-padding-left: var(--pill-compact-size-indicator-icon-horizontal-padding-left);
  --coachmark-pill-compact-size-indicator-icon-horizontal-padding-right: var(--pill-compact-size-indicator-icon-horizontal-padding-right);
  --coachmark-pill-compact-size-indicator-icon-size: var(--pill-compact-size-indicator-icon-size);
  --coachmark-pill-compact-size-padding-horizontal-size: var(--pill-compact-size-padding-horizontal-size);
  --coachmark-pill-compact-size-padding-vertical-size: var(--pill-compact-size-padding-vertical-size);
  --coachmark-pill-compact-size-spacing-horizontal: var(--pill-compact-size-spacing-horizontal);
  --coachmark-pill-compact-size-text-case: var(--pill-compact-size-text-case);
  --coachmark-pill-compact-size-text-edge-padding: var(--pill-compact-size-text-edge-padding);
  --coachmark-pill-compact-size-text-font-family: var(--pill-compact-size-text-font-family);
  --coachmark-pill-compact-size-text-horizontal-padding-left: var(--pill-compact-size-text-horizontal-padding-left);
  --coachmark-pill-compact-size-text-leading: var(--pill-compact-size-text-leading);
  --coachmark-pill-compact-size-text-number-spacing: var(--pill-compact-size-text-number-spacing);
  --coachmark-pill-compact-size-text-scale: var(--pill-compact-size-text-scale);
  --coachmark-pill-compact-size-text-size: var(--pill-compact-size-text-size);
  --coachmark-pill-compact-size-text-tracking: var(--pill-compact-size-text-tracking);
  --coachmark-pill-compact-size-text-weight: var(--pill-compact-size-text-weight);
  --coachmark-pill-compact-size-vertical-padding: var(--pill-compact-size-vertical-padding);
  --coachmark-pill-critical-variant-background-color: var(--coachmark-pill-critical-variant-background-light-mode-color);
  --coachmark-pill-critical-variant-background-dark-mode-color: var(--pill-critical-variant-background-dark-mode-color);
  --coachmark-pill-critical-variant-background-light-mode-color: var(--pill-critical-variant-background-light-mode-color);
  --coachmark-pill-critical-variant-icon-color: var(--coachmark-pill-critical-variant-icon-light-mode-color);
  --coachmark-pill-critical-variant-icon-dark-mode-color: var(--pill-critical-variant-icon-dark-mode-color);
  --coachmark-pill-critical-variant-icon-light-mode-color: var(--pill-critical-variant-icon-light-mode-color);
  --coachmark-pill-critical-variant-normal-state-background-color: var(--coachmark-pill-critical-variant-normal-state-background-light-mode-color);
  --coachmark-pill-critical-variant-normal-state-background-dark-mode-color: var(--pill-critical-variant-normal-state-background-dark-mode-color);
  --coachmark-pill-critical-variant-normal-state-background-light-mode-color: var(--pill-critical-variant-normal-state-background-light-mode-color);
  --coachmark-pill-critical-variant-pressed-state-background-color: var(--coachmark-pill-critical-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-critical-variant-pressed-state-background-dark-mode-color: var(--pill-critical-variant-pressed-state-background-dark-mode-color);
  --coachmark-pill-critical-variant-pressed-state-background-light-mode-color: var(--pill-critical-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-critical-variant-text-color: var(--coachmark-pill-critical-variant-text-light-mode-color);
  --coachmark-pill-critical-variant-text-dark-mode-color: var(--pill-critical-variant-text-dark-mode-color);
  --coachmark-pill-critical-variant-text-light-mode-color: var(--pill-critical-variant-text-light-mode-color);
  --coachmark-pill-emphasis-variant-background-color: var(--coachmark-pill-emphasis-variant-background-light-mode-color);
  --coachmark-pill-emphasis-variant-background-dark-mode-color: var(--pill-emphasis-variant-background-dark-mode-color);
  --coachmark-pill-emphasis-variant-background-light-mode-color: var(--pill-emphasis-variant-background-light-mode-color);
  --coachmark-pill-emphasis-variant-icon-color: var(--coachmark-pill-emphasis-variant-icon-light-mode-color);
  --coachmark-pill-emphasis-variant-icon-dark-mode-color: var(--pill-emphasis-variant-icon-dark-mode-color);
  --coachmark-pill-emphasis-variant-icon-light-mode-color: var(--pill-emphasis-variant-icon-light-mode-color);
  --coachmark-pill-emphasis-variant-normal-state-background-color: var(--coachmark-pill-emphasis-variant-normal-state-background-light-mode-color);
  --coachmark-pill-emphasis-variant-normal-state-background-dark-mode-color: var(--pill-emphasis-variant-normal-state-background-dark-mode-color);
  --coachmark-pill-emphasis-variant-normal-state-background-light-mode-color: var(--pill-emphasis-variant-normal-state-background-light-mode-color);
  --coachmark-pill-emphasis-variant-pressed-state-background-color: var(--coachmark-pill-emphasis-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-emphasis-variant-pressed-state-background-dark-mode-color: var(--pill-emphasis-variant-pressed-state-background-dark-mode-color);
  --coachmark-pill-emphasis-variant-pressed-state-background-light-mode-color: var(--pill-emphasis-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-emphasis-variant-text-color: var(--coachmark-pill-emphasis-variant-text-light-mode-color);
  --coachmark-pill-emphasis-variant-text-dark-mode-color: var(--pill-emphasis-variant-text-dark-mode-color);
  --coachmark-pill-emphasis-variant-text-light-mode-color: var(--pill-emphasis-variant-text-light-mode-color);
  --coachmark-pill-insight-variant-background-color: var(--coachmark-pill-insight-variant-background-light-mode-color);
  --coachmark-pill-insight-variant-background-dark-mode-color: var(--pill-insight-variant-background-dark-mode-color);
  --coachmark-pill-insight-variant-background-light-mode-color: var(--pill-insight-variant-background-light-mode-color);
  --coachmark-pill-insight-variant-icon-color: var(--coachmark-pill-insight-variant-icon-light-mode-color);
  --coachmark-pill-insight-variant-icon-dark-mode-color: var(--pill-insight-variant-icon-dark-mode-color);
  --coachmark-pill-insight-variant-icon-light-mode-color: var(--pill-insight-variant-icon-light-mode-color);
  --coachmark-pill-insight-variant-normal-state-background-color: var(--coachmark-pill-insight-variant-normal-state-background-light-mode-color);
  --coachmark-pill-insight-variant-normal-state-background-dark-mode-color: var(--pill-insight-variant-normal-state-background-dark-mode-color);
  --coachmark-pill-insight-variant-normal-state-background-light-mode-color: var(--pill-insight-variant-normal-state-background-light-mode-color);
  --coachmark-pill-insight-variant-pressed-state-background-color: var(--coachmark-pill-insight-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-insight-variant-pressed-state-background-dark-mode-color: var(--pill-insight-variant-pressed-state-background-dark-mode-color);
  --coachmark-pill-insight-variant-pressed-state-background-light-mode-color: var(--pill-insight-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-insight-variant-text-color: var(--coachmark-pill-insight-variant-text-light-mode-color);
  --coachmark-pill-insight-variant-text-dark-mode-color: var(--pill-insight-variant-text-dark-mode-color);
  --coachmark-pill-insight-variant-text-light-mode-color: var(--pill-insight-variant-text-light-mode-color);
  --coachmark-pill-normal-size-border-radius: var(--pill-normal-size-border-radius);
  --coachmark-pill-normal-size-corner-radius: var(--pill-normal-size-corner-radius);
  --coachmark-pill-normal-size-horizontal-padding: var(--pill-normal-size-horizontal-padding);
  --coachmark-pill-normal-size-icon-dot-radius: var(--pill-normal-size-icon-dot-radius);
  --coachmark-pill-normal-size-icon-left-padding: var(--pill-normal-size-icon-left-padding);
  --coachmark-pill-normal-size-icon-size: var(--pill-normal-size-icon-size);
  --coachmark-pill-normal-size-icon-to-text-spacing: var(--pill-normal-size-icon-to-text-spacing);
  --coachmark-pill-normal-size-indicator-dot-horizontal-padding-left: var(--pill-normal-size-indicator-dot-horizontal-padding-left);
  --coachmark-pill-normal-size-indicator-dot-horizontal-padding-right: var(--pill-normal-size-indicator-dot-horizontal-padding-right);
  --coachmark-pill-normal-size-indicator-dot-radius: var(--pill-normal-size-indicator-dot-radius);
  --coachmark-pill-normal-size-indicator-icon-horizontal-padding-left: var(--pill-normal-size-indicator-icon-horizontal-padding-left);
  --coachmark-pill-normal-size-indicator-icon-horizontal-padding-right: var(--pill-normal-size-indicator-icon-horizontal-padding-right);
  --coachmark-pill-normal-size-indicator-icon-size: var(--pill-normal-size-indicator-icon-size);
  --coachmark-pill-normal-size-padding-horizontal-size: var(--pill-normal-size-padding-horizontal-size);
  --coachmark-pill-normal-size-padding-vertical-size: var(--pill-normal-size-padding-vertical-size);
  --coachmark-pill-normal-size-spacing-horizontal: var(--pill-normal-size-spacing-horizontal);
  --coachmark-pill-normal-size-text-case: var(--pill-normal-size-text-case);
  --coachmark-pill-normal-size-text-edge-padding: var(--pill-normal-size-text-edge-padding);
  --coachmark-pill-normal-size-text-font-family: var(--pill-normal-size-text-font-family);
  --coachmark-pill-normal-size-text-horizontal-padding-left: var(--pill-normal-size-text-horizontal-padding-left);
  --coachmark-pill-normal-size-text-leading: var(--pill-normal-size-text-leading);
  --coachmark-pill-normal-size-text-number-spacing: var(--pill-normal-size-text-number-spacing);
  --coachmark-pill-normal-size-text-scale: var(--pill-normal-size-text-scale);
  --coachmark-pill-normal-size-text-size: var(--pill-normal-size-text-size);
  --coachmark-pill-normal-size-text-tracking: var(--pill-normal-size-text-tracking);
  --coachmark-pill-normal-size-text-weight: var(--pill-normal-size-text-weight);
  --coachmark-pill-normal-size-vertical-padding: var(--pill-normal-size-vertical-padding);
  --coachmark-pill-normal-variant-background-color: var(--coachmark-pill-normal-variant-background-light-mode-color);
  --coachmark-pill-normal-variant-background-dark-mode-color: var(--pill-normal-variant-background-dark-mode-color);
  --coachmark-pill-normal-variant-background-light-mode-color: var(--pill-normal-variant-background-light-mode-color);
  --coachmark-pill-normal-variant-icon-color: var(--coachmark-pill-normal-variant-icon-light-mode-color);
  --coachmark-pill-normal-variant-icon-dark-mode-color: var(--pill-normal-variant-icon-dark-mode-color);
  --coachmark-pill-normal-variant-icon-light-mode-color: var(--pill-normal-variant-icon-light-mode-color);
  --coachmark-pill-normal-variant-normal-state-background-color: var(--coachmark-pill-normal-variant-normal-state-background-light-mode-color);
  --coachmark-pill-normal-variant-normal-state-background-dark-mode-color: var(--pill-normal-variant-normal-state-background-dark-mode-color);
  --coachmark-pill-normal-variant-normal-state-background-light-mode-color: var(--pill-normal-variant-normal-state-background-light-mode-color);
  --coachmark-pill-normal-variant-pressed-state-background-color: var(--coachmark-pill-normal-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-normal-variant-pressed-state-background-dark-mode-color: var(--pill-normal-variant-pressed-state-background-dark-mode-color);
  --coachmark-pill-normal-variant-pressed-state-background-light-mode-color: var(--pill-normal-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-normal-variant-text-color: var(--coachmark-pill-normal-variant-text-light-mode-color);
  --coachmark-pill-normal-variant-text-dark-mode-color: var(--pill-normal-variant-text-dark-mode-color);
  --coachmark-pill-normal-variant-text-light-mode-color: var(--pill-normal-variant-text-light-mode-color);
  --coachmark-pill-success-variant-background-color: var(--coachmark-pill-success-variant-background-light-mode-color);
  --coachmark-pill-success-variant-background-dark-mode-color: var(--pill-success-variant-background-dark-mode-color);
  --coachmark-pill-success-variant-background-light-mode-color: var(--pill-success-variant-background-light-mode-color);
  --coachmark-pill-success-variant-icon-color: var(--coachmark-pill-success-variant-icon-light-mode-color);
  --coachmark-pill-success-variant-icon-dark-mode-color: var(--pill-success-variant-icon-dark-mode-color);
  --coachmark-pill-success-variant-icon-light-mode-color: var(--pill-success-variant-icon-light-mode-color);
  --coachmark-pill-success-variant-normal-state-background-color: var(--coachmark-pill-success-variant-normal-state-background-light-mode-color);
  --coachmark-pill-success-variant-normal-state-background-dark-mode-color: var(--pill-success-variant-normal-state-background-dark-mode-color);
  --coachmark-pill-success-variant-normal-state-background-light-mode-color: var(--pill-success-variant-normal-state-background-light-mode-color);
  --coachmark-pill-success-variant-pressed-state-background-color: var(--coachmark-pill-success-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-success-variant-pressed-state-background-dark-mode-color: var(--pill-success-variant-pressed-state-background-dark-mode-color);
  --coachmark-pill-success-variant-pressed-state-background-light-mode-color: var(--pill-success-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-success-variant-text-color: var(--coachmark-pill-success-variant-text-light-mode-color);
  --coachmark-pill-success-variant-text-dark-mode-color: var(--pill-success-variant-text-dark-mode-color);
  --coachmark-pill-success-variant-text-light-mode-color: var(--pill-success-variant-text-light-mode-color);
  --coachmark-pill-warning-variant-background-color: var(--coachmark-pill-warning-variant-background-light-mode-color);
  --coachmark-pill-warning-variant-background-dark-mode-color: var(--pill-warning-variant-background-dark-mode-color);
  --coachmark-pill-warning-variant-background-light-mode-color: var(--pill-warning-variant-background-light-mode-color);
  --coachmark-pill-warning-variant-icon-color: var(--coachmark-pill-warning-variant-icon-light-mode-color);
  --coachmark-pill-warning-variant-icon-dark-mode-color: var(--pill-warning-variant-icon-dark-mode-color);
  --coachmark-pill-warning-variant-icon-light-mode-color: var(--pill-warning-variant-icon-light-mode-color);
  --coachmark-pill-warning-variant-normal-state-background-color: var(--coachmark-pill-warning-variant-normal-state-background-light-mode-color);
  --coachmark-pill-warning-variant-normal-state-background-dark-mode-color: var(--pill-warning-variant-normal-state-background-dark-mode-color);
  --coachmark-pill-warning-variant-normal-state-background-light-mode-color: var(--pill-warning-variant-normal-state-background-light-mode-color);
  --coachmark-pill-warning-variant-pressed-state-background-color: var(--coachmark-pill-warning-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-warning-variant-pressed-state-background-dark-mode-color: var(--pill-warning-variant-pressed-state-background-dark-mode-color);
  --coachmark-pill-warning-variant-pressed-state-background-light-mode-color: var(--pill-warning-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-warning-variant-text-color: var(--coachmark-pill-warning-variant-text-light-mode-color);
  --coachmark-pill-warning-variant-text-dark-mode-color: var(--pill-warning-variant-text-dark-mode-color);
  --coachmark-pill-warning-variant-text-light-mode-color: var(--pill-warning-variant-text-light-mode-color);
  --coachmark-step-indicator-case: var(--core-type-paragraph-20-case);
  --coachmark-step-indicator-color: var(--coachmark-step-indicator-light-mode-color);
  --coachmark-step-indicator-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --coachmark-step-indicator-font-family: var(--core-type-paragraph-20-font-family);
  --coachmark-step-indicator-leading: var(--core-type-paragraph-20-leading);
  --coachmark-step-indicator-light-mode-color: var(--core-text-inverse-light-mode-color);
  --coachmark-step-indicator-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --coachmark-step-indicator-scale: var(--core-type-paragraph-20-scale);
  --coachmark-step-indicator-size: var(--core-type-paragraph-20-size);
  --coachmark-step-indicator-tracking: var(--core-type-paragraph-20-tracking);
  --coachmark-step-indicator-weight: var(--core-type-paragraph-20-weight);
  --coachmark-text-link-color: var(--coachmark-text-link-light-mode-color);
  --coachmark-text-link-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --coachmark-text-link-disabled-state-opacity: var(--text-link-disabled-state-opacity);
  --coachmark-text-link-hover-state-opacity: var(--text-link-hover-state-opacity);
  --coachmark-text-link-light-mode-color: var(--core-text-inverse-light-mode-color);
  --coachmark-text-link-normal-state-opacity: var(--text-link-normal-state-opacity);
  --coachmark-text-link-pressed-state-opacity: var(--text-link-pressed-state-opacity);
  --coachmark-text-link-text-case: var(--text-link-small-size-text-case);
  --coachmark-text-link-text-font-family: var(--text-link-small-size-text-font-family);
  --coachmark-text-link-text-leading: var(--text-link-small-size-text-leading);
  --coachmark-text-link-text-number-spacing: var(--text-link-small-size-text-number-spacing);
  --coachmark-text-link-text-scale: var(--text-link-small-size-text-scale);
  --coachmark-text-link-text-size: var(--text-link-small-size-text-size);
  --coachmark-text-link-text-tracking: var(--text-link-small-size-text-tracking);
  --coachmark-text-link-text-weight: var(--text-link-small-size-text-weight);
  --coachmark-text-link-vertical-padding: 0px;
  --coachmark-vertical-padding: var(--core-metrics-spacing-200);

  /* ========== codeDisplay ========== */
  --code-display-border-radius: var(--core-radius-100);

  /* ========== colorPicker ========== */
  --color-picker-adjustments-hue-min-height: var(--core-small-size-minimum-height);
  --color-picker-adjustments-hue-radius: var(--core-radius-100);
  --color-picker-adjustments-saturation-brightness-min-height: 200;
  --color-picker-adjustments-saturation-brightness-radius: var(--core-radius-200);
  --color-picker-adjustments-scrubber-border-inner-color: var(--color-picker-adjustments-scrubber-border-inner-light-mode-color);
  --color-picker-adjustments-scrubber-border-inner-dark-mode-color: var(--core-fill-white-dark-mode-color);
  --color-picker-adjustments-scrubber-border-inner-light-mode-color: var(--core-fill-white-light-mode-color);
  --color-picker-adjustments-scrubber-border-inner-width: 2px;
  --color-picker-adjustments-scrubber-border-outer-color: var(--color-picker-adjustments-scrubber-border-outer-light-mode-color);
  --color-picker-adjustments-scrubber-border-outer-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --color-picker-adjustments-scrubber-border-outer-light-mode-color: var(--core-fill-20-light-mode-color);
  --color-picker-adjustments-scrubber-border-outer-width: 1px;
  --color-picker-adjustments-scrubber-multiplier: 1.25;
  --color-picker-adjustments-scrubber-padding: var(--core-metrics-spacing-50);
  --color-picker-adjustments-scrubber-size: 16px;
  --color-picker-adjustments-scrubber-width: 2px;
  --color-picker-dots-horizontal-spacing: 14px;
  --color-picker-dots-icon-color: var(--color-picker-dots-icon-light-mode-color);
  --color-picker-dots-icon-dark-background-color: var(--core-fill-white-light-mode-color);
  --color-picker-dots-icon-dark-mode-color: rgba(255,255,255,1);
  --color-picker-dots-icon-light-background-color: var(--core-fill-black-light-mode-color);
  --color-picker-dots-icon-light-mode-color: rgba(255,255,255,1);
  --color-picker-dots-icon-size: 24px;
  --color-picker-dots-size: var(--core-small-size-minimum-height);
  --color-picker-dots-vertical-spacing: 16px;
  --color-picker-grid-color-palette-gray-color: var(--color-picker-grid-color-palette-gray-light-mode-color);
  --color-picker-grid-color-palette-gray-dark-mode-color: #D9D9D9;
  --color-picker-grid-color-palette-gray-light-mode-color: #D9D9D9;
  --color-picker-swatch-selected-state-border-color: var(--color-picker-swatch-selected-state-light-mode-border-color);
  --color-picker-swatch-selected-state-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);
  --color-picker-swatch-selected-state-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);
  --color-picker-vertical-spacing: 16px;

  /* ========== combobox ========== */
  --combobox-tags-horizontal-spacing: var(--core-metrics-spacing-100);

  /* ========== content-area-width ========== */
  --content-area-width-regular-width: 600px;
  --content-area-width-wide-width: 1248px;

  /* ========== contentCard ========== */
  --content-card-background-color: var(--content-card-background-light-mode-color);
  --content-card-background-dark-mode-color: var(--content-card-default-variant-background-dark-mode-color);
  --content-card-background-light-mode-color: var(--content-card-default-variant-background-light-mode-color);
  --content-card-border-color: var(--content-card-border-light-mode-color);
  --content-card-border-dark-mode-color: var(--content-card-default-variant-border-dark-mode-color);
  --content-card-border-high-contrast-color: var(--content-card-border-high-contrast-light-mode-color);
  --content-card-border-high-contrast-dark-mode-color: var(--content-card-default-variant-border-high-contrast-dark-mode-color);
  --content-card-border-high-contrast-light-mode-color: var(--content-card-default-variant-border-high-contrast-light-mode-color);
  --content-card-border-light-mode-color: var(--content-card-default-variant-border-light-mode-color);
  --content-card-border-normal-contrast-color: var(--content-card-border-normal-contrast-light-mode-color);
  --content-card-border-normal-contrast-dark-mode-color: var(--content-card-default-variant-border-normal-contrast-dark-mode-color);
  --content-card-border-normal-contrast-light-mode-color: var(--content-card-default-variant-border-normal-contrast-light-mode-color);
  --content-card-border-radius: var(--content-card-default-variant-border-radius);
  --content-card-border-width: var(--content-card-default-variant-border-width);
  --content-card-default-variant-background-color: var(--content-card-default-variant-background-light-mode-color);
  --content-card-default-variant-background-dark-mode-color: var(--core-surface-10-dark-mode-color);
  --content-card-default-variant-background-light-mode-color: var(--core-surface-10-light-mode-color);
  --content-card-default-variant-border-color: var(--content-card-default-variant-border-light-mode-color);
  --content-card-default-variant-border-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --content-card-default-variant-border-high-contrast-color: var(--content-card-default-variant-border-high-contrast-light-mode-color);
  --content-card-default-variant-border-high-contrast-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --content-card-default-variant-border-high-contrast-light-mode-color: var(--core-fill-20-light-mode-color);
  --content-card-default-variant-border-light-mode-color: var(--core-fill-30-light-mode-color);
  --content-card-default-variant-border-normal-contrast-color: var(--content-card-default-variant-border-normal-contrast-light-mode-color);
  --content-card-default-variant-border-normal-contrast-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --content-card-default-variant-border-normal-contrast-light-mode-color: var(--core-fill-30-light-mode-color);
  --content-card-default-variant-border-radius: var(--core-radius-100);
  --content-card-default-variant-border-width: var(--core-border-10);
  --content-card-emphasis-variant-background-color: var(--content-card-emphasis-variant-background-light-mode-color);
  --content-card-emphasis-variant-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --content-card-emphasis-variant-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --content-card-emphasis-variant-border-color: var(--content-card-emphasis-variant-border-light-mode-color);
  --content-card-emphasis-variant-border-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --content-card-emphasis-variant-border-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --content-card-horizontal-padding: var(--core-metrics-spacing-200);
  --content-card-padding-horizontal-size: var(--content-card-horizontal-padding);
  --content-card-padding-vertical-size: var(--content-card-vertical-padding);
  --content-card-vertical-padding: var(--core-metrics-spacing-200);

  /* ========== content-expander ========== */
  --content-expander-animation-duration: var(--core-animation-move-transition-moderate-speed-duration);
  --content-expander-animation-easing: var(--core-animation-move-transition-easing);
  --content-expander-collapsed-display-disabled-state-color: var(--content-expander-collapsed-display-disabled-state-light-mode-color);
  --content-expander-collapsed-display-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);
  --content-expander-collapsed-display-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);
  --content-expander-collapsed-display-disabled-state-underline-size: var(--content-expander-underline-size);
  --content-expander-collapsed-display-hover-state-color: var(--content-expander-collapsed-display-hover-state-light-mode-color);
  --content-expander-collapsed-display-hover-state-dark-mode-color: var(--core-emphasis-20-dark-mode-color);
  --content-expander-collapsed-display-hover-state-light-mode-color: var(--core-emphasis-20-light-mode-color);
  --content-expander-collapsed-display-hover-state-underline-size: var(--content-expander-underline-size);
  --content-expander-collapsed-display-normal-state-color: var(--content-expander-collapsed-display-normal-state-light-mode-color);
  --content-expander-collapsed-display-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --content-expander-collapsed-display-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --content-expander-collapsed-display-normal-state-underline-size: var(--content-expander-underline-size);
  --content-expander-collapsed-display-pressed-state-color: var(--content-expander-collapsed-display-pressed-state-light-mode-color);
  --content-expander-collapsed-display-pressed-state-dark-mode-color: var(--core-emphasis-10-dark-mode-color);
  --content-expander-collapsed-display-pressed-state-light-mode-color: var(--core-emphasis-10-light-mode-color);
  --content-expander-collapsed-display-pressed-state-underline-size: var(--content-expander-underline-size);
  --content-expander-disabled-state-color: var(--content-expander-disabled-state-light-mode-color);
  --content-expander-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);
  --content-expander-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);
  --content-expander-expanded-display-disabled-state-color: var(--content-expander-expanded-display-disabled-state-light-mode-color);
  --content-expander-expanded-display-disabled-state-dark-mode-color: var(--content-expander-collapsed-display-disabled-state-dark-mode-color);
  --content-expander-expanded-display-disabled-state-light-mode-color: var(--content-expander-collapsed-display-disabled-state-light-mode-color);
  --content-expander-expanded-display-disabled-state-underline-size: var(--content-expander-collapsed-display-disabled-state-underline-size);
  --content-expander-expanded-display-hover-state-color: var(--content-expander-expanded-display-hover-state-light-mode-color);
  --content-expander-expanded-display-hover-state-dark-mode-color: var(--content-expander-collapsed-display-hover-state-dark-mode-color);
  --content-expander-expanded-display-hover-state-light-mode-color: var(--content-expander-collapsed-display-hover-state-light-mode-color);
  --content-expander-expanded-display-hover-state-underline-size: var(--content-expander-collapsed-display-hover-state-underline-size);
  --content-expander-expanded-display-normal-state-color: var(--content-expander-expanded-display-normal-state-light-mode-color);
  --content-expander-expanded-display-normal-state-dark-mode-color: var(--content-expander-collapsed-display-normal-state-dark-mode-color);
  --content-expander-expanded-display-normal-state-light-mode-color: var(--content-expander-collapsed-display-normal-state-light-mode-color);
  --content-expander-expanded-display-normal-state-underline-size: var(--content-expander-collapsed-display-normal-state-underline-size);
  --content-expander-expanded-display-pressed-state-color: var(--content-expander-expanded-display-pressed-state-light-mode-color);
  --content-expander-expanded-display-pressed-state-dark-mode-color: var(--content-expander-collapsed-display-pressed-state-dark-mode-color);
  --content-expander-expanded-display-pressed-state-light-mode-color: var(--content-expander-collapsed-display-pressed-state-light-mode-color);
  --content-expander-expanded-display-pressed-state-underline-size: var(--content-expander-collapsed-display-pressed-state-underline-size);
  --content-expander-hover-state-color: var(--content-expander-hover-state-light-mode-color);
  --content-expander-hover-state-dark-mode-color: var(--core-emphasis-20-dark-mode-color);
  --content-expander-hover-state-light-mode-color: var(--core-emphasis-20-light-mode-color);
  --content-expander-icon-height: var(--core-icon-small-size-height);
  --content-expander-icon-width: var(--core-icon-small-size-width);
  --content-expander-normal-state-color: var(--content-expander-normal-state-light-mode-color);
  --content-expander-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --content-expander-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --content-expander-pressed-state-color: var(--content-expander-pressed-state-light-mode-color);
  --content-expander-pressed-state-dark-mode-color: var(--core-emphasis-10-dark-mode-color);
  --content-expander-pressed-state-light-mode-color: var(--core-emphasis-10-light-mode-color);
  --content-expander-spacing: var(--core-metrics-spacing-100);
  --content-expander-text-case: var(--core-type-semibold-30-case);
  --content-expander-text-font-family: var(--core-type-semibold-30-font-family);
  --content-expander-text-leading: var(--core-type-semibold-30-leading);
  --content-expander-text-number-spacing: var(--core-type-semibold-30-number-spacing);
  --content-expander-text-scale: var(--core-type-semibold-30-scale);
  --content-expander-text-size: var(--core-type-semibold-30-size);
  --content-expander-text-tracking: var(--core-type-semibold-30-tracking);
  --content-expander-text-weight: var(--core-type-semibold-30-weight);
  --content-expander-underline-size: 0px;

  /* ========== datePicker ========== */
  --date-picker-date-background-range-first-selection-disabled-state-color: var(--date-picker-date-background-range-first-selection-disabled-state-light-mode-color);
  --date-picker-date-background-range-first-selection-disabled-state-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --date-picker-date-background-range-first-selection-disabled-state-light-mode-color: var(--core-fill-30-light-mode-color);
  --date-picker-date-background-range-first-selection-hover-state-color: var(--date-picker-date-background-range-first-selection-hover-state-light-mode-color);
  --date-picker-date-background-range-first-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --date-picker-date-background-range-first-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --date-picker-date-background-range-first-selection-normal-state-color: var(--date-picker-date-background-range-first-selection-normal-state-light-mode-color);
  --date-picker-date-background-range-first-selection-normal-state-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --date-picker-date-background-range-first-selection-normal-state-light-mode-color: var(--core-fill-10-light-mode-color);
  --date-picker-date-background-range-first-selection-pressed-state-color: var(--date-picker-date-background-range-first-selection-pressed-state-light-mode-color);
  --date-picker-date-background-range-first-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --date-picker-date-background-range-first-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --date-picker-date-background-range-last-selection-disabled-state-color: var(--date-picker-date-background-range-last-selection-disabled-state-light-mode-color);
  --date-picker-date-background-range-last-selection-disabled-state-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --date-picker-date-background-range-last-selection-disabled-state-light-mode-color: var(--core-fill-30-light-mode-color);
  --date-picker-date-background-range-last-selection-hover-state-color: var(--date-picker-date-background-range-last-selection-hover-state-light-mode-color);
  --date-picker-date-background-range-last-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --date-picker-date-background-range-last-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --date-picker-date-background-range-last-selection-normal-state-color: var(--date-picker-date-background-range-last-selection-normal-state-light-mode-color);
  --date-picker-date-background-range-last-selection-normal-state-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --date-picker-date-background-range-last-selection-normal-state-light-mode-color: var(--core-fill-10-light-mode-color);
  --date-picker-date-background-range-last-selection-pressed-state-color: var(--date-picker-date-background-range-last-selection-pressed-state-light-mode-color);
  --date-picker-date-background-range-last-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --date-picker-date-background-range-last-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --date-picker-date-background-range-middle-selection-disabled-state-color: var(--date-picker-date-background-range-middle-selection-disabled-state-light-mode-color);
  --date-picker-date-background-range-middle-selection-disabled-state-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --date-picker-date-background-range-middle-selection-disabled-state-light-mode-color: var(--core-fill-40-light-mode-color);
  --date-picker-date-background-range-middle-selection-hover-state-color: var(--date-picker-date-background-range-middle-selection-hover-state-light-mode-color);
  --date-picker-date-background-range-middle-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --date-picker-date-background-range-middle-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --date-picker-date-background-range-middle-selection-normal-state-color: var(--date-picker-date-background-range-middle-selection-normal-state-light-mode-color);
  --date-picker-date-background-range-middle-selection-normal-state-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --date-picker-date-background-range-middle-selection-normal-state-light-mode-color: var(--core-fill-40-light-mode-color);
  --date-picker-date-background-range-middle-selection-pressed-state-color: var(--date-picker-date-background-range-middle-selection-pressed-state-light-mode-color);
  --date-picker-date-background-range-middle-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --date-picker-date-background-range-middle-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --date-picker-date-background-single-selection-disabled-state-color: var(--date-picker-date-background-single-selection-disabled-state-light-mode-color);
  --date-picker-date-background-single-selection-disabled-state-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --date-picker-date-background-single-selection-disabled-state-light-mode-color: var(--core-fill-30-light-mode-color);
  --date-picker-date-background-single-selection-hover-state-color: var(--date-picker-date-background-single-selection-hover-state-light-mode-color);
  --date-picker-date-background-single-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --date-picker-date-background-single-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --date-picker-date-background-single-selection-normal-state-color: var(--date-picker-date-background-single-selection-normal-state-light-mode-color);
  --date-picker-date-background-single-selection-normal-state-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --date-picker-date-background-single-selection-normal-state-light-mode-color: var(--core-fill-10-light-mode-color);
  --date-picker-date-background-single-selection-pressed-state-color: var(--date-picker-date-background-single-selection-pressed-state-light-mode-color);
  --date-picker-date-background-single-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --date-picker-date-background-single-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --date-picker-date-background-unselected-selection-disabled-state-color: var(--date-picker-date-background-unselected-selection-disabled-state-light-mode-color);
  --date-picker-date-background-unselected-selection-disabled-state-dark-mode-color: var(--core-surface-5-dark-mode-color);
  --date-picker-date-background-unselected-selection-disabled-state-light-mode-color: var(--core-surface-5-light-mode-color);
  --date-picker-date-background-unselected-selection-hover-state-color: var(--date-picker-date-background-unselected-selection-hover-state-light-mode-color);
  --date-picker-date-background-unselected-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --date-picker-date-background-unselected-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --date-picker-date-background-unselected-selection-normal-state-color: var(--date-picker-date-background-unselected-selection-normal-state-light-mode-color);
  --date-picker-date-background-unselected-selection-normal-state-dark-mode-color: var(--core-surface-5-dark-mode-color);
  --date-picker-date-background-unselected-selection-normal-state-light-mode-color: var(--core-surface-5-light-mode-color);
  --date-picker-date-background-unselected-selection-pressed-state-color: var(--date-picker-date-background-unselected-selection-pressed-state-light-mode-color);
  --date-picker-date-background-unselected-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --date-picker-date-background-unselected-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --date-picker-date-border-disabled-state-color-color: var(--date-picker-date-border-disabled-state-color-light-mode-color);
  --date-picker-date-border-disabled-state-color-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --date-picker-date-border-disabled-state-color-light-mode-color: var(--core-fill-30-light-mode-color);
  --date-picker-date-border-focused-state-border: 2;
  --date-picker-date-border-focused-state-color-color: var(--date-picker-date-border-focused-state-color-light-mode-color);
  --date-picker-date-border-focused-state-color-dark-mode-color: var(--core-focus-dark-mode-color);
  --date-picker-date-border-focused-state-color-light-mode-color: var(--core-focus-light-mode-color);
  --date-picker-date-border-focused-state-opacity: 1;
  --date-picker-date-border-normal-state-border: 2;
  --date-picker-date-border-normal-state-color-color: var(--date-picker-date-border-normal-state-color-light-mode-color);
  --date-picker-date-border-normal-state-color-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --date-picker-date-border-normal-state-color-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --date-picker-date-border-normal-state-opacity: 0;
  --date-picker-date-border-radius: var(--core-radius-100);
  --date-picker-date-text-range-first-selection-disabled-state-color: var(--date-picker-date-text-range-first-selection-disabled-state-light-mode-color);
  --date-picker-date-text-range-first-selection-disabled-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --date-picker-date-text-range-first-selection-disabled-state-light-mode-color: var(--core-text-inverse-light-mode-color);
  --date-picker-date-text-range-first-selection-hover-state-color: var(--date-picker-date-text-range-first-selection-hover-state-light-mode-color);
  --date-picker-date-text-range-first-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-date-text-range-first-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-date-text-range-first-selection-normal-state-color: var(--date-picker-date-text-range-first-selection-normal-state-light-mode-color);
  --date-picker-date-text-range-first-selection-normal-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --date-picker-date-text-range-first-selection-normal-state-light-mode-color: var(--core-text-inverse-light-mode-color);
  --date-picker-date-text-range-first-selection-pressed-state-color: var(--date-picker-date-text-range-first-selection-pressed-state-light-mode-color);
  --date-picker-date-text-range-first-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-date-text-range-first-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-date-text-range-last-selection-disabled-state-color: var(--date-picker-date-text-range-last-selection-disabled-state-light-mode-color);
  --date-picker-date-text-range-last-selection-disabled-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --date-picker-date-text-range-last-selection-disabled-state-light-mode-color: var(--core-text-inverse-light-mode-color);
  --date-picker-date-text-range-last-selection-hover-state-color: var(--date-picker-date-text-range-last-selection-hover-state-light-mode-color);
  --date-picker-date-text-range-last-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-date-text-range-last-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-date-text-range-last-selection-normal-state-color: var(--date-picker-date-text-range-last-selection-normal-state-light-mode-color);
  --date-picker-date-text-range-last-selection-normal-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --date-picker-date-text-range-last-selection-normal-state-light-mode-color: var(--core-text-inverse-light-mode-color);
  --date-picker-date-text-range-last-selection-pressed-state-color: var(--date-picker-date-text-range-last-selection-pressed-state-light-mode-color);
  --date-picker-date-text-range-last-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-date-text-range-last-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-date-text-range-middle-selection-disabled-state-color: var(--date-picker-date-text-range-middle-selection-disabled-state-light-mode-color);
  --date-picker-date-text-range-middle-selection-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);
  --date-picker-date-text-range-middle-selection-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);
  --date-picker-date-text-range-middle-selection-hover-state-color: var(--date-picker-date-text-range-middle-selection-hover-state-light-mode-color);
  --date-picker-date-text-range-middle-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-date-text-range-middle-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-date-text-range-middle-selection-normal-state-color: var(--date-picker-date-text-range-middle-selection-normal-state-light-mode-color);
  --date-picker-date-text-range-middle-selection-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-date-text-range-middle-selection-normal-state-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-date-text-range-middle-selection-pressed-state-color: var(--date-picker-date-text-range-middle-selection-pressed-state-light-mode-color);
  --date-picker-date-text-range-middle-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-date-text-range-middle-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-date-text-single-selection-disabled-state-color: var(--date-picker-date-text-single-selection-disabled-state-light-mode-color);
  --date-picker-date-text-single-selection-disabled-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --date-picker-date-text-single-selection-disabled-state-light-mode-color: var(--core-text-inverse-light-mode-color);
  --date-picker-date-text-single-selection-hover-state-color: var(--date-picker-date-text-single-selection-hover-state-light-mode-color);
  --date-picker-date-text-single-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-date-text-single-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-date-text-single-selection-normal-state-color: var(--date-picker-date-text-single-selection-normal-state-light-mode-color);
  --date-picker-date-text-single-selection-normal-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --date-picker-date-text-single-selection-normal-state-light-mode-color: var(--core-text-inverse-light-mode-color);
  --date-picker-date-text-single-selection-pressed-state-color: var(--date-picker-date-text-single-selection-pressed-state-light-mode-color);
  --date-picker-date-text-single-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-date-text-single-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-date-text-unselected-selection-disabled-state-color: var(--date-picker-date-text-unselected-selection-disabled-state-light-mode-color);
  --date-picker-date-text-unselected-selection-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);
  --date-picker-date-text-unselected-selection-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);
  --date-picker-date-text-unselected-selection-hover-state-color: var(--date-picker-date-text-unselected-selection-hover-state-light-mode-color);
  --date-picker-date-text-unselected-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-date-text-unselected-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-date-text-unselected-selection-normal-state-color: var(--date-picker-date-text-unselected-selection-normal-state-light-mode-color);
  --date-picker-date-text-unselected-selection-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-date-text-unselected-selection-normal-state-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-date-text-unselected-selection-pressed-state-color: var(--date-picker-date-text-unselected-selection-pressed-state-light-mode-color);
  --date-picker-date-text-unselected-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-date-text-unselected-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-grid-item-height: var(--core-small-size-minimum-height);
  --date-picker-grid-item-horizontal-padding: 0px;
  --date-picker-grid-item-vertical-padding: var(--core-metrics-spacing-100);
  --date-picker-grid-item-width: var(--core-small-size-minimum-height);
  --date-picker-header-button-background-color: var(--date-picker-header-button-background-light-mode-color);
  --date-picker-header-button-background-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --date-picker-header-button-background-light-mode-color: var(--core-fill-40-light-mode-color);
  --date-picker-header-button-border-radius: var(--core-radius-10);
  --date-picker-header-button-color: var(--date-picker-header-button-light-mode-color);
  --date-picker-header-button-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-header-button-horizontal-spacing: var(--core-metrics-spacing-200);
  --date-picker-header-button-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-header-button-padding: var(--core-metrics-spacing-100);
  --date-picker-header-color-color: var(--date-picker-header-color-light-mode-color);
  --date-picker-header-color-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-header-color-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-header-font-case: var(--core-type-heading-30-case);
  --date-picker-header-font-font-family: var(--core-type-heading-30-font-family);
  --date-picker-header-font-leading: var(--core-type-heading-30-leading);
  --date-picker-header-font-number-spacing: var(--core-type-heading-30-number-spacing);
  --date-picker-header-font-scale: var(--core-type-heading-30-scale);
  --date-picker-header-font-size: var(--core-type-heading-30-size);
  --date-picker-header-font-tracking: var(--core-type-heading-30-tracking);
  --date-picker-header-font-weight: var(--core-type-heading-30-weight);
  --date-picker-header-minimum-height: 40px;
  --date-picker-header-vertical-spacing: var(--core-metrics-spacing-200);
  --date-picker-menu-horizontal-spacing: var(--core-metrics-spacing-400);
  --date-picker-menu-row-background-selected-state-color-color: var(--date-picker-menu-row-background-selected-state-color-light-mode-color);
  --date-picker-menu-row-background-selected-state-color-dark-mode-color: var(--core-emphasis-10-dark-mode-color);
  --date-picker-menu-row-background-selected-state-color-light-mode-color: var(--core-emphasis-10-light-mode-color);
  --date-picker-menu-row-height: 48px;
  --date-picker-menu-row-label-selected-state-text-color: var(--date-picker-menu-row-label-selected-state-text-light-mode-color);
  --date-picker-menu-row-label-selected-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --date-picker-menu-row-label-selected-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --date-picker-menu-row-width: 111px;
  --date-picker-menu-text-case: var(--core-type-semibold-30-case);
  --date-picker-menu-text-font-family: var(--core-type-semibold-30-font-family);
  --date-picker-menu-text-leading: var(--core-type-semibold-30-leading);
  --date-picker-menu-text-number-spacing: var(--core-type-semibold-30-number-spacing);
  --date-picker-menu-text-scale: var(--core-type-semibold-30-scale);
  --date-picker-menu-text-size: var(--core-type-semibold-30-size);
  --date-picker-menu-text-tracking: var(--core-type-semibold-30-tracking);
  --date-picker-menu-text-weight: var(--core-type-semibold-30-weight);
  --date-picker-menu-vertical-spacing: var(--core-metrics-spacing-300);
  --date-picker-minimum-width: 280px;
  --date-picker-month-minimum-width: 50px;
  --date-picker-today-border-color-color: var(--date-picker-today-border-color-light-mode-color);
  --date-picker-today-border-color-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --date-picker-today-border-color-light-mode-color: var(--core-fill-10-light-mode-color);
  --date-picker-today-border-width: var(--core-border-10);
  --date-picker-today-font-case: var(--core-type-semibold-30-case);
  --date-picker-today-font-font-family: var(--core-type-semibold-30-font-family);
  --date-picker-today-font-leading: var(--core-type-semibold-30-leading);
  --date-picker-today-font-number-spacing: var(--core-type-semibold-30-number-spacing);
  --date-picker-today-font-scale: var(--core-type-semibold-30-scale);
  --date-picker-today-font-size: var(--core-type-semibold-30-size);
  --date-picker-today-font-tracking: var(--core-type-semibold-30-tracking);
  --date-picker-today-font-weight: var(--core-type-semibold-30-weight);
  --date-picker-today-label-disabled-state-color-color: var(--date-picker-today-label-disabled-state-color-light-mode-color);
  --date-picker-today-label-disabled-state-color-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --date-picker-today-label-disabled-state-color-light-mode-color: var(--core-fill-30-light-mode-color);
  --date-picker-weekdays-color-color: var(--date-picker-weekdays-color-light-mode-color);
  --date-picker-weekdays-color-dark-mode-color: var(--core-text-20-dark-mode-color);
  --date-picker-weekdays-color-light-mode-color: var(--core-text-20-light-mode-color);
  --date-picker-weekdays-font-case: var(--core-type-paragraph-30-case);
  --date-picker-weekdays-font-font-family: var(--core-type-paragraph-30-font-family);
  --date-picker-weekdays-font-leading: var(--core-type-paragraph-30-leading);
  --date-picker-weekdays-font-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --date-picker-weekdays-font-scale: var(--core-type-paragraph-30-scale);
  --date-picker-weekdays-font-size: var(--core-type-paragraph-30-size);
  --date-picker-weekdays-font-tracking: var(--core-type-paragraph-30-tracking);
  --date-picker-weekdays-font-weight: var(--core-type-paragraph-30-weight);

  /* ========== divider ========== */
  --divider-extra-small-variant-vertical-padding: 0px;
  --divider-fill-color: var(--divider-fill-light-mode-color);
  --divider-fill-dark-mode-color: var(--core-divider-20-dark-mode-color);
  --divider-fill-light-mode-color: var(--core-divider-20-light-mode-color);
  --divider-height: var(--core-base-size);
  --divider-large-variant-vertical-padding: var(--core-metrics-spacing-400);
  --divider-medium-variant-vertical-padding: var(--core-metrics-spacing-200);
  --divider-radius: var(--core-radius-33);
  --divider-small-variant-vertical-padding: var(--core-metrics-spacing-100);
  --divider-thick-size-height: var(--core-border-80);
  --divider-thin-size-height: var(--core-border-10);

  /* ========== dropdown-button ========== */
  --dropdown-button-border-radius: var(--button-border-radius);
  --dropdown-button-focus-ring-border-size: var(--button-focus-ring-border-size);
  --dropdown-button-focus-ring-buffer-size: var(--button-focus-ring-buffer-size);
  --dropdown-button-large-size-border-radius: var(--button-large-size-border-radius);
  --dropdown-button-large-size-content-spacing: var(--button-large-size-content-spacing);
  --dropdown-button-large-size-minimum-height: var(--button-large-size-minimum-height);
  --dropdown-button-large-size-minimum-width-multiplier: var(--button-large-size-minimum-width-multiplier);
  --dropdown-button-large-size-primary-rank-horizontal-padding: var(--button-large-size-primary-rank-horizontal-padding);
  --dropdown-button-large-size-primary-rank-vertical-padding: var(--button-large-size-primary-rank-vertical-padding);
  --dropdown-button-large-size-secondary-rank-horizontal-padding: var(--button-large-size-secondary-rank-horizontal-padding);
  --dropdown-button-large-size-secondary-rank-vertical-padding: var(--button-large-size-secondary-rank-vertical-padding);
  --dropdown-button-large-size-tertiary-rank-horizontal-padding: var(--button-large-size-tertiary-rank-horizontal-padding);
  --dropdown-button-large-size-tertiary-rank-vertical-padding: var(--button-large-size-tertiary-rank-vertical-padding);
  --dropdown-button-large-size-text-case: var(--button-large-size-text-case);
  --dropdown-button-large-size-text-font-family: var(--button-large-size-text-font-family);
  --dropdown-button-large-size-text-leading: var(--button-large-size-text-leading);
  --dropdown-button-large-size-text-number-spacing: var(--button-large-size-text-number-spacing);
  --dropdown-button-large-size-text-scale: var(--button-large-size-text-scale);
  --dropdown-button-large-size-text-size: var(--button-large-size-text-size);
  --dropdown-button-large-size-text-tracking: var(--button-large-size-text-tracking);
  --dropdown-button-large-size-text-weight: var(--button-large-size-text-weight);
  --dropdown-button-medium-size-border-radius: var(--button-medium-size-border-radius);
  --dropdown-button-medium-size-content-spacing: var(--button-medium-size-content-spacing);
  --dropdown-button-medium-size-minimum-height: var(--button-medium-size-minimum-height);
  --dropdown-button-medium-size-minimum-width-multiplier: var(--button-medium-size-minimum-width-multiplier);
  --dropdown-button-medium-size-primary-rank-horizontal-padding: var(--button-medium-size-primary-rank-horizontal-padding);
  --dropdown-button-medium-size-primary-rank-vertical-padding: var(--button-medium-size-primary-rank-vertical-padding);
  --dropdown-button-medium-size-secondary-rank-horizontal-padding: var(--button-medium-size-secondary-rank-horizontal-padding);
  --dropdown-button-medium-size-secondary-rank-vertical-padding: var(--button-medium-size-secondary-rank-vertical-padding);
  --dropdown-button-medium-size-tertiary-rank-horizontal-padding: var(--button-medium-size-tertiary-rank-horizontal-padding);
  --dropdown-button-medium-size-tertiary-rank-vertical-padding: var(--button-medium-size-tertiary-rank-vertical-padding);
  --dropdown-button-medium-size-text-case: var(--button-medium-size-text-case);
  --dropdown-button-medium-size-text-font-family: var(--button-medium-size-text-font-family);
  --dropdown-button-medium-size-text-leading: var(--button-medium-size-text-leading);
  --dropdown-button-medium-size-text-number-spacing: var(--button-medium-size-text-number-spacing);
  --dropdown-button-medium-size-text-scale: var(--button-medium-size-text-scale);
  --dropdown-button-medium-size-text-size: var(--button-medium-size-text-size);
  --dropdown-button-medium-size-text-tracking: var(--button-medium-size-text-tracking);
  --dropdown-button-medium-size-text-weight: var(--button-medium-size-text-weight);
  --dropdown-button-normal-variant-primary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-primary-rank-focus-state-light-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-focus-state-dark-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-focus-state-dark-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-primary-rank-focus-state-light-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-primary-rank-focus-state-light-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-primary-rank-focus-state-light-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-primary-rank-hover-state-light-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-hover-state-dark-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-hover-state-dark-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-primary-rank-hover-state-light-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--button-normal-variant-primary-rank-hover-state-light-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-primary-rank-hover-state-light-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-primary-rank-normal-state-light-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-primary-rank-normal-state-light-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-normal-state-light-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-pressed-state-dark-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--button-normal-variant-primary-rank-pressed-state-light-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-primary-rank-pressed-state-light-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-focus-state-dark-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-focus-state-dark-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-focus-state-light-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-focus-state-light-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-focus-state-light-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-focus-state-light-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-hover-state-light-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-hover-state-light-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color);
  --dropdown-button-small-size-border-radius: var(--button-small-size-border-radius);
  --dropdown-button-small-size-content-spacing: var(--button-small-size-content-spacing);
  --dropdown-button-small-size-minimum-height: var(--button-small-size-minimum-height);
  --dropdown-button-small-size-minimum-width-multiplier: var(--button-small-size-minimum-width-multiplier);
  --dropdown-button-small-size-primary-rank-horizontal-padding: var(--button-small-size-primary-rank-horizontal-padding);
  --dropdown-button-small-size-primary-rank-vertical-padding: var(--button-small-size-primary-rank-vertical-padding);
  --dropdown-button-small-size-secondary-rank-horizontal-padding: var(--button-small-size-secondary-rank-horizontal-padding);
  --dropdown-button-small-size-secondary-rank-vertical-padding: var(--button-small-size-secondary-rank-vertical-padding);
  --dropdown-button-small-size-tertiary-rank-horizontal-padding: var(--button-small-size-tertiary-rank-horizontal-padding);
  --dropdown-button-small-size-tertiary-rank-vertical-padding: var(--button-small-size-tertiary-rank-vertical-padding);
  --dropdown-button-small-size-text-case: var(--button-small-size-text-case);
  --dropdown-button-small-size-text-font-family: var(--button-small-size-text-font-family);
  --dropdown-button-small-size-text-leading: var(--button-small-size-text-leading);
  --dropdown-button-small-size-text-number-spacing: var(--button-small-size-text-number-spacing);
  --dropdown-button-small-size-text-scale: var(--button-small-size-text-scale);
  --dropdown-button-small-size-text-size: var(--button-small-size-text-size);
  --dropdown-button-small-size-text-tracking: var(--button-small-size-text-tracking);
  --dropdown-button-small-size-text-weight: var(--button-small-size-text-weight);
  --dropdown-button-tertiary-rank-underline: var(--button-tertiary-rank-underline);

  /* ========== dropdown-icon-button ========== */
  --dropdown-icon-button-border-radius: var(--icon-button-border-radius);
  --dropdown-icon-button-disabled-state-background-color: var(--dropdown-icon-button-disabled-state-light-mode-background-color);
  --dropdown-icon-button-disabled-state-dark-mode-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);
  --dropdown-icon-button-disabled-state-dark-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);
  --dropdown-icon-button-disabled-state-icon-color: var(--dropdown-icon-button-disabled-state-light-mode-icon-color);
  --dropdown-icon-button-disabled-state-light-mode-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);
  --dropdown-icon-button-disabled-state-light-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);
  --dropdown-icon-button-focus-ring-border-size: var(--icon-button-focus-ring-border-size);
  --dropdown-icon-button-focus-ring-buffer-size: var(--icon-button-focus-ring-buffer-size);
  --dropdown-icon-button-focus-state-background-color: var(--dropdown-icon-button-focus-state-light-mode-background-color);
  --dropdown-icon-button-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);
  --dropdown-icon-button-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);
  --dropdown-icon-button-focus-state-icon-color: var(--dropdown-icon-button-focus-state-light-mode-icon-color);
  --dropdown-icon-button-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color);
  --dropdown-icon-button-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);
  --dropdown-icon-button-hover-state-background-color: var(--dropdown-icon-button-hover-state-light-mode-background-color);
  --dropdown-icon-button-hover-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);
  --dropdown-icon-button-hover-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);
  --dropdown-icon-button-hover-state-icon-color: var(--dropdown-icon-button-hover-state-light-mode-icon-color);
  --dropdown-icon-button-hover-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color);
  --dropdown-icon-button-hover-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);
  --dropdown-icon-button-large-size-icon-height: var(--icon-button-large-size-icon-height);
  --dropdown-icon-button-large-size-icon-width: var(--icon-button-large-size-icon-width);
  --dropdown-icon-button-large-size-minimum-height: var(--icon-button-large-size-minimum-height);
  --dropdown-icon-button-large-size-padding-size: var(--icon-button-large-size-padding-size);
  --dropdown-icon-button-large-size-width-multiplier: var(--icon-button-large-size-width-multiplier);
  --dropdown-icon-button-medium-size-horizontal-spacing-size: var(--icon-button-medium-size-horizontal-spacing-size);
  --dropdown-icon-button-medium-size-icon-height: var(--icon-button-medium-size-icon-height);
  --dropdown-icon-button-medium-size-icon-width: var(--icon-button-medium-size-icon-width);
  --dropdown-icon-button-medium-size-minimum-height: var(--icon-button-medium-size-minimum-height);
  --dropdown-icon-button-medium-size-padding-size: var(--icon-button-medium-size-padding-size);
  --dropdown-icon-button-medium-size-width-multiplier: var(--icon-button-medium-size-width-multiplier);
  --dropdown-icon-button-normal-state-background-color: var(--dropdown-icon-button-normal-state-light-mode-background-color);
  --dropdown-icon-button-normal-state-dark-mode-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);
  --dropdown-icon-button-normal-state-dark-mode-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);
  --dropdown-icon-button-normal-state-icon-color: var(--dropdown-icon-button-normal-state-light-mode-icon-color);
  --dropdown-icon-button-normal-state-light-mode-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color);
  --dropdown-icon-button-normal-state-light-mode-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);
  --dropdown-icon-button-pressed-state-background-color: var(--dropdown-icon-button-pressed-state-light-mode-background-color);
  --dropdown-icon-button-pressed-state-dark-mode-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);
  --dropdown-icon-button-pressed-state-dark-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);
  --dropdown-icon-button-pressed-state-icon-color: var(--dropdown-icon-button-pressed-state-light-mode-icon-color);
  --dropdown-icon-button-pressed-state-light-mode-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);
  --dropdown-icon-button-pressed-state-light-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);
  --dropdown-icon-button-small-size-icon-height: var(--icon-button-small-size-icon-height);
  --dropdown-icon-button-small-size-icon-width: var(--icon-button-small-size-icon-width);
  --dropdown-icon-button-small-size-minimum-height: var(--icon-button-small-size-minimum-height);
  --dropdown-icon-button-small-size-padding-size: var(--icon-button-small-size-padding-size);
  --dropdown-icon-button-small-size-width-multiplier: var(--icon-button-small-size-width-multiplier);

  /* ========== empty-state ========== */
  --empty-state-background-color: var(--empty-state-background-light-mode-color);
  --empty-state-background-dark-mode-color: var(--core-surface-10-dark-mode-color);
  --empty-state-background-light-mode-color: var(--core-surface-10-light-mode-color);
  --empty-state-border-color: var(--empty-state-border-light-mode-color);
  --empty-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --empty-state-border-light-mode-color: var(--core-fill-30-light-mode-color);
  --empty-state-border-radius: var(--core-radius-100);
  --empty-state-border-width: var(--core-border-10);
  --empty-state-button-group-overflow-button-border-radius: var(--button-group-overflow-button-border-radius);
  --empty-state-button-group-overflow-button-compact-size-minimum-height: var(--button-group-overflow-button-compact-size-minimum-height);
  --empty-state-button-group-overflow-button-compact-size-minimum-padding-size: var(--button-group-overflow-button-compact-size-minimum-padding-size);
  --empty-state-button-group-overflow-button-compact-size-minimum-width: var(--button-group-overflow-button-compact-size-minimum-width);
  --empty-state-button-group-overflow-button-compact-size-padding-size: var(--button-group-overflow-button-compact-size-padding-size);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-disabled-state-background-color: var(--empty-state-button-group-overflow-button-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-disabled-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-disabled-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-disabled-state-light-mode-background-color: var(--button-group-overflow-button-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-focus-ring-border-size: var(--button-group-overflow-button-focus-ring-border-size);
  --empty-state-button-group-overflow-button-focus-ring-buffer-size: var(--button-group-overflow-button-focus-ring-buffer-size);
  --empty-state-button-group-overflow-button-focus-state-background-color: var(--empty-state-button-group-overflow-button-focus-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-focus-state-dark-mode-background-color: var(--button-group-overflow-button-focus-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-focus-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-focus-state-icon-color: var(--empty-state-button-group-overflow-button-focus-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-focus-state-light-mode-background-color: var(--button-group-overflow-button-focus-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-focus-state-light-mode-icon-color: var(--button-group-overflow-button-focus-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-hover-state-background-color: var(--empty-state-button-group-overflow-button-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-hover-state-dark-mode-background-color: var(--button-group-overflow-button-hover-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-hover-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-hover-state-icon-color: var(--empty-state-button-group-overflow-button-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-hover-state-light-mode-background-color: var(--button-group-overflow-button-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-hover-state-light-mode-icon-color: var(--button-group-overflow-button-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-large-size-icon-height: var(--button-group-overflow-button-large-size-icon-height);
  --empty-state-button-group-overflow-button-large-size-icon-width: var(--button-group-overflow-button-large-size-icon-width);
  --empty-state-button-group-overflow-button-large-size-minimum-height: var(--button-group-overflow-button-large-size-minimum-height);
  --empty-state-button-group-overflow-button-large-size-padding-size: var(--button-group-overflow-button-large-size-padding-size);
  --empty-state-button-group-overflow-button-large-size-width-multiplier: var(--button-group-overflow-button-large-size-width-multiplier);
  --empty-state-button-group-overflow-button-medium-size-horizontal-spacing-size: var(--button-group-overflow-button-medium-size-horizontal-spacing-size);
  --empty-state-button-group-overflow-button-medium-size-icon-height: var(--button-group-overflow-button-medium-size-icon-height);
  --empty-state-button-group-overflow-button-medium-size-icon-width: var(--button-group-overflow-button-medium-size-icon-width);
  --empty-state-button-group-overflow-button-medium-size-minimum-height: var(--button-group-overflow-button-medium-size-minimum-height);
  --empty-state-button-group-overflow-button-medium-size-padding-size: var(--button-group-overflow-button-medium-size-padding-size);
  --empty-state-button-group-overflow-button-medium-size-width-multiplier: var(--button-group-overflow-button-medium-size-width-multiplier);
  --empty-state-button-group-overflow-button-minimum-height: var(--button-group-overflow-button-minimum-height);
  --empty-state-button-group-overflow-button-minimum-width: var(--button-group-overflow-button-minimum-width);
  --empty-state-button-group-overflow-button-normal-size-minimum-height: var(--button-group-overflow-button-normal-size-minimum-height);
  --empty-state-button-group-overflow-button-normal-size-minimum-width: var(--button-group-overflow-button-normal-size-minimum-width);
  --empty-state-button-group-overflow-button-normal-size-padding-size: var(--button-group-overflow-button-normal-size-padding-size);
  --empty-state-button-group-overflow-button-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-padding-size: var(--button-group-overflow-button-padding-size);
  --empty-state-button-group-overflow-button-pressed-state-background-color: var(--empty-state-button-group-overflow-button-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-pressed-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-pressed-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-pressed-state-light-mode-background-color: var(--button-group-overflow-button-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-focus-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-size-multiplier: var(--button-group-overflow-button-size-multiplier);
  --empty-state-button-group-overflow-button-small-size-icon-height: var(--button-group-overflow-button-small-size-icon-height);
  --empty-state-button-group-overflow-button-small-size-icon-width: var(--button-group-overflow-button-small-size-icon-width);
  --empty-state-button-group-overflow-button-small-size-minimum-height: var(--button-group-overflow-button-small-size-minimum-height);
  --empty-state-button-group-overflow-button-small-size-padding-size: var(--button-group-overflow-button-small-size-padding-size);
  --empty-state-button-group-overflow-button-small-size-width-multiplier: var(--button-group-overflow-button-small-size-width-multiplier);
  --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-spacing: var(--button-group-spacing);
  --empty-state-button-group-vertical-spacing: var(--core-metrics-spacing-400);
  --empty-state-heading-color: var(--empty-state-heading-light-mode-color);
  --empty-state-heading-dark-mode-color: var(--core-text-10-dark-mode-color);
  --empty-state-heading-light-mode-color: var(--core-text-10-light-mode-color);
  --empty-state-heading-text-case: var(--core-type-heading-20-case);
  --empty-state-heading-text-color: var(--empty-state-heading-text-light-mode-color);
  --empty-state-heading-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --empty-state-heading-text-font-family: var(--core-type-heading-20-font-family);
  --empty-state-heading-text-leading: var(--core-type-heading-20-leading);
  --empty-state-heading-text-light-mode-color: var(--core-text-10-light-mode-color);
  --empty-state-heading-text-number-spacing: var(--core-type-heading-20-number-spacing);
  --empty-state-heading-text-scale: var(--core-type-heading-20-scale);
  --empty-state-heading-text-size: var(--core-type-heading-20-size);
  --empty-state-heading-text-tracking: var(--core-type-heading-20-tracking);
  --empty-state-heading-text-weight: var(--core-type-heading-20-weight);
  --empty-state-horizontal-padding: var(--core-metrics-spacing-400);
  --empty-state-icon-size: 80px;
  --empty-state-illustration-size: 96px;
  --empty-state-paragraph-text-case: var(--core-type-paragraph-30-case);
  --empty-state-paragraph-text-color: var(--empty-state-paragraph-text-light-mode-color);
  --empty-state-paragraph-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --empty-state-paragraph-text-font-family: var(--core-type-paragraph-30-font-family);
  --empty-state-paragraph-text-leading: var(--core-type-paragraph-30-leading);
  --empty-state-paragraph-text-light-mode-color: var(--core-text-10-light-mode-color);
  --empty-state-paragraph-text-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --empty-state-paragraph-text-scale: var(--core-type-paragraph-30-scale);
  --empty-state-paragraph-text-size: var(--core-type-paragraph-30-size);
  --empty-state-paragraph-text-tracking: var(--core-type-paragraph-30-tracking);
  --empty-state-paragraph-text-weight: var(--core-type-paragraph-30-weight);
  --empty-state-paragraph-vertical-spacing: var(--core-metrics-spacing-100);
  --empty-state-vertical-padding: var(--core-metrics-spacing-400);

  /* ========== field ========== */
  --field-action-text-case: var(--core-type-semibold-20-case);
  --field-action-text-color: var(--field-light-mode-action-text-color);
  --field-action-text-font-family: var(--core-type-semibold-20-font-family);
  --field-action-text-leading: var(--core-type-semibold-20-leading);
  --field-action-text-number-spacing: var(--core-type-semibold-20-number-spacing);
  --field-action-text-scale: var(--core-type-semibold-20-scale);
  --field-action-text-size: var(--core-type-semibold-20-size);
  --field-action-text-tracking: var(--core-type-semibold-20-tracking);
  --field-action-text-weight: var(--core-type-semibold-20-weight);
  --field-action-vertical-padding-size: 8px;
  --field-border-radius: var(--core-radius-forms);
  --field-border-size: 1px;
  --field-dark-mode-action-text-color: var(--core-emphasis-fill-dark-mode-color);
  --field-dark-mode-error-message-text-color: var(--core-critical-text-dark-mode-color);
  --field-dark-mode-helper-text-text-color: var(--core-text-20-dark-mode-color);
  --field-dark-mode-placeholder-text-color: var(--core-text-20-dark-mode-color);
  --field-dark-mode-selection-caret-color: var(--field-dark-mode-selection-text-cursor-color);
  --field-dark-mode-selection-highlight-color: var(--core-emphasis-30-dark-mode-color);
  --field-dark-mode-selection-text-cursor-color: var(--core-emphasis-fill-dark-mode-color);
  --field-disabled-state-background-color: var(--field-disabled-state-light-mode-background-color);
  --field-disabled-state-border-color: var(--field-disabled-state-light-mode-border-color);
  --field-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --field-disabled-state-dark-mode-border-color: var(--core-fill-40-dark-mode-color);
  --field-disabled-state-dark-mode-input-color: var(--field-disabled-state-empty-phase-dark-mode-label-color);
  --field-disabled-state-empty-phase-dark-mode-label-color: var(--core-text-30-dark-mode-color);
  --field-disabled-state-empty-phase-label-color: var(--field-disabled-state-empty-phase-light-mode-label-color);
  --field-disabled-state-empty-phase-light-mode-label-color: var(--core-text-30-light-mode-color);
  --field-disabled-state-float-phase-dark-mode-label-color: var(--core-text-30-dark-mode-color);
  --field-disabled-state-float-phase-label-color: var(--field-disabled-state-float-phase-light-mode-label-color);
  --field-disabled-state-float-phase-light-mode-label-color: var(--core-text-30-light-mode-color);
  --field-disabled-state-input-color: var(--field-disabled-state-light-mode-input-color);
  --field-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --field-disabled-state-light-mode-border-color: var(--core-fill-40-light-mode-color);
  --field-disabled-state-light-mode-input-color: var(--field-disabled-state-empty-phase-light-mode-label-color);
  --field-empty-phase-horizontal-padding-size: 16px;
  --field-empty-phase-label-text-case: var(--core-type-paragraph-30-case);
  --field-empty-phase-label-text-font-family: var(--core-type-paragraph-30-font-family);
  --field-empty-phase-label-text-leading: var(--core-type-paragraph-30-leading);
  --field-empty-phase-label-text-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --field-empty-phase-label-text-scale: var(--core-type-paragraph-30-scale);
  --field-empty-phase-label-text-size: var(--core-type-paragraph-30-size);
  --field-empty-phase-label-text-tracking: var(--core-type-paragraph-30-tracking);
  --field-empty-phase-label-text-weight: var(--core-type-paragraph-30-weight);
  --field-empty-phase-vertical-padding-size: 20px;
  --field-error-message-icon-buffer-size: 8px;
  --field-error-message-icon-height: 8px;
  --field-error-message-icon-vertical-spacing: 8px;
  --field-error-message-icon-width: var(--field-error-message-icon-height);
  --field-error-message-text-case: var(--core-type-paragraph-20-case);
  --field-error-message-text-color: var(--field-light-mode-error-message-text-color);
  --field-error-message-text-font-family: var(--core-type-paragraph-20-font-family);
  --field-error-message-text-leading: var(--core-type-paragraph-20-leading);
  --field-error-message-text-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --field-error-message-text-scale: var(--core-type-paragraph-20-scale);
  --field-error-message-text-size: var(--core-type-paragraph-20-size);
  --field-error-message-text-tracking: var(--core-type-paragraph-20-tracking);
  --field-error-message-text-vertical-spacing: 8px;
  --field-error-message-text-weight: var(--core-type-paragraph-20-weight);
  --field-float-phase-horizontal-padding-size: var(--field-empty-phase-horizontal-padding-size);
  --field-float-phase-label-margin-bottom-size: 2px;
  --field-float-phase-label-margin-top-size: 8px;
  --field-float-phase-label-text-case: var(--core-type-semibold-20-case);
  --field-float-phase-label-text-font-family: var(--core-type-semibold-20-font-family);
  --field-float-phase-label-text-leading: var(--core-type-semibold-20-leading);
  --field-float-phase-label-text-number-spacing: var(--core-type-semibold-20-number-spacing);
  --field-float-phase-label-text-scale: var(--core-type-semibold-20-scale);
  --field-float-phase-label-text-size: var(--core-type-semibold-20-size);
  --field-float-phase-label-text-tracking: var(--core-type-semibold-20-tracking);
  --field-float-phase-label-text-weight: 500;
  --field-float-phase-vertical-padding-size: 8px;
  --field-focus-state-background-color: var(--field-focus-state-light-mode-background-color);
  --field-focus-state-border-size: 2px;
  --field-focus-state-dark-mode-background-color: var(--field-normal-state-dark-mode-background-color);
  --field-focus-state-dark-mode-input-color: var(--field-normal-state-dark-mode-input-color);
  --field-focus-state-float-phase-dark-mode-label-color: var(--field-normal-state-float-phase-dark-mode-label-color);
  --field-focus-state-float-phase-label-color: var(--field-focus-state-float-phase-light-mode-label-color);
  --field-focus-state-float-phase-light-mode-label-color: var(--field-normal-state-float-phase-light-mode-label-color);
  --field-focus-state-input-color: var(--field-focus-state-light-mode-input-color);
  --field-focus-state-invalid-validity-border-color: var(--field-focus-state-invalid-validity-light-mode-border-color);
  --field-focus-state-invalid-validity-dark-mode-border-color: var(--field-focus-state-normal-validity-dark-mode-border-color);
  --field-focus-state-invalid-validity-light-mode-border-color: var(--field-focus-state-normal-validity-light-mode-border-color);
  --field-focus-state-light-mode-background-color: var(--field-normal-state-light-mode-background-color);
  --field-focus-state-light-mode-input-color: var(--field-normal-state-light-mode-input-color);
  --field-focus-state-normal-validity-border-color: var(--field-focus-state-normal-validity-light-mode-border-color);
  --field-focus-state-normal-validity-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);
  --field-focus-state-normal-validity-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);
  --field-helper-text-case: var(--core-type-paragraph-20-case);
  --field-helper-text-font-family: var(--core-type-paragraph-20-font-family);
  --field-helper-text-horizontal-spacing: 0px;
  --field-helper-text-leading: var(--core-type-paragraph-20-leading);
  --field-helper-text-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --field-helper-text-scale: var(--core-type-paragraph-20-scale);
  --field-helper-text-size: var(--core-type-paragraph-20-size);
  --field-helper-text-text-color: var(--field-light-mode-helper-text-text-color);
  --field-helper-text-tracking: var(--core-type-paragraph-20-tracking);
  --field-helper-text-vertical-spacing: 8px;
  --field-helper-text-weight: var(--core-type-paragraph-20-weight);
  --field-hover-state-background-color: var(--field-hover-state-light-mode-background-color);
  --field-hover-state-dark-mode-background-color: var(--field-normal-state-dark-mode-background-color);
  --field-hover-state-dark-mode-input-color: var(--field-normal-state-dark-mode-input-color);
  --field-hover-state-empty-phase-dark-mode-label-color: var(--field-normal-state-empty-phase-dark-mode-label-color);
  --field-hover-state-empty-phase-label-color: var(--field-hover-state-empty-phase-light-mode-label-color);
  --field-hover-state-empty-phase-light-mode-label-color: var(--field-normal-state-empty-phase-light-mode-label-color);
  --field-hover-state-float-phase-dark-mode-label-color: var(--field-normal-state-float-phase-dark-mode-label-color);
  --field-hover-state-float-phase-label-color: var(--field-hover-state-float-phase-light-mode-label-color);
  --field-hover-state-float-phase-light-mode-label-color: var(--field-normal-state-float-phase-light-mode-label-color);
  --field-hover-state-input-color: var(--field-hover-state-light-mode-input-color);
  --field-hover-state-invalid-validity-border-color: var(--field-hover-state-invalid-validity-light-mode-border-color);
  --field-hover-state-invalid-validity-dark-mode-border-color: var(--field-hover-state-normal-validity-dark-mode-border-color);
  --field-hover-state-invalid-validity-light-mode-border-color: var(--field-hover-state-normal-validity-light-mode-border-color);
  --field-hover-state-light-mode-background-color: var(--field-normal-state-light-mode-background-color);
  --field-hover-state-light-mode-input-color: var(--field-normal-state-light-mode-input-color);
  --field-hover-state-normal-validity-border-color: var(--field-hover-state-normal-validity-light-mode-border-color);
  --field-hover-state-normal-validity-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);
  --field-hover-state-normal-validity-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);
  --field-icon-buffer-size: 16px;
  --field-icon-height: 24px;
  --field-icon-width: var(--field-icon-height);
  --field-image-accessory-spacing-left-size: 12px;
  --field-input-case: var(--core-type-paragraph-30-case);
  --field-input-font-family: var(--core-type-paragraph-30-font-family);
  --field-input-leading: var(--core-type-paragraph-30-leading);
  --field-input-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --field-input-scale: var(--core-type-paragraph-30-scale);
  --field-input-size: var(--core-type-paragraph-30-size);
  --field-input-tracking: var(--core-type-paragraph-30-tracking);
  --field-input-weight: var(--core-type-paragraph-30-weight);
  --field-light-mode-action-text-color: var(--core-emphasis-fill-light-mode-color);
  --field-light-mode-error-message-text-color: var(--core-critical-text-light-mode-color);
  --field-light-mode-helper-text-text-color: var(--core-text-20-light-mode-color);
  --field-light-mode-placeholder-text-color: var(--core-text-20-light-mode-color);
  --field-light-mode-selection-caret-color: var(--field-light-mode-selection-text-cursor-color);
  --field-light-mode-selection-highlight-color: var(--core-emphasis-30-light-mode-color);
  --field-light-mode-selection-text-cursor-color: var(--core-emphasis-fill-light-mode-color);
  --field-normal-state-background-color: var(--field-normal-state-light-mode-background-color);
  --field-normal-state-dark-mode-background-color: var(--core-surface-5-dark-mode-color);
  --field-normal-state-dark-mode-input-color: var(--core-text-10-dark-mode-color);
  --field-normal-state-empty-phase-dark-mode-label-color: var(--core-text-20-dark-mode-color);
  --field-normal-state-empty-phase-label-color: var(--field-normal-state-empty-phase-light-mode-label-color);
  --field-normal-state-empty-phase-light-mode-label-color: var(--core-text-20-light-mode-color);
  --field-normal-state-float-phase-dark-mode-label-color: var(--core-text-10-dark-mode-color);
  --field-normal-state-float-phase-label-color: var(--field-normal-state-float-phase-light-mode-label-color);
  --field-normal-state-float-phase-light-mode-label-color: var(--core-text-10-light-mode-color);
  --field-normal-state-input-color: var(--field-normal-state-light-mode-input-color);
  --field-normal-state-invalid-validity-border-color: var(--field-normal-state-invalid-validity-light-mode-border-color);
  --field-normal-state-invalid-validity-dark-mode-border-color: var(--core-critical-fill-dark-mode-color);
  --field-normal-state-invalid-validity-light-mode-border-color: var(--core-critical-fill-light-mode-color);
  --field-normal-state-light-mode-background-color: var(--core-surface-5-light-mode-color);
  --field-normal-state-light-mode-input-color: var(--core-text-10-light-mode-color);
  --field-normal-state-normal-validity-border-color: var(--field-normal-state-normal-validity-light-mode-border-color);
  --field-normal-state-normal-validity-border-high-contrast-color: var(--field-normal-state-normal-validity-light-mode-border-high-contrast-color);
  --field-normal-state-normal-validity-border-normal-contrast-color: var(--field-normal-state-normal-validity-light-mode-border-normal-contrast-color);
  --field-normal-state-normal-validity-dark-mode-border-color: var(--core-fill-30-dark-mode-color);
  --field-normal-state-normal-validity-dark-mode-border-high-contrast-color: var(--core-fill-20-dark-mode-color);
  --field-normal-state-normal-validity-dark-mode-border-normal-contrast-color: var(--core-fill-30-dark-mode-color);
  --field-normal-state-normal-validity-light-mode-border-color: var(--core-fill-30-light-mode-color);
  --field-normal-state-normal-validity-light-mode-border-high-contrast-color: var(--core-fill-20-light-mode-color);
  --field-normal-state-normal-validity-light-mode-border-normal-contrast-color: var(--core-fill-30-light-mode-color);
  --field-placeholder-text-color: var(--field-light-mode-placeholder-text-color);
  --field-selection-caret-color: var(--field-light-mode-selection-caret-color);
  --field-selection-highlight-color: var(--field-light-mode-selection-highlight-color);
  --field-selection-text-cursor-color: var(--field-light-mode-selection-text-cursor-color);
  --field-trailing-accessory-buffer-size: 16px;
  --field-trailing-accessory-disabled-state-opacity: var(--core-opacity-disabled-state);
  --field-trailing-accessory-height: 48px;
  --field-trailing-accessory-position-bottom-size: 8px;
  --field-trailing-accessory-position-right-size: 0px;
  --field-trailing-accessory-width: var(--field-trailing-accessory-height);

  /* ========== file-upload ========== */
  --file-upload-dropzone-disabled-state-background-color: var(--file-upload-dropzone-disabled-state-background-light-mode-color);
  --file-upload-dropzone-disabled-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color);
  --file-upload-dropzone-disabled-state-background-light-mode-color: var(--core-fill-50-light-mode-color);
  --file-upload-dropzone-disabled-state-border-color: var(--file-upload-dropzone-disabled-state-border-light-mode-color);
  --file-upload-dropzone-disabled-state-border-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --file-upload-dropzone-disabled-state-border-light-mode-color: var(--core-fill-40-light-mode-color);
  --file-upload-dropzone-disabled-state-border-radius: var(--file-upload-dropzone-normal-state-border-radius);
  --file-upload-dropzone-disabled-state-border-width: var(--file-upload-dropzone-normal-state-border-width);
  --file-upload-dropzone-disabled-state-icon-color: var(--file-upload-dropzone-disabled-state-icon-light-mode-color);
  --file-upload-dropzone-disabled-state-icon-dark-mode-color: var(--core-text-30-dark-mode-color);
  --file-upload-dropzone-disabled-state-icon-light-mode-color: var(--core-text-30-light-mode-color);
  --file-upload-dropzone-disabled-state-subtext-case: var(--file-upload-dropzone-normal-state-subtext-case);
  --file-upload-dropzone-disabled-state-subtext-color: var(--file-upload-dropzone-disabled-state-subtext-light-mode-color);
  --file-upload-dropzone-disabled-state-subtext-dark-mode-color: var(--file-upload-dropzone-normal-state-subtext-dark-mode-color);
  --file-upload-dropzone-disabled-state-subtext-font-family: var(--file-upload-dropzone-normal-state-subtext-font-family);
  --file-upload-dropzone-disabled-state-subtext-leading: var(--file-upload-dropzone-normal-state-subtext-leading);
  --file-upload-dropzone-disabled-state-subtext-light-mode-color: var(--file-upload-dropzone-normal-state-subtext-light-mode-color);
  --file-upload-dropzone-disabled-state-subtext-number-spacing: var(--file-upload-dropzone-normal-state-subtext-number-spacing);
  --file-upload-dropzone-disabled-state-subtext-scale: var(--file-upload-dropzone-normal-state-subtext-scale);
  --file-upload-dropzone-disabled-state-subtext-size: var(--file-upload-dropzone-normal-state-subtext-size);
  --file-upload-dropzone-disabled-state-subtext-tracking: var(--file-upload-dropzone-normal-state-subtext-tracking);
  --file-upload-dropzone-disabled-state-subtext-weight: var(--file-upload-dropzone-normal-state-subtext-weight);
  --file-upload-dropzone-disabled-state-text-case: var(--file-upload-dropzone-normal-state-text-case);
  --file-upload-dropzone-disabled-state-text-color: var(--file-upload-dropzone-disabled-state-text-light-mode-color);
  --file-upload-dropzone-disabled-state-text-dark-mode-color: var(--file-upload-dropzone-normal-state-text-dark-mode-color);
  --file-upload-dropzone-disabled-state-text-font-family: var(--file-upload-dropzone-normal-state-text-font-family);
  --file-upload-dropzone-disabled-state-text-leading: var(--file-upload-dropzone-normal-state-text-leading);
  --file-upload-dropzone-disabled-state-text-light-mode-color: var(--file-upload-dropzone-normal-state-text-light-mode-color);
  --file-upload-dropzone-disabled-state-text-number-spacing: var(--file-upload-dropzone-normal-state-text-number-spacing);
  --file-upload-dropzone-disabled-state-text-scale: var(--file-upload-dropzone-normal-state-text-scale);
  --file-upload-dropzone-disabled-state-text-size: var(--file-upload-dropzone-normal-state-text-size);
  --file-upload-dropzone-disabled-state-text-tracking: var(--file-upload-dropzone-normal-state-text-tracking);
  --file-upload-dropzone-disabled-state-text-weight: var(--file-upload-dropzone-normal-state-text-weight);
  --file-upload-dropzone-horizontal-padding: var(--core-metrics-spacing-400);
  --file-upload-dropzone-hover-state-background-color: var(--file-upload-dropzone-hover-state-background-light-mode-color);
  --file-upload-dropzone-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --file-upload-dropzone-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --file-upload-dropzone-hover-state-border-color: var(--file-upload-dropzone-hover-state-border-light-mode-color);
  --file-upload-dropzone-hover-state-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --file-upload-dropzone-hover-state-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --file-upload-dropzone-hover-state-border-radius: var(--file-upload-dropzone-normal-state-border-radius);
  --file-upload-dropzone-hover-state-border-width: var(--file-upload-dropzone-normal-state-border-width);
  --file-upload-dropzone-hover-state-icon-color: var(--file-upload-dropzone-hover-state-icon-light-mode-color);
  --file-upload-dropzone-hover-state-icon-dark-mode-color: var(--file-upload-dropzone-normal-state-icon-dark-mode-color);
  --file-upload-dropzone-hover-state-icon-light-mode-color: var(--file-upload-dropzone-normal-state-icon-light-mode-color);
  --file-upload-dropzone-hover-state-subtext-case: var(--file-upload-dropzone-normal-state-subtext-case);
  --file-upload-dropzone-hover-state-subtext-color: var(--file-upload-dropzone-hover-state-subtext-light-mode-color);
  --file-upload-dropzone-hover-state-subtext-dark-mode-color: var(--file-upload-dropzone-normal-state-subtext-dark-mode-color);
  --file-upload-dropzone-hover-state-subtext-font-family: var(--file-upload-dropzone-normal-state-subtext-font-family);
  --file-upload-dropzone-hover-state-subtext-leading: var(--file-upload-dropzone-normal-state-subtext-leading);
  --file-upload-dropzone-hover-state-subtext-light-mode-color: var(--file-upload-dropzone-normal-state-subtext-light-mode-color);
  --file-upload-dropzone-hover-state-subtext-number-spacing: var(--file-upload-dropzone-normal-state-subtext-number-spacing);
  --file-upload-dropzone-hover-state-subtext-scale: var(--file-upload-dropzone-normal-state-subtext-scale);
  --file-upload-dropzone-hover-state-subtext-size: var(--file-upload-dropzone-normal-state-subtext-size);
  --file-upload-dropzone-hover-state-subtext-tracking: var(--file-upload-dropzone-normal-state-subtext-tracking);
  --file-upload-dropzone-hover-state-subtext-weight: var(--file-upload-dropzone-normal-state-subtext-weight);
  --file-upload-dropzone-hover-state-text-case: var(--file-upload-dropzone-normal-state-text-case);
  --file-upload-dropzone-hover-state-text-color: var(--file-upload-dropzone-hover-state-text-light-mode-color);
  --file-upload-dropzone-hover-state-text-dark-mode-color: var(--file-upload-dropzone-normal-state-text-dark-mode-color);
  --file-upload-dropzone-hover-state-text-font-family: var(--file-upload-dropzone-normal-state-text-font-family);
  --file-upload-dropzone-hover-state-text-leading: var(--file-upload-dropzone-normal-state-text-leading);
  --file-upload-dropzone-hover-state-text-light-mode-color: var(--file-upload-dropzone-normal-state-text-light-mode-color);
  --file-upload-dropzone-hover-state-text-number-spacing: var(--file-upload-dropzone-normal-state-text-number-spacing);
  --file-upload-dropzone-hover-state-text-scale: var(--file-upload-dropzone-normal-state-text-scale);
  --file-upload-dropzone-hover-state-text-size: var(--file-upload-dropzone-normal-state-text-size);
  --file-upload-dropzone-hover-state-text-tracking: var(--file-upload-dropzone-normal-state-text-tracking);
  --file-upload-dropzone-hover-state-text-weight: var(--file-upload-dropzone-normal-state-text-weight);
  --file-upload-dropzone-minimum-height: 400px;
  --file-upload-dropzone-normal-state-background-color: var(--file-upload-dropzone-normal-state-background-light-mode-color);
  --file-upload-dropzone-normal-state-background-dark-mode-color: var(--core-surface-10-dark-mode-color);
  --file-upload-dropzone-normal-state-background-light-mode-color: var(--core-surface-10-light-mode-color);
  --file-upload-dropzone-normal-state-border-color: var(--file-upload-dropzone-normal-state-border-light-mode-color);
  --file-upload-dropzone-normal-state-border-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --file-upload-dropzone-normal-state-border-light-mode-color: var(--core-fill-20-light-mode-color);
  --file-upload-dropzone-normal-state-border-radius: var(--core-radius-100);
  --file-upload-dropzone-normal-state-border-width: var(--core-border-10);
  --file-upload-dropzone-normal-state-icon-color: var(--file-upload-dropzone-normal-state-icon-light-mode-color);
  --file-upload-dropzone-normal-state-icon-dark-mode-color: var(--core-text-10-dark-mode-color);
  --file-upload-dropzone-normal-state-icon-light-mode-color: var(--core-text-10-light-mode-color);
  --file-upload-dropzone-normal-state-subtext-case: var(--core-type-paragraph-20-case);
  --file-upload-dropzone-normal-state-subtext-color: var(--file-upload-dropzone-normal-state-subtext-light-mode-color);
  --file-upload-dropzone-normal-state-subtext-dark-mode-color: var(--core-text-20-dark-mode-color);
  --file-upload-dropzone-normal-state-subtext-font-family: var(--core-type-paragraph-20-font-family);
  --file-upload-dropzone-normal-state-subtext-leading: var(--core-type-paragraph-20-leading);
  --file-upload-dropzone-normal-state-subtext-light-mode-color: var(--core-text-20-light-mode-color);
  --file-upload-dropzone-normal-state-subtext-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --file-upload-dropzone-normal-state-subtext-scale: var(--core-type-paragraph-20-scale);
  --file-upload-dropzone-normal-state-subtext-size: var(--core-type-paragraph-20-size);
  --file-upload-dropzone-normal-state-subtext-tracking: var(--core-type-paragraph-20-tracking);
  --file-upload-dropzone-normal-state-subtext-weight: var(--core-type-paragraph-20-weight);
  --file-upload-dropzone-normal-state-text-case: var(--core-type-paragraph-30-case);
  --file-upload-dropzone-normal-state-text-color: var(--file-upload-dropzone-normal-state-text-light-mode-color);
  --file-upload-dropzone-normal-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --file-upload-dropzone-normal-state-text-font-family: var(--core-type-paragraph-30-font-family);
  --file-upload-dropzone-normal-state-text-leading: var(--core-type-paragraph-30-leading);
  --file-upload-dropzone-normal-state-text-light-mode-color: var(--core-text-10-light-mode-color);
  --file-upload-dropzone-normal-state-text-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --file-upload-dropzone-normal-state-text-scale: var(--core-type-paragraph-30-scale);
  --file-upload-dropzone-normal-state-text-size: var(--core-type-paragraph-30-size);
  --file-upload-dropzone-normal-state-text-tracking: var(--core-type-paragraph-30-tracking);
  --file-upload-dropzone-normal-state-text-weight: var(--core-type-paragraph-30-weight);
  --file-upload-dropzone-pressed-state-background-color: var(--file-upload-dropzone-pressed-state-background-light-mode-color);
  --file-upload-dropzone-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --file-upload-dropzone-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --file-upload-dropzone-pressed-state-border-color: var(--file-upload-dropzone-pressed-state-border-light-mode-color);
  --file-upload-dropzone-pressed-state-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --file-upload-dropzone-pressed-state-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --file-upload-dropzone-pressed-state-border-radius: var(--file-upload-dropzone-normal-state-border-radius);
  --file-upload-dropzone-pressed-state-border-width: var(--file-upload-dropzone-normal-state-border-width);
  --file-upload-dropzone-pressed-state-icon-color: var(--file-upload-dropzone-pressed-state-icon-light-mode-color);
  --file-upload-dropzone-pressed-state-icon-dark-mode-color: var(--file-upload-dropzone-normal-state-icon-dark-mode-color);
  --file-upload-dropzone-pressed-state-icon-light-mode-color: var(--file-upload-dropzone-normal-state-icon-light-mode-color);
  --file-upload-dropzone-pressed-state-subtext-case: var(--file-upload-dropzone-normal-state-subtext-case);
  --file-upload-dropzone-pressed-state-subtext-color: var(--file-upload-dropzone-pressed-state-subtext-light-mode-color);
  --file-upload-dropzone-pressed-state-subtext-dark-mode-color: var(--file-upload-dropzone-normal-state-subtext-dark-mode-color);
  --file-upload-dropzone-pressed-state-subtext-font-family: var(--file-upload-dropzone-normal-state-subtext-font-family);
  --file-upload-dropzone-pressed-state-subtext-leading: var(--file-upload-dropzone-normal-state-subtext-leading);
  --file-upload-dropzone-pressed-state-subtext-light-mode-color: var(--file-upload-dropzone-normal-state-subtext-light-mode-color);
  --file-upload-dropzone-pressed-state-subtext-number-spacing: var(--file-upload-dropzone-normal-state-subtext-number-spacing);
  --file-upload-dropzone-pressed-state-subtext-scale: var(--file-upload-dropzone-normal-state-subtext-scale);
  --file-upload-dropzone-pressed-state-subtext-size: var(--file-upload-dropzone-normal-state-subtext-size);
  --file-upload-dropzone-pressed-state-subtext-tracking: var(--file-upload-dropzone-normal-state-subtext-tracking);
  --file-upload-dropzone-pressed-state-subtext-weight: var(--file-upload-dropzone-normal-state-subtext-weight);
  --file-upload-dropzone-pressed-state-text-case: var(--file-upload-dropzone-normal-state-text-case);
  --file-upload-dropzone-pressed-state-text-color: var(--file-upload-dropzone-pressed-state-text-light-mode-color);
  --file-upload-dropzone-pressed-state-text-dark-mode-color: var(--file-upload-dropzone-normal-state-text-dark-mode-color);
  --file-upload-dropzone-pressed-state-text-font-family: var(--file-upload-dropzone-normal-state-text-font-family);
  --file-upload-dropzone-pressed-state-text-leading: var(--file-upload-dropzone-normal-state-text-leading);
  --file-upload-dropzone-pressed-state-text-light-mode-color: var(--file-upload-dropzone-normal-state-text-light-mode-color);
  --file-upload-dropzone-pressed-state-text-number-spacing: var(--file-upload-dropzone-normal-state-text-number-spacing);
  --file-upload-dropzone-pressed-state-text-scale: var(--file-upload-dropzone-normal-state-text-scale);
  --file-upload-dropzone-pressed-state-text-size: var(--file-upload-dropzone-normal-state-text-size);
  --file-upload-dropzone-pressed-state-text-tracking: var(--file-upload-dropzone-normal-state-text-tracking);
  --file-upload-dropzone-pressed-state-text-weight: var(--file-upload-dropzone-normal-state-text-weight);
  --file-upload-dropzone-vertical-padding: var(--file-upload-dropzone-horizontal-padding);
  --file-upload-upload-item-error-state-background-color: var(--file-upload-upload-item-error-state-background-light-mode-color);
  --file-upload-upload-item-error-state-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);
  --file-upload-upload-item-error-state-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);
  --file-upload-upload-item-error-state-leading-accessory-background-color: var(--file-upload-upload-item-error-state-leading-accessory-background-light-mode-color);
  --file-upload-upload-item-error-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);
  --file-upload-upload-item-error-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);
  --file-upload-upload-item-error-state-leading-accessory-height: var(--core-metrics-spacing-300);
  --file-upload-upload-item-error-state-leading-accessory-icon-color: var(--file-upload-upload-item-error-state-leading-accessory-icon-light-mode-color);
  --file-upload-upload-item-error-state-leading-accessory-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --file-upload-upload-item-error-state-leading-accessory-icon-light-mode-color: var(--core-fill-10-light-mode-color);
  --file-upload-upload-item-error-state-leading-accessory-width: var(--file-upload-upload-item-error-state-leading-accessory-height);
  --file-upload-upload-item-error-state-subtext-case: var(--file-upload-upload-item-normal-state-subtext-case);
  --file-upload-upload-item-error-state-subtext-color: var(--file-upload-upload-item-error-state-subtext-light-mode-color);
  --file-upload-upload-item-error-state-subtext-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --file-upload-upload-item-error-state-subtext-font-family: var(--file-upload-upload-item-normal-state-subtext-font-family);
  --file-upload-upload-item-error-state-subtext-leading: var(--file-upload-upload-item-normal-state-subtext-leading);
  --file-upload-upload-item-error-state-subtext-light-mode-color: var(--core-critical-text-light-mode-color);
  --file-upload-upload-item-error-state-subtext-number-spacing: var(--file-upload-upload-item-normal-state-subtext-number-spacing);
  --file-upload-upload-item-error-state-subtext-scale: var(--file-upload-upload-item-normal-state-subtext-scale);
  --file-upload-upload-item-error-state-subtext-size: var(--file-upload-upload-item-normal-state-subtext-size);
  --file-upload-upload-item-error-state-subtext-tracking: var(--file-upload-upload-item-normal-state-subtext-tracking);
  --file-upload-upload-item-error-state-subtext-weight: var(--file-upload-upload-item-normal-state-subtext-weight);
  --file-upload-upload-item-error-state-text-case: var(--file-upload-upload-item-normal-state-text-case);
  --file-upload-upload-item-error-state-text-color: var(--file-upload-upload-item-error-state-text-light-mode-color);
  --file-upload-upload-item-error-state-text-dark-mode-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color);
  --file-upload-upload-item-error-state-text-font-family: var(--file-upload-upload-item-normal-state-text-font-family);
  --file-upload-upload-item-error-state-text-leading: var(--file-upload-upload-item-normal-state-text-leading);
  --file-upload-upload-item-error-state-text-light-mode-color: var(--file-upload-upload-item-normal-state-text-light-mode-color);
  --file-upload-upload-item-error-state-text-number-spacing: var(--file-upload-upload-item-normal-state-text-number-spacing);
  --file-upload-upload-item-error-state-text-scale: var(--file-upload-upload-item-normal-state-text-scale);
  --file-upload-upload-item-error-state-text-size: var(--file-upload-upload-item-normal-state-text-size);
  --file-upload-upload-item-error-state-text-tracking: var(--file-upload-upload-item-normal-state-text-tracking);
  --file-upload-upload-item-error-state-text-weight: var(--file-upload-upload-item-normal-state-text-weight);
  --file-upload-upload-item-error-state-trailing-accessory-icon-color: var(--file-upload-upload-item-error-state-trailing-accessory-icon-light-mode-color);
  --file-upload-upload-item-error-state-trailing-accessory-icon-dark-mode-color: var(--core-critical-fill-dark-mode-color);
  --file-upload-upload-item-error-state-trailing-accessory-icon-light-mode-color: var(--core-critical-fill-light-mode-color);
  --file-upload-upload-item-horizontal-gap: var(--core-metrics-spacing-200);
  --file-upload-upload-item-hover-state-background-color: var(--file-upload-upload-item-hover-state-background-light-mode-color);
  --file-upload-upload-item-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --file-upload-upload-item-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --file-upload-upload-item-hover-state-leading-accessory-background-color: var(--file-upload-upload-item-hover-state-leading-accessory-background-light-mode-color);
  --file-upload-upload-item-hover-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color);
  --file-upload-upload-item-hover-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color);
  --file-upload-upload-item-hover-state-leading-accessory-height: var(--file-upload-upload-item-normal-state-leading-accessory-height);
  --file-upload-upload-item-hover-state-leading-accessory-icon-color: var(--file-upload-upload-item-hover-state-leading-accessory-icon-light-mode-color);
  --file-upload-upload-item-hover-state-leading-accessory-icon-dark-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color);
  --file-upload-upload-item-hover-state-leading-accessory-icon-light-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color);
  --file-upload-upload-item-hover-state-leading-accessory-width: var(--file-upload-upload-item-normal-state-leading-accessory-width);
  --file-upload-upload-item-hover-state-subtext-case: var(--file-upload-upload-item-normal-state-subtext-case);
  --file-upload-upload-item-hover-state-subtext-color: var(--file-upload-upload-item-hover-state-subtext-light-mode-color);
  --file-upload-upload-item-hover-state-subtext-dark-mode-color: var(--file-upload-upload-item-normal-state-subtext-dark-mode-color);
  --file-upload-upload-item-hover-state-subtext-font-family: var(--file-upload-upload-item-normal-state-subtext-font-family);
  --file-upload-upload-item-hover-state-subtext-leading: var(--file-upload-upload-item-normal-state-subtext-leading);
  --file-upload-upload-item-hover-state-subtext-light-mode-color: var(--file-upload-upload-item-normal-state-subtext-light-mode-color);
  --file-upload-upload-item-hover-state-subtext-number-spacing: var(--file-upload-upload-item-normal-state-subtext-number-spacing);
  --file-upload-upload-item-hover-state-subtext-scale: var(--file-upload-upload-item-normal-state-subtext-scale);
  --file-upload-upload-item-hover-state-subtext-size: var(--file-upload-upload-item-normal-state-subtext-size);
  --file-upload-upload-item-hover-state-subtext-tracking: var(--file-upload-upload-item-normal-state-subtext-tracking);
  --file-upload-upload-item-hover-state-subtext-weight: var(--file-upload-upload-item-normal-state-subtext-weight);
  --file-upload-upload-item-hover-state-text-case: var(--file-upload-upload-item-normal-state-text-case);
  --file-upload-upload-item-hover-state-text-color: var(--file-upload-upload-item-hover-state-text-light-mode-color);
  --file-upload-upload-item-hover-state-text-dark-mode-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color);
  --file-upload-upload-item-hover-state-text-font-family: var(--file-upload-upload-item-normal-state-text-font-family);
  --file-upload-upload-item-hover-state-text-leading: var(--file-upload-upload-item-normal-state-text-leading);
  --file-upload-upload-item-hover-state-text-light-mode-color: var(--file-upload-upload-item-normal-state-text-light-mode-color);
  --file-upload-upload-item-hover-state-text-number-spacing: var(--file-upload-upload-item-normal-state-text-number-spacing);
  --file-upload-upload-item-hover-state-text-scale: var(--file-upload-upload-item-normal-state-text-scale);
  --file-upload-upload-item-hover-state-text-size: var(--file-upload-upload-item-normal-state-text-size);
  --file-upload-upload-item-hover-state-text-tracking: var(--file-upload-upload-item-normal-state-text-tracking);
  --file-upload-upload-item-hover-state-text-weight: var(--file-upload-upload-item-normal-state-text-weight);
  --file-upload-upload-item-hover-state-trailing-accessory-icon-color: var(--file-upload-upload-item-hover-state-trailing-accessory-icon-light-mode-color);
  --file-upload-upload-item-hover-state-trailing-accessory-icon-dark-mode-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color);
  --file-upload-upload-item-hover-state-trailing-accessory-icon-light-mode-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color);
  --file-upload-upload-item-loading-state-background-color: var(--file-upload-upload-item-loading-state-background-light-mode-color);
  --file-upload-upload-item-loading-state-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);
  --file-upload-upload-item-loading-state-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);
  --file-upload-upload-item-loading-state-leading-accessory-background-color: var(--file-upload-upload-item-loading-state-leading-accessory-background-light-mode-color);
  --file-upload-upload-item-loading-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);
  --file-upload-upload-item-loading-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);
  --file-upload-upload-item-loading-state-leading-accessory-height: var(--core-metrics-spacing-300);
  --file-upload-upload-item-loading-state-leading-accessory-icon-color: var(--file-upload-upload-item-loading-state-leading-accessory-icon-light-mode-color);
  --file-upload-upload-item-loading-state-leading-accessory-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --file-upload-upload-item-loading-state-leading-accessory-icon-light-mode-color: var(--core-fill-10-light-mode-color);
  --file-upload-upload-item-loading-state-leading-accessory-width: var(--file-upload-upload-item-loading-state-leading-accessory-height);
  --file-upload-upload-item-loading-state-subtext-case: var(--core-type-paragraph-20-case);
  --file-upload-upload-item-loading-state-subtext-color: var(--file-upload-upload-item-loading-state-subtext-light-mode-color);
  --file-upload-upload-item-loading-state-subtext-dark-mode-color: var(--core-text-20-dark-mode-color);
  --file-upload-upload-item-loading-state-subtext-font-family: var(--core-type-paragraph-20-font-family);
  --file-upload-upload-item-loading-state-subtext-leading: var(--core-type-paragraph-20-leading);
  --file-upload-upload-item-loading-state-subtext-light-mode-color: var(--core-text-20-light-mode-color);
  --file-upload-upload-item-loading-state-subtext-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --file-upload-upload-item-loading-state-subtext-scale: var(--core-type-paragraph-20-scale);
  --file-upload-upload-item-loading-state-subtext-size: var(--core-type-paragraph-20-size);
  --file-upload-upload-item-loading-state-subtext-tracking: var(--core-type-paragraph-20-tracking);
  --file-upload-upload-item-loading-state-subtext-weight: var(--core-type-paragraph-20-weight);
  --file-upload-upload-item-loading-state-text-case: var(--core-type-paragraph-30-case);
  --file-upload-upload-item-loading-state-text-color: var(--file-upload-upload-item-loading-state-text-light-mode-color);
  --file-upload-upload-item-loading-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --file-upload-upload-item-loading-state-text-font-family: var(--core-type-paragraph-30-font-family);
  --file-upload-upload-item-loading-state-text-leading: var(--core-type-paragraph-30-leading);
  --file-upload-upload-item-loading-state-text-light-mode-color: var(--core-text-10-light-mode-color);
  --file-upload-upload-item-loading-state-text-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --file-upload-upload-item-loading-state-text-scale: var(--core-type-paragraph-30-scale);
  --file-upload-upload-item-loading-state-text-size: var(--core-type-paragraph-30-size);
  --file-upload-upload-item-loading-state-text-tracking: var(--core-type-paragraph-30-tracking);
  --file-upload-upload-item-loading-state-text-weight: var(--core-type-paragraph-30-weight);
  --file-upload-upload-item-loading-state-trailing-accessory-icon-color: var(--file-upload-upload-item-loading-state-trailing-accessory-icon-light-mode-color);
  --file-upload-upload-item-loading-state-trailing-accessory-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --file-upload-upload-item-loading-state-trailing-accessory-icon-light-mode-color: var(--core-fill-20-light-mode-color);
  --file-upload-upload-item-multiple-value-border-radius: var(--file-upload-upload-item-single-value-border-radius);
  --file-upload-upload-item-multiple-value-separator-color: var(--file-upload-upload-item-multiple-value-separator-light-mode-color);
  --file-upload-upload-item-multiple-value-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);
  --file-upload-upload-item-multiple-value-separator-light-mode-color: var(--core-divider-20-light-mode-color);
  --file-upload-upload-item-normal-state-background-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);
  --file-upload-upload-item-normal-state-background-dark-mode-color: var(--core-surface-10-dark-mode-color);
  --file-upload-upload-item-normal-state-background-light-mode-color: var(--core-surface-10-light-mode-color);
  --file-upload-upload-item-normal-state-leading-accessory-background-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color);
  --file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color: var(--core-fill-40-light-mode-color);
  --file-upload-upload-item-normal-state-leading-accessory-height: var(--core-metrics-spacing-300);
  --file-upload-upload-item-normal-state-leading-accessory-icon-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color);
  --file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color: var(--core-fill-10-light-mode-color);
  --file-upload-upload-item-normal-state-leading-accessory-width: var(--file-upload-upload-item-normal-state-leading-accessory-height);
  --file-upload-upload-item-normal-state-subtext-case: var(--core-type-paragraph-20-case);
  --file-upload-upload-item-normal-state-subtext-color: var(--file-upload-upload-item-normal-state-subtext-light-mode-color);
  --file-upload-upload-item-normal-state-subtext-dark-mode-color: var(--core-text-20-dark-mode-color);
  --file-upload-upload-item-normal-state-subtext-font-family: var(--core-type-paragraph-20-font-family);
  --file-upload-upload-item-normal-state-subtext-leading: var(--core-type-paragraph-20-leading);
  --file-upload-upload-item-normal-state-subtext-light-mode-color: var(--core-text-20-light-mode-color);
  --file-upload-upload-item-normal-state-subtext-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --file-upload-upload-item-normal-state-subtext-scale: var(--core-type-paragraph-20-scale);
  --file-upload-upload-item-normal-state-subtext-size: var(--core-type-paragraph-20-size);
  --file-upload-upload-item-normal-state-subtext-tracking: var(--core-type-paragraph-20-tracking);
  --file-upload-upload-item-normal-state-subtext-weight: var(--core-type-paragraph-20-weight);
  --file-upload-upload-item-normal-state-text-case: var(--core-type-paragraph-30-case);
  --file-upload-upload-item-normal-state-text-color: var(--file-upload-upload-item-normal-state-text-light-mode-color);
  --file-upload-upload-item-normal-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --file-upload-upload-item-normal-state-text-font-family: var(--core-type-paragraph-30-font-family);
  --file-upload-upload-item-normal-state-text-leading: var(--core-type-paragraph-30-leading);
  --file-upload-upload-item-normal-state-text-light-mode-color: var(--core-text-10-light-mode-color);
  --file-upload-upload-item-normal-state-text-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --file-upload-upload-item-normal-state-text-scale: var(--core-type-paragraph-30-scale);
  --file-upload-upload-item-normal-state-text-size: var(--core-type-paragraph-30-size);
  --file-upload-upload-item-normal-state-text-tracking: var(--core-type-paragraph-30-tracking);
  --file-upload-upload-item-normal-state-text-weight: var(--core-type-paragraph-30-weight);
  --file-upload-upload-item-normal-state-trailing-accessory-icon-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color);
  --file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color: var(--core-fill-20-light-mode-color);
  --file-upload-upload-item-pressed-state-background-color: var(--file-upload-upload-item-pressed-state-background-light-mode-color);
  --file-upload-upload-item-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --file-upload-upload-item-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --file-upload-upload-item-pressed-state-leading-accessory-background-color: var(--file-upload-upload-item-pressed-state-leading-accessory-background-light-mode-color);
  --file-upload-upload-item-pressed-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color);
  --file-upload-upload-item-pressed-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color);
  --file-upload-upload-item-pressed-state-leading-accessory-height: var(--file-upload-upload-item-normal-state-leading-accessory-height);
  --file-upload-upload-item-pressed-state-leading-accessory-icon-color: var(--file-upload-upload-item-pressed-state-leading-accessory-icon-light-mode-color);
  --file-upload-upload-item-pressed-state-leading-accessory-icon-dark-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color);
  --file-upload-upload-item-pressed-state-leading-accessory-icon-light-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color);
  --file-upload-upload-item-pressed-state-leading-accessory-width: var(--file-upload-upload-item-normal-state-leading-accessory-width);
  --file-upload-upload-item-pressed-state-subtext-case: var(--file-upload-upload-item-normal-state-subtext-case);
  --file-upload-upload-item-pressed-state-subtext-color: var(--file-upload-upload-item-pressed-state-subtext-light-mode-color);
  --file-upload-upload-item-pressed-state-subtext-dark-mode-color: var(--file-upload-upload-item-normal-state-subtext-dark-mode-color);
  --file-upload-upload-item-pressed-state-subtext-font-family: var(--file-upload-upload-item-normal-state-subtext-font-family);
  --file-upload-upload-item-pressed-state-subtext-leading: var(--file-upload-upload-item-normal-state-subtext-leading);
  --file-upload-upload-item-pressed-state-subtext-light-mode-color: var(--file-upload-upload-item-normal-state-subtext-light-mode-color);
  --file-upload-upload-item-pressed-state-subtext-number-spacing: var(--file-upload-upload-item-normal-state-subtext-number-spacing);
  --file-upload-upload-item-pressed-state-subtext-scale: var(--file-upload-upload-item-normal-state-subtext-scale);
  --file-upload-upload-item-pressed-state-subtext-size: var(--file-upload-upload-item-normal-state-subtext-size);
  --file-upload-upload-item-pressed-state-subtext-tracking: var(--file-upload-upload-item-normal-state-subtext-tracking);
  --file-upload-upload-item-pressed-state-subtext-weight: var(--file-upload-upload-item-normal-state-subtext-weight);
  --file-upload-upload-item-pressed-state-text-case: var(--file-upload-upload-item-normal-state-text-case);
  --file-upload-upload-item-pressed-state-text-color: var(--file-upload-upload-item-pressed-state-text-light-mode-color);
  --file-upload-upload-item-pressed-state-text-dark-mode-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color);
  --file-upload-upload-item-pressed-state-text-font-family: var(--file-upload-upload-item-normal-state-text-font-family);
  --file-upload-upload-item-pressed-state-text-leading: var(--file-upload-upload-item-normal-state-text-leading);
  --file-upload-upload-item-pressed-state-text-light-mode-color: var(--file-upload-upload-item-normal-state-text-light-mode-color);
  --file-upload-upload-item-pressed-state-text-number-spacing: var(--file-upload-upload-item-normal-state-text-number-spacing);
  --file-upload-upload-item-pressed-state-text-scale: var(--file-upload-upload-item-normal-state-text-scale);
  --file-upload-upload-item-pressed-state-text-size: var(--file-upload-upload-item-normal-state-text-size);
  --file-upload-upload-item-pressed-state-text-tracking: var(--file-upload-upload-item-normal-state-text-tracking);
  --file-upload-upload-item-pressed-state-text-weight: var(--file-upload-upload-item-normal-state-text-weight);
  --file-upload-upload-item-pressed-state-trailing-accessory-icon-color: var(--file-upload-upload-item-pressed-state-trailing-accessory-icon-light-mode-color);
  --file-upload-upload-item-pressed-state-trailing-accessory-icon-dark-mode-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color);
  --file-upload-upload-item-pressed-state-trailing-accessory-icon-light-mode-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color);
  --file-upload-upload-item-single-value-border-color-color: var(--file-upload-upload-item-single-value-border-color-light-mode-color);
  --file-upload-upload-item-single-value-border-color-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --file-upload-upload-item-single-value-border-color-light-mode-color: var(--core-fill-30-light-mode-color);
  --file-upload-upload-item-single-value-border-radius: var(--core-radius-100);
  --file-upload-upload-item-single-value-border-width: var(--core-border-10);
  --file-upload-upload-item-success-state-background-color: var(--file-upload-upload-item-success-state-background-light-mode-color);
  --file-upload-upload-item-success-state-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);
  --file-upload-upload-item-success-state-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);
  --file-upload-upload-item-success-state-leading-accessory-background-color: var(--file-upload-upload-item-success-state-leading-accessory-background-light-mode-color);
  --file-upload-upload-item-success-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);
  --file-upload-upload-item-success-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);
  --file-upload-upload-item-success-state-leading-accessory-height: var(--core-metrics-spacing-300);
  --file-upload-upload-item-success-state-leading-accessory-icon-color: var(--file-upload-upload-item-success-state-leading-accessory-icon-light-mode-color);
  --file-upload-upload-item-success-state-leading-accessory-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --file-upload-upload-item-success-state-leading-accessory-icon-light-mode-color: var(--core-fill-10-light-mode-color);
  --file-upload-upload-item-success-state-leading-accessory-width: var(--file-upload-upload-item-success-state-leading-accessory-height);
  --file-upload-upload-item-success-state-subtext-case: var(--file-upload-upload-item-normal-state-subtext-case);
  --file-upload-upload-item-success-state-subtext-color: var(--file-upload-upload-item-success-state-subtext-light-mode-color);
  --file-upload-upload-item-success-state-subtext-dark-mode-color: var(--file-upload-upload-item-normal-state-subtext-dark-mode-color);
  --file-upload-upload-item-success-state-subtext-font-family: var(--file-upload-upload-item-normal-state-subtext-font-family);
  --file-upload-upload-item-success-state-subtext-leading: var(--file-upload-upload-item-normal-state-subtext-leading);
  --file-upload-upload-item-success-state-subtext-light-mode-color: var(--file-upload-upload-item-normal-state-subtext-light-mode-color);
  --file-upload-upload-item-success-state-subtext-number-spacing: var(--file-upload-upload-item-normal-state-subtext-number-spacing);
  --file-upload-upload-item-success-state-subtext-scale: var(--file-upload-upload-item-normal-state-subtext-scale);
  --file-upload-upload-item-success-state-subtext-size: var(--file-upload-upload-item-normal-state-subtext-size);
  --file-upload-upload-item-success-state-subtext-tracking: var(--file-upload-upload-item-normal-state-subtext-tracking);
  --file-upload-upload-item-success-state-subtext-weight: var(--file-upload-upload-item-normal-state-subtext-weight);
  --file-upload-upload-item-success-state-text-case: var(--file-upload-upload-item-normal-state-text-case);
  --file-upload-upload-item-success-state-text-color: var(--file-upload-upload-item-success-state-text-light-mode-color);
  --file-upload-upload-item-success-state-text-dark-mode-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color);
  --file-upload-upload-item-success-state-text-font-family: var(--file-upload-upload-item-normal-state-text-font-family);
  --file-upload-upload-item-success-state-text-leading: var(--file-upload-upload-item-normal-state-text-leading);
  --file-upload-upload-item-success-state-text-light-mode-color: var(--file-upload-upload-item-normal-state-text-light-mode-color);
  --file-upload-upload-item-success-state-text-number-spacing: var(--file-upload-upload-item-normal-state-text-number-spacing);
  --file-upload-upload-item-success-state-text-scale: var(--file-upload-upload-item-normal-state-text-scale);
  --file-upload-upload-item-success-state-text-size: var(--file-upload-upload-item-normal-state-text-size);
  --file-upload-upload-item-success-state-text-tracking: var(--file-upload-upload-item-normal-state-text-tracking);
  --file-upload-upload-item-success-state-text-weight: var(--file-upload-upload-item-normal-state-text-weight);
  --file-upload-upload-item-success-state-trailing-accessory-icon-color: var(--file-upload-upload-item-success-state-trailing-accessory-icon-light-mode-color);
  --file-upload-upload-item-success-state-trailing-accessory-icon-dark-mode-color: var(--core-success-fill-dark-mode-color);
  --file-upload-upload-item-success-state-trailing-accessory-icon-light-mode-color: var(--core-success-fill-light-mode-color);
  --file-upload-upload-item-vertical-padding: var(--core-metrics-spacing-200);

  /* ========== filter-button ========== */
  --filter-button-border-radius: 6px;
  --filter-button-border-size: 1px;
  --filter-button-disabled-state-background-color: var(--filter-button-disabled-state-background-light-mode-color);
  --filter-button-disabled-state-background-dark-mode-color: transparent;
  --filter-button-disabled-state-background-light-mode-color: transparent;
  --filter-button-disabled-state-border-color: var(--filter-button-disabled-state-border-light-mode-color);
  --filter-button-disabled-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --filter-button-disabled-state-border-light-mode-color: var(--core-fill-30-light-mode-color);
  --filter-button-disabled-state-border-size: var(--core-border-10);
  --filter-button-disabled-state-feedback-color: var(--filter-button-disabled-state-feedback-light-mode-color);
  --filter-button-disabled-state-feedback-dark-mode-color: var(--core-text-30-dark-mode-color);
  --filter-button-disabled-state-feedback-light-mode-color: var(--core-text-30-light-mode-color);
  --filter-button-disabled-state-label-color: var(--filter-button-disabled-state-label-light-mode-color);
  --filter-button-disabled-state-label-dark-mode-color: var(--core-text-30-dark-mode-color);
  --filter-button-disabled-state-label-light-mode-color: var(--core-text-30-light-mode-color);
  --filter-button-feedback-maximum: 99;
  --filter-button-hover-state-background-color: var(--filter-button-hover-state-background-light-mode-color);
  --filter-button-hover-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --filter-button-hover-state-background-light-mode-color: var(--core-fill-40-light-mode-color);
  --filter-button-hover-state-border-color: var(--filter-button-hover-state-border-light-mode-color);
  --filter-button-hover-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --filter-button-hover-state-border-light-mode-color: var(--core-fill-30-light-mode-color);
  --filter-button-hover-state-border-size: var(--core-border-10);
  --filter-button-hover-state-feedback-color: var(--filter-button-hover-state-feedback-light-mode-color);
  --filter-button-hover-state-feedback-dark-mode-color: var(--core-text-10-dark-mode-color);
  --filter-button-hover-state-feedback-light-mode-color: var(--core-text-10-light-mode-color);
  --filter-button-hover-state-label-color: var(--filter-button-hover-state-label-light-mode-color);
  --filter-button-hover-state-label-dark-mode-color: var(--core-text-20-dark-mode-color);
  --filter-button-hover-state-label-light-mode-color: var(--core-text-20-light-mode-color);
  --filter-button-icon-content-spacing: var(--core-metrics-spacing-50);
  --filter-button-icon-feedback-trailing-padding: 2px;
  --filter-button-label-content-spacing: var(--core-metrics-spacing-100);
  --filter-button-medium-size-feedback-text-case: var(--core-type-semibold-30-case);
  --filter-button-medium-size-feedback-text-font-family: var(--core-type-semibold-30-font-family);
  --filter-button-medium-size-feedback-text-leading: var(--core-type-semibold-30-leading);
  --filter-button-medium-size-feedback-text-number-spacing: var(--core-type-semibold-30-number-spacing);
  --filter-button-medium-size-feedback-text-scale: var(--core-type-semibold-30-scale);
  --filter-button-medium-size-feedback-text-size: var(--core-type-semibold-30-size);
  --filter-button-medium-size-feedback-text-tracking: var(--core-type-semibold-30-tracking);
  --filter-button-medium-size-feedback-text-weight: var(--core-type-semibold-30-weight);
  --filter-button-medium-size-icon-horizontal-padding: 12px;
  --filter-button-medium-size-icon-text-case: var(--core-type-semibold-30-case);
  --filter-button-medium-size-icon-text-font-family: var(--core-type-semibold-30-font-family);
  --filter-button-medium-size-icon-text-leading: var(--core-type-semibold-30-leading);
  --filter-button-medium-size-icon-text-number-spacing: var(--core-type-semibold-30-number-spacing);
  --filter-button-medium-size-icon-text-scale: var(--core-type-semibold-30-scale);
  --filter-button-medium-size-icon-text-size: var(--core-type-semibold-30-size);
  --filter-button-medium-size-icon-text-tracking: var(--core-type-semibold-30-tracking);
  --filter-button-medium-size-icon-text-weight: var(--core-type-semibold-30-weight);
  --filter-button-medium-size-icon-vertical-padding: 12px;
  --filter-button-medium-size-label-horizontal-padding: 16px;
  --filter-button-medium-size-label-text-case: var(--core-type-paragraph-30-case);
  --filter-button-medium-size-label-text-font-family: var(--core-type-paragraph-30-font-family);
  --filter-button-medium-size-label-text-leading: var(--core-type-paragraph-30-leading);
  --filter-button-medium-size-label-text-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --filter-button-medium-size-label-text-scale: var(--core-type-paragraph-30-scale);
  --filter-button-medium-size-label-text-size: var(--core-type-paragraph-30-size);
  --filter-button-medium-size-label-text-tracking: var(--core-type-paragraph-30-tracking);
  --filter-button-medium-size-label-text-weight: var(--core-type-paragraph-30-weight);
  --filter-button-medium-size-label-vertical-padding: 12px;
  --filter-button-medium-size-minimum-height: 48px;
  --filter-button-medium-size-minimum-width-multiplier: 1;
  --filter-button-normal-state-background-color: var(--filter-button-normal-state-background-light-mode-color);
  --filter-button-normal-state-background-dark-mode-color: transparent;
  --filter-button-normal-state-background-light-mode-color: transparent;
  --filter-button-normal-state-border-color: var(--filter-button-normal-state-border-light-mode-color);
  --filter-button-normal-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --filter-button-normal-state-border-high-contrast-color: var(--filter-button-normal-state-border-high-contrast-light-mode-color);
  --filter-button-normal-state-border-high-contrast-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --filter-button-normal-state-border-high-contrast-light-mode-color: var(--core-fill-20-light-mode-color);
  --filter-button-normal-state-border-light-mode-color: var(--core-fill-30-light-mode-color);
  --filter-button-normal-state-border-normal-contrast-color: var(--filter-button-normal-state-border-normal-contrast-light-mode-color);
  --filter-button-normal-state-border-normal-contrast-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --filter-button-normal-state-border-normal-contrast-light-mode-color: var(--core-fill-30-light-mode-color);
  --filter-button-normal-state-border-size: var(--core-border-10);
  --filter-button-normal-state-feedback-color: var(--filter-button-normal-state-feedback-light-mode-color);
  --filter-button-normal-state-feedback-dark-mode-color: var(--core-text-10-dark-mode-color);
  --filter-button-normal-state-feedback-light-mode-color: var(--core-text-10-light-mode-color);
  --filter-button-normal-state-label-color: var(--filter-button-normal-state-label-light-mode-color);
  --filter-button-normal-state-label-dark-mode-color: var(--core-text-20-dark-mode-color);
  --filter-button-normal-state-label-light-mode-color: var(--core-text-20-light-mode-color);
  --filter-button-pressed-state-background-color: var(--filter-button-pressed-state-background-light-mode-color);
  --filter-button-pressed-state-background-dark-mode-color: transparent;
  --filter-button-pressed-state-background-light-mode-color: transparent;
  --filter-button-pressed-state-border-color: var(--filter-button-pressed-state-border-light-mode-color);
  --filter-button-pressed-state-border-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --filter-button-pressed-state-border-light-mode-color: var(--core-fill-10-light-mode-color);
  --filter-button-pressed-state-border-size: var(--core-border-10);
  --filter-button-pressed-state-feedback-color: var(--filter-button-pressed-state-feedback-light-mode-color);
  --filter-button-pressed-state-feedback-dark-mode-color: var(--core-text-10-dark-mode-color);
  --filter-button-pressed-state-feedback-light-mode-color: var(--core-text-10-light-mode-color);
  --filter-button-pressed-state-label-color: var(--filter-button-pressed-state-label-light-mode-color);
  --filter-button-pressed-state-label-dark-mode-color: var(--core-text-20-dark-mode-color);
  --filter-button-pressed-state-label-light-mode-color: var(--core-text-20-light-mode-color);
  --filter-button-small-size-feedback-text-case: var(--core-type-semibold-20-case);
  --filter-button-small-size-feedback-text-font-family: var(--core-type-semibold-20-font-family);
  --filter-button-small-size-feedback-text-leading: var(--core-type-semibold-20-leading);
  --filter-button-small-size-feedback-text-number-spacing: var(--core-type-semibold-20-number-spacing);
  --filter-button-small-size-feedback-text-scale: var(--core-type-semibold-20-scale);
  --filter-button-small-size-feedback-text-size: var(--core-type-semibold-20-size);
  --filter-button-small-size-feedback-text-tracking: var(--core-type-semibold-20-tracking);
  --filter-button-small-size-feedback-text-weight: var(--core-type-semibold-20-weight);
  --filter-button-small-size-icon-horizontal-padding: 8px;
  --filter-button-small-size-icon-text-case: var(--core-type-semibold-30-case);
  --filter-button-small-size-icon-text-font-family: var(--core-type-semibold-30-font-family);
  --filter-button-small-size-icon-text-leading: var(--core-type-semibold-30-leading);
  --filter-button-small-size-icon-text-number-spacing: var(--core-type-semibold-30-number-spacing);
  --filter-button-small-size-icon-text-scale: var(--core-type-semibold-30-scale);
  --filter-button-small-size-icon-text-size: var(--core-type-semibold-30-size);
  --filter-button-small-size-icon-text-tracking: var(--core-type-semibold-30-tracking);
  --filter-button-small-size-icon-text-weight: var(--core-type-semibold-30-weight);
  --filter-button-small-size-icon-vertical-padding: 8px;
  --filter-button-small-size-label-horizontal-padding: 12px;
  --filter-button-small-size-label-text-case: var(--core-type-paragraph-20-case);
  --filter-button-small-size-label-text-font-family: var(--core-type-paragraph-20-font-family);
  --filter-button-small-size-label-text-leading: var(--core-type-paragraph-20-leading);
  --filter-button-small-size-label-text-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --filter-button-small-size-label-text-scale: var(--core-type-paragraph-20-scale);
  --filter-button-small-size-label-text-size: var(--core-type-paragraph-20-size);
  --filter-button-small-size-label-text-tracking: var(--core-type-paragraph-20-tracking);
  --filter-button-small-size-label-text-weight: var(--core-type-paragraph-20-weight);
  --filter-button-small-size-label-vertical-padding: 9px;
  --filter-button-small-size-minimum-height: 40px;
  --filter-button-small-size-minimum-width-multiplier: 1;

  /* ========== footer ========== */
  --footer-vertical-padding-size: 16px;

  /* ========== hardware-slider ========== */
  --hardware-slider-icon-size: 24px;
  --hardware-slider-icon-tint-color: var(--hardware-slider-icon-tint-light-mode-color);
  --hardware-slider-icon-tint-dark-mode-color: var(--core-fill-white-dark-mode-color);
  --hardware-slider-icon-tint-light-mode-color: var(--core-fill-white-light-mode-color);
  --hardware-slider-minimum-height: 48px;
  --hardware-slider-minimum-width: 48px;
  --hardware-slider-track-active-corner-radius: 40px;
  --hardware-slider-track-active-disabled-state-background-color: var(--hardware-slider-track-active-disabled-state-background-light-mode-color);
  --hardware-slider-track-active-disabled-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --hardware-slider-track-active-disabled-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --hardware-slider-track-active-height: 40px;
  --hardware-slider-track-active-normal-state-background-color: var(--hardware-slider-track-active-normal-state-background-light-mode-color);
  --hardware-slider-track-active-normal-state-background-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --hardware-slider-track-active-normal-state-background-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --hardware-slider-track-active-padding-horizontal-size: 8px;
  --hardware-slider-track-inactive-corner-radius: 16px;
  --hardware-slider-track-inactive-disabled-state-background-color: var(--hardware-slider-track-inactive-disabled-state-background-light-mode-color);
  --hardware-slider-track-inactive-disabled-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --hardware-slider-track-inactive-disabled-state-background-light-mode-color: var(--core-fill-40-light-mode-color);
  --hardware-slider-track-inactive-height: 16px;
  --hardware-slider-track-inactive-normal-state-background-color: var(--hardware-slider-track-inactive-normal-state-background-light-mode-color);
  --hardware-slider-track-inactive-normal-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --hardware-slider-track-inactive-normal-state-background-light-mode-color: var(--core-fill-30-light-mode-color);

  /* ========== header ========== */
  --header-bottom-padding-compact-size-class-size: var(--core-metrics-spacing-200);
  --header-bottom-padding-normal-size-class-size: var(--header-top-padding-compact-size-class-size);
  --header-bottom-padding-size: var(--core-metrics-spacing-200);
  --header-bottom-padding-wide-size-class-size: var(--header-top-padding-compact-size-class-size);
  --header-compact-content-style-heading-container-minimum-height: var(--core-medium-size-minimum-height);
  --header-compact-content-style-secondary-title-case: var(--core-type-paragraph-20-case);
  --header-compact-content-style-secondary-title-color: var(--header-compact-content-style-secondary-title-light-mode-color);
  --header-compact-content-style-secondary-title-dark-mode-color: var(--core-text-20-dark-mode-color);
  --header-compact-content-style-secondary-title-font-family: var(--core-type-paragraph-20-font-family);
  --header-compact-content-style-secondary-title-leading: var(--core-type-paragraph-20-leading);
  --header-compact-content-style-secondary-title-light-mode-color: var(--core-text-20-light-mode-color);
  --header-compact-content-style-secondary-title-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --header-compact-content-style-secondary-title-scale: var(--core-type-paragraph-20-scale);
  --header-compact-content-style-secondary-title-size: var(--core-type-paragraph-20-size);
  --header-compact-content-style-secondary-title-tracking: var(--core-type-paragraph-20-tracking);
  --header-compact-content-style-secondary-title-vertical-title-gap: 0px;
  --header-compact-content-style-secondary-title-weight: var(--core-type-paragraph-20-weight);
  --header-compact-content-style-title-case: var(--core-type-heading-20-case);
  --header-compact-content-style-title-color: var(--header-compact-content-style-title-light-mode-color);
  --header-compact-content-style-title-dark-mode-color: var(--core-text-10-dark-mode-color);
  --header-compact-content-style-title-font-family: var(--core-type-heading-20-font-family);
  --header-compact-content-style-title-horizontal-accessory-gap: var(--core-metrics-spacing-100);
  --header-compact-content-style-title-leading: var(--core-type-heading-20-leading);
  --header-compact-content-style-title-light-mode-color: var(--core-text-10-light-mode-color);
  --header-compact-content-style-title-number-spacing: var(--core-type-heading-20-number-spacing);
  --header-compact-content-style-title-scale: var(--core-type-heading-20-scale);
  --header-compact-content-style-title-size: var(--core-type-heading-20-size);
  --header-compact-content-style-title-tracking: var(--core-type-heading-20-tracking);
  --header-compact-content-style-title-weight: var(--core-type-heading-20-weight);
  --header-compact-horizontal-size-class-heading-container-horizontal-gap: var(--core-metrics-spacing-150);
  --header-compact-horizontal-size-class-large-trailing-accessory-horizontal-start-gap: var(--core-metrics-spacing-150);
  --header-compact-horizontal-size-class-modal-sheet-context-vertical-end-gap: var(--core-metrics-spacing-200);
  --header-compact-horizontal-size-class-trailing-buttons-horizontal-gap: var(--core-metrics-spacing-150);
  --header-compact-vertical-size-class-compact-header-style-divider-vertical-end-gap: var(--core-metrics-spacing-100);
  --header-compact-vertical-size-class-divider-vertical-start-gap: var(--core-metrics-spacing-150);
  --header-compact-vertical-size-class-large-header-style-divider-vertical-end-gap: var(--header-compact-vertical-size-class-compact-header-style-divider-vertical-end-gap);
  --header-compact-vertical-size-class-large-header-style-paragraph-vertical-start-gap: var(--core-metrics-spacing-100);
  --header-divider-color: var(--header-divider-light-mode-color);
  --header-divider-dark-mode-color: var(--core-divider-20-dark-mode-color);
  --header-divider-light-mode-color: var(--core-divider-20-light-mode-color);
  --header-divider-size: var(--core-border-10);
  --header-horizontal-padding-compact-size-class-size: var(--core-metrics-spacing-200);
  --header-horizontal-padding-normal-size-class-size: var(--core-metrics-spacing-300);
  --header-horizontal-padding-size: var(--core-metrics-spacing-200);
  --header-horizontal-padding-wide-size-class-size: var(--header-top-padding-normal-size-class-size);
  --header-large-content-style-secondary-title-case: var(--core-type-paragraph-20-case);
  --header-large-content-style-secondary-title-color: var(--header-large-content-style-secondary-title-light-mode-color);
  --header-large-content-style-secondary-title-dark-mode-color: var(--core-text-20-dark-mode-color);
  --header-large-content-style-secondary-title-font-family: var(--core-type-paragraph-20-font-family);
  --header-large-content-style-secondary-title-leading: var(--core-type-paragraph-20-leading);
  --header-large-content-style-secondary-title-light-mode-color: var(--core-text-20-light-mode-color);
  --header-large-content-style-secondary-title-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --header-large-content-style-secondary-title-scale: var(--core-type-paragraph-20-scale);
  --header-large-content-style-secondary-title-size: var(--core-type-paragraph-20-size);
  --header-large-content-style-secondary-title-tracking: var(--core-type-paragraph-20-tracking);
  --header-large-content-style-secondary-title-vertical-title-gap: var(--core-metrics-spacing-100);
  --header-large-content-style-secondary-title-weight: var(--core-type-paragraph-20-weight);
  --header-large-content-style-title-case: var(--core-type-heading-30-case);
  --header-large-content-style-title-color: var(--header-large-content-style-title-light-mode-color);
  --header-large-content-style-title-dark-mode-color: var(--core-text-10-dark-mode-color);
  --header-large-content-style-title-font-family: var(--core-type-heading-30-font-family);
  --header-large-content-style-title-horizontal-accessory-gap: var(--core-metrics-spacing-100);
  --header-large-content-style-title-leading: var(--core-type-heading-30-leading);
  --header-large-content-style-title-light-mode-color: var(--core-text-10-light-mode-color);
  --header-large-content-style-title-number-spacing: var(--core-type-heading-30-number-spacing);
  --header-large-content-style-title-scale: var(--core-type-heading-30-scale);
  --header-large-content-style-title-size: var(--core-type-heading-30-size);
  --header-large-content-style-title-tracking: var(--core-type-heading-30-tracking);
  --header-large-content-style-title-weight: var(--core-type-heading-30-weight);
  --header-main-text-dark-mode-text-color: var(--core-text-10-dark-mode-color);
  --header-main-text-horizontal-spacing: var(--core-metrics-spacing-200);
  --header-main-text-light-mode-text-color: var(--core-text-10-light-mode-color);
  --header-main-text-minimum-width: 64px;
  --header-main-text-normal-phase-spacing-top-size: var(--core-metrics-spacing-100);
  --header-main-text-text-color: var(--header-main-text-light-mode-text-color);
  --header-main-text-transition-duration: 0.16s;
  --header-modal-blade-context-vertical-end-gap: var(--core-metrics-spacing-300);
  --header-modal-full-context-vertical-end-gap: var(--core-metrics-spacing-300);
  --header-modal-partial-context-vertical-end-gap: var(--core-metrics-spacing-300);
  --header-nav-icon-button-spacing-bottom-size: var(--core-metrics-spacing-300);
  --header-nav-icon-button-spacing-buttom-size: var(--core-metrics-spacing-300);
  --header-paragraph-case: var(--core-type-paragraph-30-case);
  --header-paragraph-color: var(--header-paragraph-light-mode-color);
  --header-paragraph-dark-mode-color: var(--core-text-10-dark-mode-color);
  --header-paragraph-font-family: var(--core-type-paragraph-30-font-family);
  --header-paragraph-leading: var(--core-type-paragraph-30-leading);
  --header-paragraph-light-mode-color: var(--core-text-10-light-mode-color);
  --header-paragraph-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --header-paragraph-scale: var(--core-type-paragraph-30-scale);
  --header-paragraph-size: var(--core-type-paragraph-30-size);
  --header-paragraph-tracking: var(--core-type-paragraph-30-tracking);
  --header-paragraph-weight: var(--core-type-paragraph-30-weight);
  --header-regular-horizontal-size-class-heading-container-horizontal-gap: var(--core-metrics-spacing-200);
  --header-regular-horizontal-size-class-large-trailing-accessory-horizontal-start-gap: var(--core-metrics-spacing-200);
  --header-regular-horizontal-size-class-modal-sheet-context-vertical-end-gap: var(--core-metrics-spacing-300);
  --header-regular-horizontal-size-class-trailing-buttons-horizontal-gap: var(--core-metrics-spacing-200);
  --header-regular-vertical-size-class-compact-header-style-divider-vertical-end-gap: var(--core-metrics-spacing-200);
  --header-regular-vertical-size-class-divider-vertical-start-gap: var(--core-metrics-spacing-200);
  --header-regular-vertical-size-class-large-header-style-divider-vertical-end-gap: var(--core-metrics-spacing-100);
  --header-regular-vertical-size-class-large-header-style-paragraph-vertical-start-gap: var(--core-metrics-spacing-200);
  --header-sub-text-dark-mode-text-color: var(--core-text-20-dark-mode-color);
  --header-sub-text-light-mode-text-color: var(--core-text-20-light-mode-color);
  --header-sub-text-spacing-bottom-size: var(--core-metrics-spacing-100);
  --header-sub-text-text-color: var(--header-sub-text-light-mode-text-color);
  --header-top-padding-compact-size-class-size: var(--core-metrics-spacing-200);
  --header-top-padding-normal-size-class-size: var(--core-metrics-spacing-300);
  --header-top-padding-size: var(--core-metrics-spacing-300);
  --header-top-padding-wide-size-class-size: var(--header-top-padding-normal-size-class-size);
  --header-wide-horizontal-size-class-heading-container-horizontal-gap: var(--header-regular-horizontal-size-class-heading-container-horizontal-gap);
  --header-wide-horizontal-size-class-large-trailing-accessory-horizontal-start-gap: var(--header-regular-horizontal-size-class-large-trailing-accessory-horizontal-start-gap);
  --header-wide-horizontal-size-class-modal-sheet-context-vertical-end-gap: var(--header-regular-horizontal-size-class-modal-sheet-context-vertical-end-gap);
  --header-wide-horizontal-size-class-trailing-buttons-horizontal-gap: var(--header-regular-horizontal-size-class-trailing-buttons-horizontal-gap);

  /* ========== icon-button ========== */
  --icon-button-border-radius: var(--button-border-radius);
  --icon-button-compact-size-minimum-height: 40px;
  --icon-button-compact-size-minimum-padding-size: 12px;
  --icon-button-compact-size-minimum-width: 40px;
  --icon-button-compact-size-padding-size: 12px;
  --icon-button-destructive-variant-primary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);
  --icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);
  --icon-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);
  --icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);
  --icon-button-destructive-variant-primary-rank-hover-state-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);
  --icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--core-critical-20-dark-mode-color);
  --icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color);
  --icon-button-destructive-variant-primary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);
  --icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--core-critical-20-light-mode-color);
  --icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color: var(--core-text-white-light-mode-color);
  --icon-button-destructive-variant-primary-rank-normal-state-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);
  --icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--core-critical-fill-dark-mode-color);
  --icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color);
  --icon-button-destructive-variant-primary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);
  --icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--core-critical-fill-light-mode-color);
  --icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color: var(--core-text-white-light-mode-color);
  --icon-button-destructive-variant-primary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);
  --icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--core-critical-10-dark-mode-color);
  --icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color);
  --icon-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);
  --icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--core-critical-10-light-mode-color);
  --icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color: var(--core-text-white-light-mode-color);
  --icon-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);
  --icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);
  --icon-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);
  --icon-button-destructive-variant-secondary-rank-hover-state-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);
  --icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--core-critical-40-dark-mode-color);
  --icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color);
  --icon-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);
  --icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--core-critical-40-light-mode-color);
  --icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color: var(--core-critical-text-light-mode-color);
  --icon-button-destructive-variant-secondary-rank-normal-state-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);
  --icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color);
  --icon-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);
  --icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color: var(--core-critical-text-light-mode-color);
  --icon-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);
  --icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--core-critical-30-dark-mode-color);
  --icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color);
  --icon-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--core-critical-30-light-mode-color);
  --icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--core-critical-text-light-mode-color);
  --icon-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: transparent;
  --icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);
  --icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);
  --icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: transparent;
  --icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);
  --icon-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);
  --icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--core-critical-40-dark-mode-color);
  --icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color);
  --icon-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);
  --icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--core-critical-40-light-mode-color);
  --icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color: var(--core-critical-text-light-mode-color);
  --icon-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);
  --icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: transparent;
  --icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color);
  --icon-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);
  --icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: transparent;
  --icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color: var(--core-critical-text-light-mode-color);
  --icon-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--core-critical-30-dark-mode-color);
  --icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color);
  --icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);
  --icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--core-critical-30-light-mode-color);
  --icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color: var(--core-critical-text-light-mode-color);
  --icon-button-disabled-state-background-color: var(--icon-button-disabled-state-light-mode-background-color);
  --icon-button-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --icon-button-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);
  --icon-button-disabled-state-icon-color: var(--icon-button-disabled-state-light-mode-icon-color);
  --icon-button-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --icon-button-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);
  --icon-button-focus-ring-border-size: var(--core-focus-ring-border-size);
  --icon-button-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);
  --icon-button-focus-state-background-color: var(--icon-button-focus-state-light-mode-background-color);
  --icon-button-focus-state-dark-mode-background-color: var(--icon-button-hover-state-dark-mode-background-color);
  --icon-button-focus-state-dark-mode-icon-color: var(--icon-button-hover-state-dark-mode-icon-color);
  --icon-button-focus-state-icon-color: var(--icon-button-focus-state-light-mode-icon-color);
  --icon-button-focus-state-light-mode-background-color: var(--icon-button-hover-state-light-mode-background-color);
  --icon-button-focus-state-light-mode-icon-color: var(--icon-button-hover-state-light-mode-icon-color);
  --icon-button-hover-state-background-color: var(--icon-button-hover-state-light-mode-background-color);
  --icon-button-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);
  --icon-button-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --icon-button-hover-state-icon-color: var(--icon-button-hover-state-light-mode-icon-color);
  --icon-button-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);
  --icon-button-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --icon-button-large-size-icon-height: var(--core-icon-medium-size-height);
  --icon-button-large-size-icon-width: var(--core-icon-medium-size-width);
  --icon-button-large-size-minimum-height: var(--core-large-size-minimum-height);
  --icon-button-large-size-padding-size: 20px;
  --icon-button-large-size-width-multiplier: 1;
  --icon-button-medium-size-horizontal-spacing-size: var(--core-metrics-spacing-100);
  --icon-button-medium-size-icon-height: var(--core-icon-medium-size-height);
  --icon-button-medium-size-icon-width: var(--core-icon-medium-size-width);
  --icon-button-medium-size-minimum-height: var(--core-medium-size-minimum-height);
  --icon-button-medium-size-padding-size: 12px;
  --icon-button-medium-size-width-multiplier: 1;
  --icon-button-minimum-height: 48px;
  --icon-button-minimum-width: 48px;
  --icon-button-normal-size-minimum-height: 48px;
  --icon-button-normal-size-minimum-width: 48px;
  --icon-button-normal-size-padding-size: 16px;
  --icon-button-normal-state-background-color: var(--icon-button-normal-state-light-mode-background-color);
  --icon-button-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --icon-button-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --icon-button-normal-state-icon-color: var(--icon-button-normal-state-light-mode-icon-color);
  --icon-button-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --icon-button-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --icon-button-normal-variant-primary-rank-disabled-state-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);
  --icon-button-normal-variant-primary-rank-disabled-state-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);
  --icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);
  --icon-button-normal-variant-primary-rank-focus-state-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color);
  --icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);
  --icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color);
  --icon-button-normal-variant-primary-rank-focus-state-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);
  --icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);
  --icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color: var(--core-text-white-light-mode-color);
  --icon-button-normal-variant-primary-rank-hover-state-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color);
  --icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color);
  --icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color);
  --icon-button-normal-variant-primary-rank-hover-state-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);
  --icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--core-emphasis-20-light-mode-color);
  --icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color: var(--core-text-white-light-mode-color);
  --icon-button-normal-variant-primary-rank-normal-state-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color);
  --icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);
  --icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color);
  --icon-button-normal-variant-primary-rank-normal-state-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);
  --icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);
  --icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color: var(--core-text-white-light-mode-color);
  --icon-button-normal-variant-primary-rank-pressed-state-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);
  --icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--core-emphasis-10-dark-mode-color);
  --icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color);
  --icon-button-normal-variant-primary-rank-pressed-state-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);
  --icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-10-light-mode-color);
  --icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color: var(--core-text-white-light-mode-color);
  --icon-button-normal-variant-secondary-rank-disabled-state-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);
  --icon-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);
  --icon-button-normal-variant-secondary-rank-hover-state-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);
  --icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --icon-button-normal-variant-secondary-rank-hover-state-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);
  --icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);
  --icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --icon-button-normal-variant-secondary-rank-normal-state-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --icon-button-normal-variant-secondary-rank-normal-state-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);
  --icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --icon-button-normal-variant-secondary-rank-pressed-state-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);
  --icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --icon-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);
  --icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --icon-button-padding-size: 16px;
  --icon-button-pressed-state-background-color: var(--icon-button-pressed-state-light-mode-background-color);
  --icon-button-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);
  --icon-button-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --icon-button-pressed-state-icon-color: var(--icon-button-pressed-state-light-mode-icon-color);
  --icon-button-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);
  --icon-button-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --icon-button-primary-rank-disabled-state-background-color: var(--icon-button-primary-rank-disabled-state-light-mode-background-color);
  --icon-button-primary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --icon-button-primary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);
  --icon-button-primary-rank-disabled-state-icon-color: var(--icon-button-primary-rank-disabled-state-light-mode-icon-color);
  --icon-button-primary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --icon-button-primary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);
  --icon-button-primary-rank-focus-state-background-color: var(--icon-button-primary-rank-focus-state-light-mode-background-color);
  --icon-button-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-primary-rank-hover-state-dark-mode-background-color);
  --icon-button-primary-rank-focus-state-dark-mode-icon-color: var(--icon-button-primary-rank-hover-state-dark-mode-icon-color);
  --icon-button-primary-rank-focus-state-icon-color: var(--icon-button-primary-rank-focus-state-light-mode-icon-color);
  --icon-button-primary-rank-focus-state-light-mode-background-color: var(--icon-button-primary-rank-hover-state-light-mode-background-color);
  --icon-button-primary-rank-focus-state-light-mode-icon-color: var(--icon-button-primary-rank-hover-state-light-mode-icon-color);
  --icon-button-primary-rank-hover-state-background-color: var(--icon-button-primary-rank-hover-state-light-mode-background-color);
  --icon-button-primary-rank-hover-state-dark-mode-background-color: var(--core-blue-20-dark-mode-color);
  --icon-button-primary-rank-hover-state-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --icon-button-primary-rank-hover-state-icon-color: var(--icon-button-primary-rank-hover-state-light-mode-icon-color);
  --icon-button-primary-rank-hover-state-light-mode-background-color: var(--core-blue-20-light-mode-color);
  --icon-button-primary-rank-hover-state-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --icon-button-primary-rank-normal-state-background-color: var(--icon-button-primary-rank-normal-state-light-mode-background-color);
  --icon-button-primary-rank-normal-state-dark-mode-background-color: var(--core-blue-fill-dark-mode-color);
  --icon-button-primary-rank-normal-state-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --icon-button-primary-rank-normal-state-icon-color: var(--icon-button-primary-rank-normal-state-light-mode-icon-color);
  --icon-button-primary-rank-normal-state-light-mode-background-color: var(--core-blue-fill-light-mode-color);
  --icon-button-primary-rank-normal-state-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --icon-button-primary-rank-pressed-state-background-color: var(--icon-button-primary-rank-pressed-state-light-mode-background-color);
  --icon-button-primary-rank-pressed-state-dark-mode-background-color: var(--core-blue-10-dark-mode-color);
  --icon-button-primary-rank-pressed-state-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --icon-button-primary-rank-pressed-state-icon-color: var(--icon-button-primary-rank-pressed-state-light-mode-icon-color);
  --icon-button-primary-rank-pressed-state-light-mode-background-color: var(--core-blue-10-light-mode-color);
  --icon-button-primary-rank-pressed-state-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --icon-button-secondary-rank-disabled-state-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);
  --icon-button-secondary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --icon-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);
  --icon-button-secondary-rank-disabled-state-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);
  --icon-button-secondary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --icon-button-secondary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);
  --icon-button-secondary-rank-focus-state-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color);
  --icon-button-secondary-rank-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);
  --icon-button-secondary-rank-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);
  --icon-button-secondary-rank-focus-state-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);
  --icon-button-secondary-rank-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color);
  --icon-button-secondary-rank-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);
  --icon-button-secondary-rank-hover-state-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color);
  --icon-button-secondary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);
  --icon-button-secondary-rank-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --icon-button-secondary-rank-hover-state-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);
  --icon-button-secondary-rank-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);
  --icon-button-secondary-rank-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --icon-button-secondary-rank-normal-state-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color);
  --icon-button-secondary-rank-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --icon-button-secondary-rank-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --icon-button-secondary-rank-normal-state-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);
  --icon-button-secondary-rank-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --icon-button-secondary-rank-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --icon-button-secondary-rank-pressed-state-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);
  --icon-button-secondary-rank-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);
  --icon-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --icon-button-secondary-rank-pressed-state-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);
  --icon-button-secondary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);
  --icon-button-secondary-rank-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --icon-button-small-size-icon-height: var(--core-icon-medium-size-height);
  --icon-button-small-size-icon-width: var(--core-icon-medium-size-width);
  --icon-button-small-size-minimum-height: var(--core-small-size-minimum-height);
  --icon-button-small-size-padding-size: 8px;
  --icon-button-small-size-width-multiplier: 1;
  --icon-button-tertiary-rank-disabled-state-background-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-background-color);
  --icon-button-tertiary-rank-disabled-state-dark-mode-background-color: transparent;
  --icon-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);
  --icon-button-tertiary-rank-disabled-state-icon-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-icon-color);
  --icon-button-tertiary-rank-disabled-state-light-mode-background-color: transparent;
  --icon-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);
  --icon-button-tertiary-rank-focus-state-background-color: var(--icon-button-tertiary-rank-focus-state-light-mode-background-color);
  --icon-button-tertiary-rank-focus-state-dark-mode-background-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color);
  --icon-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color);
  --icon-button-tertiary-rank-focus-state-icon-color: var(--icon-button-tertiary-rank-focus-state-light-mode-icon-color);
  --icon-button-tertiary-rank-focus-state-light-mode-background-color: var(--icon-button-tertiary-rank-hover-state-light-mode-background-color);
  --icon-button-tertiary-rank-focus-state-light-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color);
  --icon-button-tertiary-rank-hover-state-background-color: var(--icon-button-tertiary-rank-hover-state-light-mode-background-color);
  --icon-button-tertiary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);
  --icon-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --icon-button-tertiary-rank-hover-state-icon-color: var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color);
  --icon-button-tertiary-rank-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);
  --icon-button-tertiary-rank-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --icon-button-tertiary-rank-normal-state-background-color: var(--icon-button-tertiary-rank-normal-state-light-mode-background-color);
  --icon-button-tertiary-rank-normal-state-dark-mode-background-color: transparent;
  --icon-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --icon-button-tertiary-rank-normal-state-icon-color: var(--icon-button-tertiary-rank-normal-state-light-mode-icon-color);
  --icon-button-tertiary-rank-normal-state-light-mode-background-color: transparent;
  --icon-button-tertiary-rank-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --icon-button-tertiary-rank-pressed-state-background-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-background-color);
  --icon-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);
  --icon-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --icon-button-tertiary-rank-pressed-state-icon-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-icon-color);
  --icon-button-tertiary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);
  --icon-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color);

  /* ========== inline-section-header ========== */
  --inline-section-header-10-heading-case: var(--core-type-heading-10-case);
  --inline-section-header-10-heading-font-family: var(--core-type-heading-10-font-family);
  --inline-section-header-10-heading-leading: var(--core-type-heading-10-leading);
  --inline-section-header-10-heading-minimum-height: var(--core-small-size-minimum-height);
  --inline-section-header-10-heading-number-spacing: var(--core-type-heading-10-number-spacing);
  --inline-section-header-10-heading-scale: var(--core-type-heading-10-scale);
  --inline-section-header-10-heading-size: var(--core-type-heading-10-size);
  --inline-section-header-10-heading-tracking: var(--core-type-heading-10-tracking);
  --inline-section-header-10-heading-vertical-padding: 9px;
  --inline-section-header-10-heading-weight: var(--core-type-heading-10-weight);
  --inline-section-header-10-paragraph-case: var(--core-type-paragraph-30-case);
  --inline-section-header-10-paragraph-font-family: var(--core-type-paragraph-30-font-family);
  --inline-section-header-10-paragraph-leading: var(--core-type-paragraph-30-leading);
  --inline-section-header-10-paragraph-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --inline-section-header-10-paragraph-scale: var(--core-type-paragraph-30-scale);
  --inline-section-header-10-paragraph-size: var(--core-type-paragraph-30-size);
  --inline-section-header-10-paragraph-top-padding: 0px;
  --inline-section-header-10-paragraph-tracking: var(--core-type-paragraph-30-tracking);
  --inline-section-header-10-paragraph-weight: var(--core-type-paragraph-30-weight);
  --inline-section-header-10-text-link-text-case: var(--text-link-small-size-text-case);
  --inline-section-header-10-text-link-text-font-family: var(--text-link-small-size-text-font-family);
  --inline-section-header-10-text-link-text-leading: var(--text-link-small-size-text-leading);
  --inline-section-header-10-text-link-text-number-spacing: var(--text-link-small-size-text-number-spacing);
  --inline-section-header-10-text-link-text-scale: var(--text-link-small-size-text-scale);
  --inline-section-header-10-text-link-text-size: var(--text-link-small-size-text-size);
  --inline-section-header-10-text-link-text-tracking: var(--text-link-small-size-text-tracking);
  --inline-section-header-10-text-link-text-weight: var(--text-link-small-size-text-weight);
  --inline-section-header-10-text-link-vertical-padding: 0px;
  --inline-section-header-10-vertical-gap: 0px;
  --inline-section-header-20-heading-case: var(--core-type-heading-20-case);
  --inline-section-header-20-heading-font-family: var(--core-type-heading-20-font-family);
  --inline-section-header-20-heading-leading: var(--core-type-heading-20-leading);
  --inline-section-header-20-heading-minimum-height: var(--core-small-size-minimum-height);
  --inline-section-header-20-heading-number-spacing: var(--core-type-heading-20-number-spacing);
  --inline-section-header-20-heading-scale: var(--core-type-heading-20-scale);
  --inline-section-header-20-heading-size: var(--core-type-heading-20-size);
  --inline-section-header-20-heading-tracking: var(--core-type-heading-20-tracking);
  --inline-section-header-20-heading-vertical-padding: 7px;
  --inline-section-header-20-heading-weight: var(--core-type-heading-20-weight);
  --inline-section-header-20-paragraph-case: var(--core-type-paragraph-30-case);
  --inline-section-header-20-paragraph-font-family: var(--core-type-paragraph-30-font-family);
  --inline-section-header-20-paragraph-leading: var(--core-type-paragraph-30-leading);
  --inline-section-header-20-paragraph-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --inline-section-header-20-paragraph-scale: var(--core-type-paragraph-30-scale);
  --inline-section-header-20-paragraph-size: var(--core-type-paragraph-30-size);
  --inline-section-header-20-paragraph-top-padding: 5px;
  --inline-section-header-20-paragraph-tracking: var(--core-type-paragraph-30-tracking);
  --inline-section-header-20-paragraph-weight: var(--core-type-paragraph-30-weight);
  --inline-section-header-20-text-link-text-case: var(--text-link-medium-size-text-case);
  --inline-section-header-20-text-link-text-font-family: var(--text-link-medium-size-text-font-family);
  --inline-section-header-20-text-link-text-leading: var(--text-link-medium-size-text-leading);
  --inline-section-header-20-text-link-text-number-spacing: var(--text-link-medium-size-text-number-spacing);
  --inline-section-header-20-text-link-text-scale: var(--text-link-medium-size-text-scale);
  --inline-section-header-20-text-link-text-size: var(--text-link-medium-size-text-size);
  --inline-section-header-20-text-link-text-tracking: var(--text-link-medium-size-text-tracking);
  --inline-section-header-20-text-link-text-weight: var(--text-link-medium-size-text-weight);
  --inline-section-header-20-text-link-vertical-padding: 0px;
  --inline-section-header-20-vertical-gap: var(--core-metrics-spacing-50);
  --inline-section-header-30-heading-case: var(--core-type-heading-30-case);
  --inline-section-header-30-heading-font-family: var(--core-type-heading-30-font-family);
  --inline-section-header-30-heading-leading: var(--core-type-heading-30-leading);
  --inline-section-header-30-heading-minimum-height: var(--core-small-size-minimum-height);
  --inline-section-header-30-heading-number-spacing: var(--core-type-heading-30-number-spacing);
  --inline-section-header-30-heading-scale: var(--core-type-heading-30-scale);
  --inline-section-header-30-heading-size: var(--core-type-heading-30-size);
  --inline-section-header-30-heading-tracking: var(--core-type-heading-30-tracking);
  --inline-section-header-30-heading-vertical-padding: 4px;
  --inline-section-header-30-heading-weight: var(--core-type-heading-30-weight);
  --inline-section-header-30-paragraph-case: var(--core-type-paragraph-30-case);
  --inline-section-header-30-paragraph-font-family: var(--core-type-paragraph-30-font-family);
  --inline-section-header-30-paragraph-leading: var(--core-type-paragraph-30-leading);
  --inline-section-header-30-paragraph-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --inline-section-header-30-paragraph-scale: var(--core-type-paragraph-30-scale);
  --inline-section-header-30-paragraph-size: var(--core-type-paragraph-30-size);
  --inline-section-header-30-paragraph-top-padding: 12px;
  --inline-section-header-30-paragraph-tracking: var(--core-type-paragraph-30-tracking);
  --inline-section-header-30-paragraph-weight: var(--core-type-paragraph-30-weight);
  --inline-section-header-30-text-link-text-case: var(--text-link-medium-size-text-case);
  --inline-section-header-30-text-link-text-font-family: var(--text-link-medium-size-text-font-family);
  --inline-section-header-30-text-link-text-leading: var(--text-link-medium-size-text-leading);
  --inline-section-header-30-text-link-text-number-spacing: var(--text-link-medium-size-text-number-spacing);
  --inline-section-header-30-text-link-text-scale: var(--text-link-medium-size-text-scale);
  --inline-section-header-30-text-link-text-size: var(--text-link-medium-size-text-size);
  --inline-section-header-30-text-link-text-tracking: var(--text-link-medium-size-text-tracking);
  --inline-section-header-30-text-link-text-weight: var(--text-link-medium-size-text-weight);
  --inline-section-header-30-text-link-vertical-padding: 0px;
  --inline-section-header-30-vertical-gap: var(--core-metrics-spacing-150);
  --inline-section-header-heading-color: var(--inline-section-header-heading-light-mode-color);
  --inline-section-header-heading-dark-mode-color: var(--core-text-10-dark-mode-color);
  --inline-section-header-heading-light-mode-color: var(--core-text-10-light-mode-color);
  --inline-section-header-horizontal-spacing: var(--core-metrics-spacing-100);
  --inline-section-header-paragraph-color: var(--inline-section-header-paragraph-light-mode-color);
  --inline-section-header-paragraph-dark-mode-color: var(--core-text-10-dark-mode-color);
  --inline-section-header-paragraph-light-mode-color: var(--core-text-10-light-mode-color);
  --inline-section-header-text-link-color: var(--inline-section-header-text-link-light-mode-color);
  --inline-section-header-text-link-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --inline-section-header-text-link-disabled-state-opacity: var(--text-link-disabled-state-opacity);
  --inline-section-header-text-link-hover-state-opacity: var(--text-link-hover-state-opacity);
  --inline-section-header-text-link-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --inline-section-header-text-link-normal-state-opacity: var(--text-link-normal-state-opacity);
  --inline-section-header-text-link-pressed-state-opacity: var(--text-link-pressed-state-opacity);

  /* ========== inline-status ========== */
  --inline-status-error-variant-icon-color: var(--inline-status-error-variant-icon-light-mode-color);
  --inline-status-error-variant-icon-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --inline-status-error-variant-icon-light-mode-color: var(--core-critical-text-light-mode-color);
  --inline-status-error-variant-text-color: var(--inline-status-error-variant-text-light-mode-color);
  --inline-status-error-variant-text-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --inline-status-error-variant-text-light-mode-color: var(--core-critical-text-light-mode-color);
  --inline-status-info-variant-icon-color: var(--inline-status-info-variant-icon-light-mode-color);
  --inline-status-info-variant-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --inline-status-info-variant-icon-light-mode-color: var(--core-fill-20-light-mode-color);
  --inline-status-info-variant-text-color: var(--inline-status-info-variant-text-light-mode-color);
  --inline-status-info-variant-text-dark-mode-color: var(--core-text-20-dark-mode-color);
  --inline-status-info-variant-text-light-mode-color: var(--core-text-20-light-mode-color);
  --inline-status-normal-size-icon-size: 20px;
  --inline-status-normal-size-spacing-horizontal: var(--core-metrics-spacing-50);
  --inline-status-normal-size-text-case: var(--core-type-paragraph-20-case);
  --inline-status-normal-size-text-font-family: var(--core-type-paragraph-20-font-family);
  --inline-status-normal-size-text-leading: var(--core-type-paragraph-20-leading);
  --inline-status-normal-size-text-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --inline-status-normal-size-text-scale: var(--core-type-paragraph-20-scale);
  --inline-status-normal-size-text-size: var(--core-type-paragraph-20-size);
  --inline-status-normal-size-text-tracking: var(--core-type-paragraph-20-tracking);
  --inline-status-normal-size-text-weight: var(--core-type-paragraph-20-weight);
  --inline-status-success-variant-icon-color: var(--inline-status-success-variant-icon-light-mode-color);
  --inline-status-success-variant-icon-dark-mode-color: var(--core-success-text-dark-mode-color);
  --inline-status-success-variant-icon-light-mode-color: var(--core-success-text-light-mode-color);
  --inline-status-success-variant-text-color: var(--inline-status-success-variant-text-light-mode-color);
  --inline-status-success-variant-text-dark-mode-color: var(--core-success-text-dark-mode-color);
  --inline-status-success-variant-text-light-mode-color: var(--core-success-text-light-mode-color);
  --inline-status-warning-variant-icon-color: var(--inline-status-warning-variant-icon-light-mode-color);
  --inline-status-warning-variant-icon-dark-mode-color: var(--core-warning-text-dark-mode-color);
  --inline-status-warning-variant-icon-light-mode-color: var(--core-warning-text-light-mode-color);
  --inline-status-warning-variant-text-color: var(--inline-status-warning-variant-text-light-mode-color);
  --inline-status-warning-variant-text-dark-mode-color: var(--core-warning-text-dark-mode-color);
  --inline-status-warning-variant-text-light-mode-color: var(--core-warning-text-light-mode-color);

  /* ========== keyboard-bar ========== */
  --keyboard-bar-background-color: var(--keyboard-bar-light-mode-background-color);
  --keyboard-bar-dark-mode-background-color: var(--core-fill-50-dark-mode-color);
  --keyboard-bar-dark-mode-separator-color: var(--core-fill-40-dark-mode-color);
  --keyboard-bar-dark-mode-surface-color: var(--core-surface-5-dark-mode-color);
  --keyboard-bar-horizontal-padding: var(--core-metrics-spacing-100);
  --keyboard-bar-light-mode-background-color: var(--core-fill-50-light-mode-color);
  --keyboard-bar-light-mode-separator-color: var(--core-fill-40-light-mode-color);
  --keyboard-bar-light-mode-surface-color: var(--core-surface-5-light-mode-color);
  --keyboard-bar-separator-color: var(--keyboard-bar-light-mode-separator-color);
  --keyboard-bar-spacing: var(--core-metrics-spacing-100);
  --keyboard-bar-surface-color: var(--keyboard-bar-light-mode-surface-color);
  --keyboard-bar-vertical-padding: var(--core-metrics-spacing-150);

  /* ========== menu ========== */
  --menu-item-selected-value-disabled-state-accordion-color: var(--menu-item-selected-value-disabled-state-accordion-light-mode-color);
  --menu-item-selected-value-disabled-state-accordion-dark-mode-color: var(--menu-item-unselected-value-disabled-state-accordion-dark-mode-color);
  --menu-item-selected-value-disabled-state-accordion-light-mode-color: var(--menu-item-unselected-value-disabled-state-accordion-light-mode-color);
  --menu-item-selected-value-disabled-state-background-color: var(--menu-item-selected-value-disabled-state-background-light-mode-color);
  --menu-item-selected-value-disabled-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --menu-item-selected-value-disabled-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --menu-item-selected-value-disabled-state-drill-color: var(--menu-item-selected-value-disabled-state-drill-light-mode-color);
  --menu-item-selected-value-disabled-state-drill-dark-mode-color: var(--menu-item-unselected-value-disabled-state-drill-dark-mode-color);
  --menu-item-selected-value-disabled-state-drill-light-mode-color: var(--menu-item-unselected-value-disabled-state-drill-light-mode-color);
  --menu-item-selected-value-disabled-state-text-color: var(--menu-item-selected-value-disabled-state-text-light-mode-color);
  --menu-item-selected-value-disabled-state-text-dark-mode-color: var(--core-text-30-dark-mode-color);
  --menu-item-selected-value-disabled-state-text-light-mode-color: var(--core-text-30-light-mode-color);
  --menu-item-selected-value-hover-state-accordion-color: var(--menu-item-selected-value-hover-state-accordion-light-mode-color);
  --menu-item-selected-value-hover-state-accordion-dark-mode-color: var(--menu-item-unselected-value-hover-state-accordion-dark-mode-color);
  --menu-item-selected-value-hover-state-accordion-light-mode-color: var(--menu-item-unselected-value-hover-state-accordion-light-mode-color);
  --menu-item-selected-value-hover-state-background-color: var(--menu-item-selected-value-hover-state-background-light-mode-color);
  --menu-item-selected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --menu-item-selected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --menu-item-selected-value-hover-state-drill-color: var(--menu-item-selected-value-hover-state-drill-light-mode-color);
  --menu-item-selected-value-hover-state-drill-dark-mode-color: var(--menu-item-unselected-value-hover-state-drill-dark-mode-color);
  --menu-item-selected-value-hover-state-drill-light-mode-color: var(--menu-item-unselected-value-hover-state-drill-light-mode-color);
  --menu-item-selected-value-hover-state-text-color: var(--menu-item-selected-value-hover-state-text-light-mode-color);
  --menu-item-selected-value-hover-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --menu-item-selected-value-hover-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --menu-item-selected-value-normal-state-accordion-color: var(--menu-item-selected-value-normal-state-accordion-light-mode-color);
  --menu-item-selected-value-normal-state-accordion-dark-mode-color: var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color);
  --menu-item-selected-value-normal-state-accordion-light-mode-color: var(--menu-item-unselected-value-normal-state-accordion-light-mode-color);
  --menu-item-selected-value-normal-state-background-color: var(--menu-item-selected-value-normal-state-background-light-mode-color);
  --menu-item-selected-value-normal-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --menu-item-selected-value-normal-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --menu-item-selected-value-normal-state-drill-color: var(--menu-item-selected-value-normal-state-drill-light-mode-color);
  --menu-item-selected-value-normal-state-drill-dark-mode-color: var(--menu-item-unselected-value-normal-state-drill-dark-mode-color);
  --menu-item-selected-value-normal-state-drill-light-mode-color: var(--menu-item-unselected-value-normal-state-drill-light-mode-color);
  --menu-item-selected-value-normal-state-text-color: var(--menu-item-selected-value-normal-state-text-light-mode-color);
  --menu-item-selected-value-normal-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --menu-item-selected-value-normal-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --menu-item-selected-value-pressed-state-accordion-color: var(--menu-item-selected-value-pressed-state-accordion-light-mode-color);
  --menu-item-selected-value-pressed-state-accordion-dark-mode-color: var(--menu-item-unselected-value-pressed-state-accordion-dark-mode-color);
  --menu-item-selected-value-pressed-state-accordion-light-mode-color: var(--menu-item-unselected-value-pressed-state-accordion-light-mode-color);
  --menu-item-selected-value-pressed-state-background-color: var(--menu-item-selected-value-pressed-state-background-light-mode-color);
  --menu-item-selected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --menu-item-selected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --menu-item-selected-value-pressed-state-drill-color: var(--menu-item-selected-value-pressed-state-drill-light-mode-color);
  --menu-item-selected-value-pressed-state-drill-dark-mode-color: var(--menu-item-unselected-value-pressed-state-drill-dark-mode-color);
  --menu-item-selected-value-pressed-state-drill-light-mode-color: var(--menu-item-unselected-value-pressed-state-drill-light-mode-color);
  --menu-item-selected-value-pressed-state-text-color: var(--menu-item-selected-value-pressed-state-text-light-mode-color);
  --menu-item-selected-value-pressed-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --menu-item-selected-value-pressed-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --menu-item-unselected-value-disabled-state-accordion-color: var(--menu-item-unselected-value-disabled-state-accordion-light-mode-color);
  --menu-item-unselected-value-disabled-state-accordion-dark-mode-color: var(--core-text-30-dark-mode-color);
  --menu-item-unselected-value-disabled-state-accordion-light-mode-color: var(--core-text-30-light-mode-color);
  --menu-item-unselected-value-disabled-state-background-color: var(--menu-item-unselected-value-disabled-state-background-light-mode-color);
  --menu-item-unselected-value-disabled-state-background-dark-mode-color: transparent;
  --menu-item-unselected-value-disabled-state-background-light-mode-color: transparent;
  --menu-item-unselected-value-disabled-state-drill-color: var(--menu-item-unselected-value-disabled-state-drill-light-mode-color);
  --menu-item-unselected-value-disabled-state-drill-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --menu-item-unselected-value-disabled-state-drill-light-mode-color: var(--core-fill-30-light-mode-color);
  --menu-item-unselected-value-disabled-state-text-color: var(--menu-item-unselected-value-disabled-state-text-light-mode-color);
  --menu-item-unselected-value-disabled-state-text-dark-mode-color: var(--core-text-30-dark-mode-color);
  --menu-item-unselected-value-disabled-state-text-light-mode-color: var(--core-text-30-light-mode-color);
  --menu-item-unselected-value-hover-state-accordion-color: var(--menu-item-unselected-value-hover-state-accordion-light-mode-color);
  --menu-item-unselected-value-hover-state-accordion-dark-mode-color: var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color);
  --menu-item-unselected-value-hover-state-accordion-light-mode-color: var(--menu-item-unselected-value-normal-state-accordion-light-mode-color);
  --menu-item-unselected-value-hover-state-background-color: var(--menu-item-unselected-value-hover-state-background-light-mode-color);
  --menu-item-unselected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --menu-item-unselected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --menu-item-unselected-value-hover-state-drill-color: var(--menu-item-unselected-value-hover-state-drill-light-mode-color);
  --menu-item-unselected-value-hover-state-drill-dark-mode-color: var(--menu-item-unselected-value-normal-state-drill-dark-mode-color);
  --menu-item-unselected-value-hover-state-drill-light-mode-color: var(--menu-item-unselected-value-normal-state-drill-light-mode-color);
  --menu-item-unselected-value-hover-state-text-color: var(--menu-item-unselected-value-hover-state-text-light-mode-color);
  --menu-item-unselected-value-hover-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --menu-item-unselected-value-hover-state-text-light-mode-color: var(--core-text-10-light-mode-color);
  --menu-item-unselected-value-normal-state-accordion-color: var(--menu-item-unselected-value-normal-state-accordion-light-mode-color);
  --menu-item-unselected-value-normal-state-accordion-dark-mode-color: var(--core-text-10-dark-mode-color);
  --menu-item-unselected-value-normal-state-accordion-light-mode-color: var(--core-text-10-light-mode-color);
  --menu-item-unselected-value-normal-state-background-color: var(--menu-item-unselected-value-normal-state-background-light-mode-color);
  --menu-item-unselected-value-normal-state-background-dark-mode-color: transparent;
  --menu-item-unselected-value-normal-state-background-light-mode-color: transparent;
  --menu-item-unselected-value-normal-state-drill-color: var(--menu-item-unselected-value-normal-state-drill-light-mode-color);
  --menu-item-unselected-value-normal-state-drill-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --menu-item-unselected-value-normal-state-drill-light-mode-color: var(--core-fill-20-light-mode-color);
  --menu-item-unselected-value-normal-state-text-color: var(--menu-item-unselected-value-normal-state-text-light-mode-color);
  --menu-item-unselected-value-normal-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --menu-item-unselected-value-normal-state-text-light-mode-color: var(--core-text-10-light-mode-color);
  --menu-item-unselected-value-pressed-state-accordion-color: var(--menu-item-unselected-value-pressed-state-accordion-light-mode-color);
  --menu-item-unselected-value-pressed-state-accordion-dark-mode-color: var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color);
  --menu-item-unselected-value-pressed-state-accordion-light-mode-color: var(--menu-item-unselected-value-normal-state-accordion-light-mode-color);
  --menu-item-unselected-value-pressed-state-background-color: var(--menu-item-unselected-value-pressed-state-background-light-mode-color);
  --menu-item-unselected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --menu-item-unselected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --menu-item-unselected-value-pressed-state-drill-color: var(--menu-item-unselected-value-pressed-state-drill-light-mode-color);
  --menu-item-unselected-value-pressed-state-drill-dark-mode-color: var(--menu-item-unselected-value-normal-state-drill-dark-mode-color);
  --menu-item-unselected-value-pressed-state-drill-light-mode-color: var(--menu-item-unselected-value-normal-state-drill-light-mode-color);
  --menu-item-unselected-value-pressed-state-text-color: var(--menu-item-unselected-value-pressed-state-text-light-mode-color);
  --menu-item-unselected-value-pressed-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --menu-item-unselected-value-pressed-state-text-light-mode-color: var(--core-text-10-light-mode-color);

  /* ========== modalBlade ========== */
  --modal-blade-background-color: var(--modal-blade-background-light-mode-color);
  --modal-blade-background-dark-mode-color: var(--core-surface-20-dark-mode-color);
  --modal-blade-background-light-mode-color: var(--core-surface-20-light-mode-color);
  --modal-blade-compact-horizontal-size-class-horizontal-padding: var(--modal-full-compact-horizontal-size-class-horizontal-padding);
  --modal-blade-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300);
  --modal-blade-corner-radius: var(--core-radius-modals);
  --modal-blade-maximum-width-size: 464px;
  --modal-blade-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);
  --modal-blade-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300);
  --modal-blade-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);
  --modal-blade-wide-viewport-padding-bottom-size: 0px;
  --modal-blade-wide-viewport-padding-left-size: var(--core-metrics-spacing-400);
  --modal-blade-wide-viewport-padding-right-size: var(--core-metrics-spacing-400);
  --modal-blade-wide-viewport-padding-top-size: var(--core-metrics-spacing-400);
  --modal-blade-wide-viewport-width-size: 464px;

  /* ========== modalDialog ========== */
  --modal-dialog-actions-overflow-button-border-radius: var(--button-group-overflow-button-border-radius);
  --modal-dialog-actions-overflow-button-compact-size-minimum-height: var(--button-group-overflow-button-compact-size-minimum-height);
  --modal-dialog-actions-overflow-button-compact-size-minimum-padding-size: var(--button-group-overflow-button-compact-size-minimum-padding-size);
  --modal-dialog-actions-overflow-button-compact-size-minimum-width: var(--button-group-overflow-button-compact-size-minimum-width);
  --modal-dialog-actions-overflow-button-compact-size-padding-size: var(--button-group-overflow-button-compact-size-padding-size);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-disabled-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-disabled-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-disabled-state-light-mode-background-color: var(--button-group-overflow-button-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-focus-ring-border-size: var(--button-group-overflow-button-focus-ring-border-size);
  --modal-dialog-actions-overflow-button-focus-ring-buffer-size: var(--button-group-overflow-button-focus-ring-buffer-size);
  --modal-dialog-actions-overflow-button-focus-state-background-color: var(--modal-dialog-actions-overflow-button-focus-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-focus-state-dark-mode-background-color: var(--button-group-overflow-button-focus-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-focus-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-focus-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-focus-state-light-mode-background-color: var(--button-group-overflow-button-focus-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-focus-state-light-mode-icon-color: var(--button-group-overflow-button-focus-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-hover-state-background-color: var(--modal-dialog-actions-overflow-button-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-hover-state-dark-mode-background-color: var(--button-group-overflow-button-hover-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-hover-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-hover-state-light-mode-background-color: var(--button-group-overflow-button-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-hover-state-light-mode-icon-color: var(--button-group-overflow-button-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-large-size-icon-height: var(--button-group-overflow-button-large-size-icon-height);
  --modal-dialog-actions-overflow-button-large-size-icon-width: var(--button-group-overflow-button-large-size-icon-width);
  --modal-dialog-actions-overflow-button-large-size-minimum-height: var(--button-group-overflow-button-large-size-minimum-height);
  --modal-dialog-actions-overflow-button-large-size-padding-size: var(--button-group-overflow-button-large-size-padding-size);
  --modal-dialog-actions-overflow-button-large-size-width-multiplier: var(--button-group-overflow-button-large-size-width-multiplier);
  --modal-dialog-actions-overflow-button-medium-size-horizontal-spacing-size: var(--button-group-overflow-button-medium-size-horizontal-spacing-size);
  --modal-dialog-actions-overflow-button-medium-size-icon-height: var(--button-group-overflow-button-medium-size-icon-height);
  --modal-dialog-actions-overflow-button-medium-size-icon-width: var(--button-group-overflow-button-medium-size-icon-width);
  --modal-dialog-actions-overflow-button-medium-size-minimum-height: var(--button-group-overflow-button-medium-size-minimum-height);
  --modal-dialog-actions-overflow-button-medium-size-padding-size: var(--button-group-overflow-button-medium-size-padding-size);
  --modal-dialog-actions-overflow-button-medium-size-width-multiplier: var(--button-group-overflow-button-medium-size-width-multiplier);
  --modal-dialog-actions-overflow-button-minimum-height: var(--button-group-overflow-button-minimum-height);
  --modal-dialog-actions-overflow-button-minimum-width: var(--button-group-overflow-button-minimum-width);
  --modal-dialog-actions-overflow-button-normal-size-minimum-height: var(--button-group-overflow-button-normal-size-minimum-height);
  --modal-dialog-actions-overflow-button-normal-size-minimum-width: var(--button-group-overflow-button-normal-size-minimum-width);
  --modal-dialog-actions-overflow-button-normal-size-padding-size: var(--button-group-overflow-button-normal-size-padding-size);
  --modal-dialog-actions-overflow-button-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-padding-size: var(--button-group-overflow-button-padding-size);
  --modal-dialog-actions-overflow-button-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-pressed-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-pressed-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-pressed-state-light-mode-background-color: var(--button-group-overflow-button-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-focus-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-focus-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-focus-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-focus-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-size-multiplier: var(--button-group-overflow-button-size-multiplier);
  --modal-dialog-actions-overflow-button-small-size-icon-height: var(--button-group-overflow-button-small-size-icon-height);
  --modal-dialog-actions-overflow-button-small-size-icon-width: var(--button-group-overflow-button-small-size-icon-width);
  --modal-dialog-actions-overflow-button-small-size-minimum-height: var(--button-group-overflow-button-small-size-minimum-height);
  --modal-dialog-actions-overflow-button-small-size-padding-size: var(--button-group-overflow-button-small-size-padding-size);
  --modal-dialog-actions-overflow-button-small-size-width-multiplier: var(--button-group-overflow-button-small-size-width-multiplier);
  --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-spacing: var(--button-group-spacing);
  --modal-dialog-actions-top-gap: var(--core-metrics-spacing-400);
  --modal-dialog-animation-duration: 0.50s;
  --modal-dialog-animation-enter-transition-duration: var(--core-animation-enter-transition-moderate-speed-duration);
  --modal-dialog-animation-enter-transition-easing: var(--core-animation-exit-transition-easing);
  --modal-dialog-animation-enter-transition-opacity: 0;
  --modal-dialog-animation-enter-transition-scale: 0.9;
  --modal-dialog-animation-exit-transition-duration: var(--core-animation-exit-transition-moderate-speed-duration);
  --modal-dialog-animation-exit-transition-easing: var(--core-animation-exit-transition-easing);
  --modal-dialog-animation-exit-transition-opacity: 0;
  --modal-dialog-animation-exit-transition-scale: 0.9;
  --modal-dialog-background-color: var(--modal-dialog-background-light-mode-color);
  --modal-dialog-background-dark-mode-color: var(--core-surface-20-dark-mode-color);
  --modal-dialog-background-light-mode-color: var(--core-surface-20-light-mode-color);
  --modal-dialog-border-radius: var(--core-radius-modals);
  --modal-dialog-compact-horizontal-size-class-horizontal-inner-padding: var(--core-metrics-spacing-400);
  --modal-dialog-compact-horizontal-size-class-horizontal-outer-padding: var(--core-metrics-spacing-200);
  --modal-dialog-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);
  --modal-dialog-compact-horizontal-size-class-maximum-width: 464px;
  --modal-dialog-compact-vertical-size-class-vertical-inner-padding: var(--core-metrics-spacing-400);
  --modal-dialog-compact-vertical-size-class-vertical-outer-padding: var(--core-metrics-spacing-200);
  --modal-dialog-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-400);
  --modal-dialog-content-heading-color: var(--modal-dialog-content-heading-light-mode-color);
  --modal-dialog-content-heading-dark-mode-color: var(--core-text-10-dark-mode-color);
  --modal-dialog-content-heading-light-mode-color: var(--core-text-10-light-mode-color);
  --modal-dialog-content-heading-text-case: var(--core-type-heading-30-case);
  --modal-dialog-content-heading-text-font-family: var(--core-type-heading-30-font-family);
  --modal-dialog-content-heading-text-leading: var(--core-type-heading-30-leading);
  --modal-dialog-content-heading-text-number-spacing: var(--core-type-heading-30-number-spacing);
  --modal-dialog-content-heading-text-scale: var(--core-type-heading-30-scale);
  --modal-dialog-content-heading-text-size: var(--core-type-heading-30-size);
  --modal-dialog-content-heading-text-tracking: var(--core-type-heading-30-tracking);
  --modal-dialog-content-heading-text-weight: var(--core-type-heading-30-weight);
  --modal-dialog-content-spinner-diameter-size: var(--activity-indicator-radial-large-size-diameter-size);
  --modal-dialog-content-spinner-stroke-size: var(--activity-indicator-radial-large-size-stroke-size);
  --modal-dialog-content-vertical-header-gap: var(--core-metrics-spacing-400);
  --modal-dialog-content-vertical-space: var(--core-metrics-spacing-200);
  --modal-dialog-horizontal-padding-size: var(--modal-dialog-narrow-viewport-horizontal-padding-size);
  --modal-dialog-maximum-width-size: 480px;
  --modal-dialog-medium-viewport-horizontal-padding-size: 40px;
  --modal-dialog-medium-viewport-vertical-padding-size: 24px;
  --modal-dialog-medium-viewport-width: 480px;
  --modal-dialog-narrow-viewport-horizontal-padding-size: 24px;
  --modal-dialog-narrow-viewport-vertical-padding-size: 24px;
  --modal-dialog-regular-horizontal-size-class-horizontal-inner-padding: var(--core-metrics-spacing-400);
  --modal-dialog-regular-horizontal-size-class-horizontal-outer-padding: var(--core-metrics-spacing-200);
  --modal-dialog-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);
  --modal-dialog-regular-horizontal-size-class-maximum-width: 464px;
  --modal-dialog-regular-vertical-size-class-vertical-inner-padding: var(--core-metrics-spacing-400);
  --modal-dialog-regular-vertical-size-class-vertical-outer-padding: var(--core-metrics-spacing-200);
  --modal-dialog-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-400);
  --modal-dialog-veil-color: var(--modal-dialog-veil-light-mode-color);
  --modal-dialog-veil-dark-mode-color: var(--core-surface-overlay-dark-mode-color);
  --modal-dialog-veil-light-mode-color: var(--core-surface-overlay-light-mode-color);
  --modal-dialog-vertical-padding-size: var(--modal-dialog-narrow-viewport-vertical-padding-size);
  --modal-dialog-wide-horizontal-size-class-horizontal-inner-padding: var(--core-metrics-spacing-400);
  --modal-dialog-wide-horizontal-size-class-horizontal-outer-padding: var(--core-metrics-spacing-200);
  --modal-dialog-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);
  --modal-dialog-wide-horizontal-size-class-maximum-width: 464px;
  --modal-dialog-wide-viewport-horizontal-padding-size: 32px;
  --modal-dialog-wide-viewport-vertical-padding-size: 24px;
  --modal-dialog-wide-viewport-width: 480px;

  /* ========== modalFull ========== */
  --modal-full-animation-duration: var(--modal-full-narrow-viewport-animation-duration);
  --modal-full-animation-enter-transition-duration: var(--core-animation-enter-transition-moderate-speed-duration);
  --modal-full-animation-enter-transition-easing: var(--core-animation-exit-transition-easing);
  --modal-full-animation-exit-transition-duration: var(--core-animation-exit-transition-moderate-speed-duration);
  --modal-full-animation-exit-transition-easing: var(--core-animation-exit-transition-easing);
  --modal-full-background-color: var(--modal-full-background-light-mode-color);
  --modal-full-background-dark-mode-color: var(--core-surface-5-dark-mode-color);
  --modal-full-background-light-mode-color: var(--core-surface-5-light-mode-color);
  --modal-full-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-200);
  --modal-full-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-150);
  --modal-full-fixed-layout-width: 600px;
  --modal-full-horizontal-padding-size: var(--modal-full-narrow-viewport-horizontal-padding-size);
  --modal-full-medium-viewport-animation-duration: var(--modal-full-narrow-viewport-animation-duration);
  --modal-full-medium-viewport-horizontal-padding-size: 24px;
  --modal-full-medium-viewport-vertical-padding-size: 24px;
  --modal-full-narrow-viewport-animation-duration: 0.50s;
  --modal-full-narrow-viewport-horizontal-padding-size: 16px;
  --modal-full-narrow-viewport-vertical-padding-size: 16px;
  --modal-full-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-300);
  --modal-full-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-200);
  --modal-full-veil-color: var(--modal-full-veil-light-mode-color);
  --modal-full-veil-dark-mode-color: var(--core-surface-overlay-dark-mode-color);
  --modal-full-veil-light-mode-color: var(--core-surface-overlay-light-mode-color);
  --modal-full-vertical-padding-size: var(--modal-full-narrow-viewport-vertical-padding-size);
  --modal-full-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-300);
  --modal-full-wide-viewport-animation-duration: var(--modal-full-medium-viewport-animation-duration);
  --modal-full-wide-viewport-horizontal-padding-size: 32px;
  --modal-full-wide-viewport-vertical-padding-size: 16px;

  /* ========== modalPartial ========== */
  --modal-partial-animation-duration: var(--modal-partial-narrow-viewport-animation-duration);
  --modal-partial-animation-enter-transition-duration: var(--core-animation-enter-transition-moderate-speed-duration);
  --modal-partial-animation-enter-transition-easing: var(--core-animation-exit-transition-easing);
  --modal-partial-animation-enter-transition-opacity: 0;
  --modal-partial-animation-enter-transition-scale: 0.9;
  --modal-partial-animation-exit-transition-duration: var(--core-animation-exit-transition-moderate-speed-duration);
  --modal-partial-animation-exit-transition-easing: var(--core-animation-exit-transition-easing);
  --modal-partial-animation-exit-transition-opacity: 0;
  --modal-partial-animation-exit-transition-scale: 0.9;
  --modal-partial-background-color: var(--modal-partial-background-light-mode-color);
  --modal-partial-background-dark-mode-color: var(--core-surface-20-dark-mode-color);
  --modal-partial-background-light-mode-color: var(--core-surface-20-light-mode-color);
  --modal-partial-border-radius: var(--core-radius-modals);
  --modal-partial-compact-horizontal-size-class-horizontal-inner-padding: var(--modal-full-regular-horizontal-size-class-horizontal-padding);
  --modal-partial-compact-horizontal-size-class-horizontal-outer-padding: 0px;
  --modal-partial-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);
  --modal-partial-compact-horizontal-size-class-maximum-width: var(--modal-partial-regular-horizontal-size-class-maximum-width);
  --modal-partial-compact-vertical-size-class-vertical-inner-padding: var(--core-metrics-spacing-300);
  --modal-partial-compact-vertical-size-class-vertical-outer-padding: var(--core-metrics-spacing-300);
  --modal-partial-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300);
  --modal-partial-horizontal-padding-size: var(--modal-partial-narrow-viewport-horizontal-padding-size);
  --modal-partial-horizontal-screen-buffer-size: var(--modal-partial-narrow-viewport-horizontal-screen-buffer-size);
  --modal-partial-medium-viewport-animation-duration: var(--modal-partial-narrow-viewport-animation-duration);
  --modal-partial-medium-viewport-horizontal-padding-size: var(--core-metrics-spacing-400);
  --modal-partial-medium-viewport-horizontal-screen-buffer-size: var(--core-metrics-spacing-300);
  --modal-partial-medium-viewport-vertical-padding-size: var(--core-metrics-spacing-400);
  --modal-partial-medium-viewport-vertical-screen-buffer-size: var(--core-metrics-spacing-300);
  --modal-partial-medium-viewport-width: 664px;
  --modal-partial-narrow-viewport-animation-duration: 0.50s;
  --modal-partial-narrow-viewport-horizontal-padding-size: var(--core-metrics-spacing-200);
  --modal-partial-narrow-viewport-horizontal-screen-buffer-size: 0px;
  --modal-partial-narrow-viewport-vertical-padding-size: var(--core-metrics-spacing-200);
  --modal-partial-narrow-viewport-vertical-screen-buffer-size: 0px;
  --modal-partial-regular-horizontal-size-class-horizontal-inner-padding: var(--core-metrics-spacing-400);
  --modal-partial-regular-horizontal-size-class-horizontal-outer-padding: var(--core-metrics-spacing-200);
  --modal-partial-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);
  --modal-partial-regular-horizontal-size-class-maximum-width: 664px;
  --modal-partial-regular-vertical-size-class-vertical-inner-padding: var(--modal-partial-compact-vertical-size-class-vertical-inner-padding);
  --modal-partial-regular-vertical-size-class-vertical-outer-padding: var(--modal-partial-compact-vertical-size-class-vertical-outer-padding);
  --modal-partial-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300);
  --modal-partial-veil-color: var(--modal-partial-veil-light-mode-color);
  --modal-partial-veil-dark-mode-color: var(--core-surface-overlay-dark-mode-color);
  --modal-partial-veil-light-mode-color: var(--core-surface-overlay-light-mode-color);
  --modal-partial-vertical-padding-size: var(--modal-partial-narrow-viewport-vertical-padding-size);
  --modal-partial-vertical-screen-buffer-size: var(--modal-partial-narrow-viewport-vertical-screen-buffer-size);
  --modal-partial-wide-horizontal-size-class-horizontal-inner-padding: var(--modal-partial-regular-horizontal-size-class-horizontal-inner-padding);
  --modal-partial-wide-horizontal-size-class-horizontal-outer-padding: var(--modal-partial-regular-horizontal-size-class-horizontal-outer-padding);
  --modal-partial-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);
  --modal-partial-wide-horizontal-size-class-maximum-width: var(--modal-partial-regular-horizontal-size-class-maximum-width);
  --modal-partial-wide-viewport-animation-duration: var(--modal-partial-medium-viewport-animation-duration);
  --modal-partial-wide-viewport-horizontal-padding-size: var(--core-metrics-spacing-400);
  --modal-partial-wide-viewport-horizontal-screen-buffer-size: var(--core-metrics-spacing-300);
  --modal-partial-wide-viewport-vertical-padding-size: var(--core-metrics-spacing-400);
  --modal-partial-wide-viewport-vertical-screen-buffer-size: var(--core-metrics-spacing-300);
  --modal-partial-wide-viewport-width: 664px;

  /* ========== modalPopover ========== */
  --modal-popover-anchor-space-horizontal-size: var(--core-metrics-spacing-100);
  --modal-popover-anchor-space-vertical-size: var(--core-metrics-spacing-100);
  --modal-popover-appear-animation-percentage: 70px;
  --modal-popover-background-color: var(--modal-popover-background-light-mode-color);
  --modal-popover-background-dark-mode-color: var(--core-surface-30-dark-mode-color);
  --modal-popover-background-light-mode-color: var(--core-surface-30-light-mode-color);
  --modal-popover-border-radius: var(--core-radius-100);
  --modal-popover-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-200);
  --modal-popover-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-200);
  --modal-popover-regular-horizontal-size-class-horizontal-padding: var(--modal-popover-compact-horizontal-size-class-horizontal-padding);
  --modal-popover-regular-vertical-size-class-vertical-padding: var(--modal-popover-compact-vertical-size-class-vertical-padding);
  --modal-popover-size-maximum-height: 464px;
  --modal-popover-size-minimum-width: 200px;
  --modal-popover-wide-horizontal-size-class-horizontal-padding: var(--modal-popover-compact-horizontal-size-class-horizontal-padding);
  --modal-popover-wide-viewport-max-height-size: 500px;
  --modal-popover-wide-viewport-min-width-size: 200px;
  --modal-popover-wide-viewport-padding-bottom-size: var(--core-metrics-spacing-100);
  --modal-popover-wide-viewport-padding-left-size: var(--core-metrics-spacing-300);
  --modal-popover-wide-viewport-padding-right-size: var(--core-metrics-spacing-300);
  --modal-popover-wide-viewport-padding-top-size: var(--core-metrics-spacing-100);

  /* ========== modalSheet ========== */
  --modal-sheet-background-color: var(--modal-sheet-background-light-mode-color);
  --modal-sheet-background-dark-mode-color: var(--core-surface-20-dark-mode-color);
  --modal-sheet-background-light-mode-color: var(--core-surface-20-light-mode-color);
  --modal-sheet-border-radius: var(--core-radius-modals);
  --modal-sheet-compact-horizontal-size-class-bottom-gap: 0px;
  --modal-sheet-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-200);
  --modal-sheet-compact-horizontal-size-class-maximum-width: 464px;
  --modal-sheet-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-200);
  --modal-sheet-handle-background-color: var(--modal-sheet-handle-light-mode-background-color);
  --modal-sheet-handle-border-radius: var(--core-radius-circle);
  --modal-sheet-handle-dark-mode-background-color: rgba(255, 255, 255, 0.2);
  --modal-sheet-handle-dark-mode-fill-color: rgba(255, 255, 255, 0.4);
  --modal-sheet-handle-fill-color: var(--modal-sheet-handle-light-mode-fill-color);
  --modal-sheet-handle-height: 6px;
  --modal-sheet-handle-light-mode-background-color: rgba(255, 255, 255, 0.4);
  --modal-sheet-handle-light-mode-fill-color: rgba(255, 255, 255, 0.4);
  --modal-sheet-handle-padding-bottom-size: 8px;
  --modal-sheet-handle-padding-top-size: 26px;
  --modal-sheet-handle-top-buffer-size: 10px;
  --modal-sheet-handle-width: 56px;
  --modal-sheet-margin-bottom-size: var(--modal-sheet-narrow-viewport-margin-bottom-size);
  --modal-sheet-narrow-viewport-margin-bottom-size: 0px;
  --modal-sheet-narrow-viewport-padding-bottom-size: var(--core-metrics-spacing-200);
  --modal-sheet-narrow-viewport-padding-left-size: var(--core-metrics-spacing-200);
  --modal-sheet-narrow-viewport-padding-right-size: var(--core-metrics-spacing-200);
  --modal-sheet-narrow-viewport-padding-top-size: var(--core-metrics-spacing-200);
  --modal-sheet-padding-bottom-size: var(--modal-sheet-narrow-viewport-padding-bottom-size);
  --modal-sheet-padding-left-size: var(--modal-sheet-narrow-viewport-padding-left-size);
  --modal-sheet-padding-right-size: var(--modal-sheet-narrow-viewport-padding-right-size);
  --modal-sheet-padding-top-size: var(--modal-sheet-narrow-viewport-padding-top-size);
  --modal-sheet-regular-horizontal-size-class-bottom-gap: var(--core-metrics-spacing-200);
  --modal-sheet-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-300);
  --modal-sheet-regular-horizontal-size-class-maximum-width: 464px;
  --modal-sheet-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300);
  --modal-sheet-veil-color: var(--modal-sheet-veil-light-mode-color);
  --modal-sheet-veil-dark-mode-color: var(--core-surface-overlay-dark-mode-color);
  --modal-sheet-veil-light-mode-color: var(--core-surface-overlay-light-mode-color);
  --modal-sheet-wide-horizontal-size-class-bottom-gap: var(--core-metrics-spacing-200);
  --modal-sheet-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-300);
  --modal-sheet-wide-horizontal-size-class-maximum-width: 464px;
  --modal-sheet-wide-viewport-margin-bottom-size: 16px;
  --modal-sheet-wide-viewport-padding-bottom-size: var(--core-metrics-spacing-400);
  --modal-sheet-wide-viewport-padding-left-size: var(--core-metrics-spacing-400);
  --modal-sheet-wide-viewport-padding-right-size: var(--core-metrics-spacing-400);
  --modal-sheet-wide-viewport-padding-top-size: var(--core-metrics-spacing-400);

  /* ========== numpad ========== */
  --numpad-tall-layout-button-border-radius: var(--button-border-radius);

  /* ========== pageIndicator ========== */
  --page-indicator-dark-mode-dot-color: var(--core-text-20-dark-mode-color);
  --page-indicator-dark-mode-selected-color: var(--core-emphasis-fill-dark-mode-color);
  --page-indicator-dot-color: var(--page-indicator-light-mode-dot-color);
  --page-indicator-dot-size: 6px;
  --page-indicator-light-mode-dot-color: var(--core-text-20-light-mode-color);
  --page-indicator-light-mode-selected-color: var(--core-emphasis-fill-light-mode-color);
  --page-indicator-selected-color: var(--page-indicator-light-mode-selected-color);
  --page-indicator-selected-size: 8px;
  --page-indicator-spacing-size: 6px;

  /* ========== pagination ========== */
  --pagination-nav-content-spacing: var(--core-metrics-spacing-100);
  --pagination-nav-horizontal-margin: var(--core-metrics-spacing-100);
  --pagination-nav-vertical-margin: var(--core-metrics-spacing-200);

  /* ========== pagingIndicator ========== */
  --paging-indicator-selected-state-color: var(--paging-indicator-selected-state-light-mode-color);
  --paging-indicator-selected-state-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --paging-indicator-selected-state-height: var(--core-metrics-spacing-50);
  --paging-indicator-selected-state-light-mode-color: var(--core-fill-10-light-mode-color);
  --paging-indicator-selected-state-width: var(--core-metrics-spacing-300);
  --paging-indicator-spacing: var(--core-metrics-spacing-25);
  --paging-indicator-unselected-state-color: var(--paging-indicator-unselected-state-light-mode-color);
  --paging-indicator-unselected-state-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --paging-indicator-unselected-state-height: var(--core-metrics-spacing-25);
  --paging-indicator-unselected-state-light-mode-color: var(--core-fill-20-light-mode-color);
  --paging-indicator-unselected-state-width: var(--core-metrics-spacing-300);

  /* ========== pill ========== */
  --pill-alpha-variant-background-color: var(--pill-alpha-variant-background-light-mode-color);
  --pill-alpha-variant-background-dark-mode-color: var(--pill-alpha-variant-normal-state-background-dark-mode-color);
  --pill-alpha-variant-background-light-mode-color: var(--pill-alpha-variant-normal-state-background-light-mode-color);
  --pill-alpha-variant-icon-color: var(--pill-alpha-variant-icon-light-mode-color);
  --pill-alpha-variant-icon-dark-mode-color: var(--core-pink-fill-dark-mode-color);
  --pill-alpha-variant-icon-light-mode-color: var(--core-pink-fill-light-mode-color);
  --pill-alpha-variant-normal-state-background-color: var(--pill-alpha-variant-normal-state-background-light-mode-color);
  --pill-alpha-variant-normal-state-background-dark-mode-color: var(--core-pink-40-dark-mode-color);
  --pill-alpha-variant-normal-state-background-light-mode-color: var(--core-pink-40-light-mode-color);
  --pill-alpha-variant-pressed-state-background-color: var(--pill-alpha-variant-pressed-state-background-light-mode-color);
  --pill-alpha-variant-pressed-state-background-dark-mode-color: var(--core-pink-30-dark-mode-color);
  --pill-alpha-variant-pressed-state-background-light-mode-color: var(--core-pink-30-light-mode-color);
  --pill-alpha-variant-text-color: var(--pill-alpha-variant-text-light-mode-color);
  --pill-alpha-variant-text-dark-mode-color: var(--core-pink-text-dark-mode-color);
  --pill-alpha-variant-text-light-mode-color: var(--core-pink-text-light-mode-color);
  --pill-beta-variant-background-color: var(--pill-beta-variant-background-light-mode-color);
  --pill-beta-variant-background-dark-mode-color: var(--pill-beta-variant-normal-state-background-dark-mode-color);
  --pill-beta-variant-background-light-mode-color: var(--pill-beta-variant-normal-state-background-light-mode-color);
  --pill-beta-variant-icon-color: var(--pill-beta-variant-icon-light-mode-color);
  --pill-beta-variant-icon-dark-mode-color: var(--core-teal-fill-dark-mode-color);
  --pill-beta-variant-icon-light-mode-color: var(--core-teal-fill-light-mode-color);
  --pill-beta-variant-normal-state-background-color: var(--pill-beta-variant-normal-state-background-light-mode-color);
  --pill-beta-variant-normal-state-background-dark-mode-color: var(--core-teal-40-dark-mode-color);
  --pill-beta-variant-normal-state-background-light-mode-color: var(--core-teal-40-light-mode-color);
  --pill-beta-variant-pressed-state-background-color: var(--pill-beta-variant-pressed-state-background-light-mode-color);
  --pill-beta-variant-pressed-state-background-dark-mode-color: var(--core-teal-30-dark-mode-color);
  --pill-beta-variant-pressed-state-background-light-mode-color: var(--core-teal-30-light-mode-color);
  --pill-beta-variant-text-color: var(--pill-beta-variant-text-light-mode-color);
  --pill-beta-variant-text-dark-mode-color: var(--core-teal-text-dark-mode-color);
  --pill-beta-variant-text-light-mode-color: var(--core-teal-text-light-mode-color);
  --pill-border-color: var(--pill-border-light-mode-color);
  --pill-border-dark-mode-color: var(--core-surface-5-dark-mode-color);
  --pill-border-light-mode-color: var(--core-surface-5-light-mode-color);
  --pill-border-width: var(--core-border-20);
  --pill-compact-size-border-radius: var(--core-radius-circle);
  --pill-compact-size-corner-radius: var(--pill-compact-size-border-radius);
  --pill-compact-size-horizontal-padding: var(--core-metrics-spacing-100);
  --pill-compact-size-icon-dot-radius: var(--pill-compact-size-indicator-dot-radius);
  --pill-compact-size-icon-left-padding: var(--pill-compact-size-indicator-icon-horizontal-padding-left);
  --pill-compact-size-icon-size: var(--pill-compact-size-indicator-icon-size);
  --pill-compact-size-icon-to-text-spacing: var(--pill-compact-size-indicator-icon-horizontal-padding-right);
  --pill-compact-size-indicator-dot-horizontal-padding-left: var(--core-metrics-spacing-50);
  --pill-compact-size-indicator-dot-horizontal-padding-right: var(--core-metrics-spacing-50);
  --pill-compact-size-indicator-dot-radius: var(--core-metrics-spacing-50);
  --pill-compact-size-indicator-icon-horizontal-padding-left: var(--core-metrics-spacing-50);
  --pill-compact-size-indicator-icon-horizontal-padding-right: var(--core-metrics-spacing-50);
  --pill-compact-size-indicator-icon-size: var(--core-metrics-spacing-200);
  --pill-compact-size-padding-horizontal-size: var(--pill-compact-size-horizontal-padding);
  --pill-compact-size-padding-vertical-size: var(--pill-compact-size-vertical-padding);
  --pill-compact-size-spacing-horizontal: var(--pill-compact-size-indicator-dot-horizontal-padding-right);
  --pill-compact-size-text-case: var(--core-type-semibold-10-case);
  --pill-compact-size-text-edge-padding: var(--pill-compact-size-text-horizontal-padding-left);
  --pill-compact-size-text-font-family: var(--core-type-semibold-10-font-family);
  --pill-compact-size-text-horizontal-padding-left: var(--core-metrics-spacing-100);
  --pill-compact-size-text-leading: var(--core-type-semibold-10-leading);
  --pill-compact-size-text-number-spacing: var(--core-type-semibold-10-number-spacing);
  --pill-compact-size-text-scale: var(--core-type-semibold-10-scale);
  --pill-compact-size-text-size: var(--core-type-semibold-10-size);
  --pill-compact-size-text-tracking: var(--core-type-semibold-10-tracking);
  --pill-compact-size-text-weight: var(--core-type-semibold-10-weight);
  --pill-compact-size-vertical-padding: var(--core-metrics-spacing-25);
  --pill-critical-variant-background-color: var(--pill-critical-variant-background-light-mode-color);
  --pill-critical-variant-background-dark-mode-color: var(--pill-critical-variant-normal-state-background-dark-mode-color);
  --pill-critical-variant-background-light-mode-color: var(--pill-critical-variant-normal-state-background-light-mode-color);
  --pill-critical-variant-icon-color: var(--pill-critical-variant-icon-light-mode-color);
  --pill-critical-variant-icon-dark-mode-color: var(--core-critical-fill-dark-mode-color);
  --pill-critical-variant-icon-light-mode-color: var(--core-critical-fill-light-mode-color);
  --pill-critical-variant-normal-state-background-color: var(--pill-critical-variant-normal-state-background-light-mode-color);
  --pill-critical-variant-normal-state-background-dark-mode-color: var(--core-critical-40-dark-mode-color);
  --pill-critical-variant-normal-state-background-light-mode-color: var(--core-critical-40-light-mode-color);
  --pill-critical-variant-pressed-state-background-color: var(--pill-critical-variant-pressed-state-background-light-mode-color);
  --pill-critical-variant-pressed-state-background-dark-mode-color: var(--core-critical-30-dark-mode-color);
  --pill-critical-variant-pressed-state-background-light-mode-color: var(--core-critical-30-light-mode-color);
  --pill-critical-variant-text-color: var(--pill-critical-variant-text-light-mode-color);
  --pill-critical-variant-text-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --pill-critical-variant-text-light-mode-color: var(--core-critical-text-light-mode-color);
  --pill-emphasis-variant-background-color: var(--pill-emphasis-variant-background-light-mode-color);
  --pill-emphasis-variant-background-dark-mode-color: var(--pill-emphasis-variant-normal-state-background-dark-mode-color);
  --pill-emphasis-variant-background-light-mode-color: var(--pill-emphasis-variant-normal-state-background-light-mode-color);
  --pill-emphasis-variant-icon-color: var(--pill-emphasis-variant-icon-light-mode-color);
  --pill-emphasis-variant-icon-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --pill-emphasis-variant-icon-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --pill-emphasis-variant-normal-state-background-color: var(--pill-emphasis-variant-normal-state-background-light-mode-color);
  --pill-emphasis-variant-normal-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --pill-emphasis-variant-normal-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --pill-emphasis-variant-pressed-state-background-color: var(--pill-emphasis-variant-pressed-state-background-light-mode-color);
  --pill-emphasis-variant-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --pill-emphasis-variant-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --pill-emphasis-variant-text-color: var(--pill-emphasis-variant-text-light-mode-color);
  --pill-emphasis-variant-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --pill-emphasis-variant-text-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --pill-insight-variant-background-color: var(--pill-insight-variant-background-light-mode-color);
  --pill-insight-variant-background-dark-mode-color: var(--pill-insight-variant-normal-state-background-dark-mode-color);
  --pill-insight-variant-background-light-mode-color: var(--pill-insight-variant-normal-state-background-light-mode-color);
  --pill-insight-variant-icon-color: var(--pill-insight-variant-icon-light-mode-color);
  --pill-insight-variant-icon-dark-mode-color: var(--core-purple-fill-dark-mode-color);
  --pill-insight-variant-icon-light-mode-color: var(--core-purple-fill-light-mode-color);
  --pill-insight-variant-normal-state-background-color: var(--pill-insight-variant-normal-state-background-light-mode-color);
  --pill-insight-variant-normal-state-background-dark-mode-color: var(--core-purple-40-dark-mode-color);
  --pill-insight-variant-normal-state-background-light-mode-color: var(--core-purple-40-light-mode-color);
  --pill-insight-variant-pressed-state-background-color: var(--pill-insight-variant-pressed-state-background-light-mode-color);
  --pill-insight-variant-pressed-state-background-dark-mode-color: var(--core-purple-30-dark-mode-color);
  --pill-insight-variant-pressed-state-background-light-mode-color: var(--core-purple-30-light-mode-color);
  --pill-insight-variant-text-color: var(--pill-insight-variant-text-light-mode-color);
  --pill-insight-variant-text-dark-mode-color: var(--core-purple-text-dark-mode-color);
  --pill-insight-variant-text-light-mode-color: var(--core-purple-text-light-mode-color);
  --pill-normal-size-border-radius: var(--core-radius-circle);
  --pill-normal-size-corner-radius: var(--pill-normal-size-border-radius);
  --pill-normal-size-horizontal-padding: var(--core-metrics-spacing-150);
  --pill-normal-size-icon-dot-radius: var(--pill-normal-size-indicator-dot-radius);
  --pill-normal-size-icon-left-padding: var(--pill-normal-size-indicator-icon-horizontal-padding-left);
  --pill-normal-size-icon-size: var(--pill-normal-size-indicator-icon-size);
  --pill-normal-size-icon-to-text-spacing: var(--pill-normal-size-indicator-icon-horizontal-padding-right);
  --pill-normal-size-indicator-dot-horizontal-padding-left: var(--core-metrics-spacing-100);
  --pill-normal-size-indicator-dot-horizontal-padding-right: var(--core-metrics-spacing-50);
  --pill-normal-size-indicator-dot-radius: 5px;
  --pill-normal-size-indicator-icon-horizontal-padding-left: var(--core-metrics-spacing-100);
  --pill-normal-size-indicator-icon-horizontal-padding-right: var(--core-metrics-spacing-50);
  --pill-normal-size-indicator-icon-size: var(--core-metrics-spacing-200);
  --pill-normal-size-padding-horizontal-size: var(--pill-normal-size-horizontal-padding);
  --pill-normal-size-padding-vertical-size: var(--pill-normal-size-vertical-padding);
  --pill-normal-size-spacing-horizontal: var(--pill-normal-size-indicator-dot-horizontal-padding-right);
  --pill-normal-size-text-case: var(--core-type-semibold-20-case);
  --pill-normal-size-text-edge-padding: var(--pill-normal-size-text-horizontal-padding-left);
  --pill-normal-size-text-font-family: var(--core-type-semibold-20-font-family);
  --pill-normal-size-text-horizontal-padding-left: var(--core-metrics-spacing-150);
  --pill-normal-size-text-leading: var(--core-type-semibold-20-leading);
  --pill-normal-size-text-number-spacing: var(--core-type-semibold-20-number-spacing);
  --pill-normal-size-text-scale: var(--core-type-semibold-20-scale);
  --pill-normal-size-text-size: var(--core-type-semibold-20-size);
  --pill-normal-size-text-tracking: var(--core-type-semibold-20-tracking);
  --pill-normal-size-text-weight: var(--core-type-semibold-20-weight);
  --pill-normal-size-vertical-padding: var(--core-metrics-spacing-50);
  --pill-normal-variant-background-color: var(--pill-normal-variant-background-light-mode-color);
  --pill-normal-variant-background-dark-mode-color: var(--pill-normal-variant-normal-state-background-dark-mode-color);
  --pill-normal-variant-background-light-mode-color: var(--pill-normal-variant-normal-state-background-light-mode-color);
  --pill-normal-variant-icon-color: var(--pill-normal-variant-icon-light-mode-color);
  --pill-normal-variant-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --pill-normal-variant-icon-light-mode-color: var(--core-fill-20-light-mode-color);
  --pill-normal-variant-normal-state-background-color: var(--pill-normal-variant-normal-state-background-light-mode-color);
  --pill-normal-variant-normal-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --pill-normal-variant-normal-state-background-light-mode-color: var(--core-fill-40-light-mode-color);
  --pill-normal-variant-pressed-state-background-color: var(--pill-normal-variant-pressed-state-background-light-mode-color);
  --pill-normal-variant-pressed-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --pill-normal-variant-pressed-state-background-light-mode-color: var(--core-fill-30-light-mode-color);
  --pill-normal-variant-text-color: var(--pill-normal-variant-text-light-mode-color);
  --pill-normal-variant-text-dark-mode-color: var(--core-text-20-dark-mode-color);
  --pill-normal-variant-text-light-mode-color: var(--core-text-20-light-mode-color);
  --pill-success-variant-background-color: var(--pill-success-variant-background-light-mode-color);
  --pill-success-variant-background-dark-mode-color: var(--pill-success-variant-normal-state-background-dark-mode-color);
  --pill-success-variant-background-light-mode-color: var(--pill-success-variant-normal-state-background-light-mode-color);
  --pill-success-variant-icon-color: var(--pill-success-variant-icon-light-mode-color);
  --pill-success-variant-icon-dark-mode-color: var(--core-success-fill-dark-mode-color);
  --pill-success-variant-icon-light-mode-color: var(--core-success-fill-light-mode-color);
  --pill-success-variant-normal-state-background-color: var(--pill-success-variant-normal-state-background-light-mode-color);
  --pill-success-variant-normal-state-background-dark-mode-color: var(--core-success-40-dark-mode-color);
  --pill-success-variant-normal-state-background-light-mode-color: var(--core-success-40-light-mode-color);
  --pill-success-variant-pressed-state-background-color: var(--pill-success-variant-pressed-state-background-light-mode-color);
  --pill-success-variant-pressed-state-background-dark-mode-color: var(--core-success-30-dark-mode-color);
  --pill-success-variant-pressed-state-background-light-mode-color: var(--core-success-30-light-mode-color);
  --pill-success-variant-text-color: var(--pill-success-variant-text-light-mode-color);
  --pill-success-variant-text-dark-mode-color: var(--core-success-text-dark-mode-color);
  --pill-success-variant-text-light-mode-color: var(--core-success-text-light-mode-color);
  --pill-warning-variant-background-color: var(--pill-warning-variant-background-light-mode-color);
  --pill-warning-variant-background-dark-mode-color: var(--pill-warning-variant-normal-state-background-dark-mode-color);
  --pill-warning-variant-background-light-mode-color: var(--pill-warning-variant-normal-state-background-light-mode-color);
  --pill-warning-variant-icon-color: var(--pill-warning-variant-icon-light-mode-color);
  --pill-warning-variant-icon-dark-mode-color: var(--core-warning-fill-dark-mode-color);
  --pill-warning-variant-icon-light-mode-color: var(--core-warning-fill-light-mode-color);
  --pill-warning-variant-normal-state-background-color: var(--pill-warning-variant-normal-state-background-light-mode-color);
  --pill-warning-variant-normal-state-background-dark-mode-color: var(--core-warning-40-dark-mode-color);
  --pill-warning-variant-normal-state-background-light-mode-color: var(--core-warning-40-light-mode-color);
  --pill-warning-variant-pressed-state-background-color: var(--pill-warning-variant-pressed-state-background-light-mode-color);
  --pill-warning-variant-pressed-state-background-dark-mode-color: var(--core-warning-30-dark-mode-color);
  --pill-warning-variant-pressed-state-background-light-mode-color: var(--core-warning-30-light-mode-color);
  --pill-warning-variant-text-color: var(--pill-warning-variant-text-light-mode-color);
  --pill-warning-variant-text-dark-mode-color: var(--core-warning-text-dark-mode-color);
  --pill-warning-variant-text-light-mode-color: var(--core-warning-text-light-mode-color);

  /* ========== progressMeter ========== */
  --progress-meter-bar-height: 4px;
  --progress-meter-bar-radius: 2px;
  --progress-meter-bar-width: 120px;
  --progress-meter-radial-large-size-diameter-size: 60px;
  --progress-meter-radial-large-size-stroke-size: 6px;
  --progress-meter-radial-small-size-diameter-size: 20px;
  --progress-meter-radial-small-size-stroke-size: 2px;

  /* ========== qrcode ========== */
  --qrcode-border-color: var(--qrcode-border-light-mode-color);
  --qrcode-border-dark-mode-color: var(--core-divider-10-dark-mode-color);
  --qrcode-border-light-mode-color: var(--core-divider-10-light-mode-color);
  --qrcode-border-radius: var(--core-radius-266);
  --qrcode-border-width: 1px;
  --qrcode-gap: var(--core-metrics-spacing-200);
  --qrcode-monochrome-variant-background-color: var(--qrcode-monochrome-variant-background-light-mode-color);
  --qrcode-monochrome-variant-background-dark-mode-color: var(--qrcode-normal-variant-background-dark-mode-color);
  --qrcode-monochrome-variant-background-light-mode-color: var(--qrcode-normal-variant-background-light-mode-color);
  --qrcode-monochrome-variant-foreground-color: var(--qrcode-monochrome-variant-foreground-light-mode-color);
  --qrcode-monochrome-variant-foreground-dark-mode-color: var(--qrcode-normal-variant-foreground-dark-mode-color);
  --qrcode-monochrome-variant-foreground-light-mode-color: var(--qrcode-normal-variant-foreground-light-mode-color);
  --qrcode-monochrome-variant-icon-color: var(--qrcode-monochrome-variant-icon-light-mode-color);
  --qrcode-monochrome-variant-icon-dark-mode-color: var(--qrcode-normal-variant-foreground-dark-mode-color);
  --qrcode-monochrome-variant-icon-light-mode-color: var(--qrcode-normal-variant-foreground-light-mode-color);
  --qrcode-normal-variant-background-color: var(--qrcode-normal-variant-background-light-mode-color);
  --qrcode-normal-variant-background-dark-mode-color: var(--core-fill-black-dark-mode-color);
  --qrcode-normal-variant-background-light-mode-color: var(--core-fill-white-light-mode-color);
  --qrcode-normal-variant-foreground-color: var(--qrcode-normal-variant-foreground-light-mode-color);
  --qrcode-normal-variant-foreground-dark-mode-color: var(--core-fill-white-dark-mode-color);
  --qrcode-normal-variant-foreground-light-mode-color: var(--core-fill-black-light-mode-color);
  --qrcode-normal-variant-icon-color: var(--qrcode-normal-variant-icon-light-mode-color);
  --qrcode-normal-variant-icon-dark-mode-color: var(--core-blue-fill-dark-mode-color);
  --qrcode-normal-variant-icon-light-mode-color: var(--core-blue-fill-light-mode-color);
  --qrcode-padding: var(--core-metrics-spacing-600);

  /* ========== quantity-input-field ========== */
  --quantity-input-field-display-color: var(--quantity-input-field-display-light-mode-color);
  --quantity-input-field-display-dark-mode-color: var(--core-text-10-dark-mode-color);
  --quantity-input-field-display-horizontal-padding: var(--core-metrics-spacing-100);
  --quantity-input-field-display-light-mode-color: var(--core-text-10-light-mode-color);
  --quantity-input-field-display-placeholder-color: var(--quantity-input-field-display-placeholder-light-mode-color);
  --quantity-input-field-display-placeholder-dark-mode-color: var(--core-text-20-dark-mode-color);
  --quantity-input-field-display-placeholder-light-mode-color: var(--core-text-20-light-mode-color);
  --quantity-input-field-display-primary-value-text-case: var(--core-type-display-20-case);
  --quantity-input-field-display-primary-value-text-font-family: var(--core-type-display-20-font-family);
  --quantity-input-field-display-primary-value-text-leading: var(--core-type-display-20-leading);
  --quantity-input-field-display-primary-value-text-number-spacing: 'monospaced';
  --quantity-input-field-display-primary-value-text-scale: var(--core-type-display-20-scale);
  --quantity-input-field-display-primary-value-text-size: var(--core-type-display-20-size);
  --quantity-input-field-display-primary-value-text-tracking: var(--core-type-display-20-tracking);
  --quantity-input-field-display-primary-value-text-weight: var(--core-type-display-20-weight);
  --quantity-input-field-display-unit-text-case: var(--core-type-heading-30-case);
  --quantity-input-field-display-unit-text-font-family: var(--core-type-heading-30-font-family);
  --quantity-input-field-display-unit-text-leading: var(--core-type-heading-30-leading);
  --quantity-input-field-display-unit-text-number-spacing: var(--core-type-heading-30-number-spacing);
  --quantity-input-field-display-unit-text-scale: var(--core-type-heading-30-scale);
  --quantity-input-field-display-unit-text-size: var(--core-type-heading-30-size);
  --quantity-input-field-display-unit-text-tracking: var(--core-type-heading-30-tracking);
  --quantity-input-field-display-unit-text-weight: var(--core-type-heading-30-weight);
  --quantity-input-field-value-text-case: var(--core-type-display-20-case);
  --quantity-input-field-value-text-color: var(--quantity-input-field-value-text-light-mode-color);
  --quantity-input-field-value-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --quantity-input-field-value-text-font-family: var(--core-type-display-20-font-family);
  --quantity-input-field-value-text-leading: var(--core-type-display-20-leading);
  --quantity-input-field-value-text-light-mode-color: var(--core-text-10-light-mode-color);
  --quantity-input-field-value-text-number-spacing: 'monospaced';
  --quantity-input-field-value-text-placeholder-color: var(--quantity-input-field-value-text-placeholder-light-mode-color);
  --quantity-input-field-value-text-placeholder-dark-mode-color: var(--core-text-20-dark-mode-color);
  --quantity-input-field-value-text-placeholder-light-mode-color: var(--core-text-20-light-mode-color);
  --quantity-input-field-value-text-scale: var(--core-type-display-20-scale);
  --quantity-input-field-value-text-size: var(--core-type-display-20-size);
  --quantity-input-field-value-text-tracking: var(--core-type-display-20-tracking);
  --quantity-input-field-value-text-weight: var(--core-type-display-20-weight);

  /* ========== radio ========== */
  --radio-border-radius: 100px;
  --radio-border-size: var(--core-border-20);
  --radio-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);
  --radio-disabled-state-invalid-validity-selected-value-background-color: var(--radio-disabled-state-invalid-validity-selected-value-light-mode-background-color);
  --radio-disabled-state-invalid-validity-selected-value-border-color: var(--radio-disabled-state-invalid-validity-selected-value-light-mode-border-color);
  --radio-disabled-state-invalid-validity-selected-value-dark-mode-background-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-background-color);
  --radio-disabled-state-invalid-validity-selected-value-dark-mode-border-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-border-color);
  --radio-disabled-state-invalid-validity-selected-value-dark-mode-icon-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-icon-color);
  --radio-disabled-state-invalid-validity-selected-value-icon-color: var(--radio-disabled-state-invalid-validity-selected-value-light-mode-icon-color);
  --radio-disabled-state-invalid-validity-selected-value-light-mode-background-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-background-color);
  --radio-disabled-state-invalid-validity-selected-value-light-mode-border-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-border-color);
  --radio-disabled-state-invalid-validity-selected-value-light-mode-icon-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-icon-color);
  --radio-disabled-state-invalid-validity-unselected-value-background-color: var(--radio-disabled-state-invalid-validity-unselected-value-light-mode-background-color);
  --radio-disabled-state-invalid-validity-unselected-value-border-color: var(--radio-disabled-state-invalid-validity-unselected-value-light-mode-border-color);
  --radio-disabled-state-invalid-validity-unselected-value-dark-mode-background-color: var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-background-color);
  --radio-disabled-state-invalid-validity-unselected-value-dark-mode-border-color: var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-border-color);
  --radio-disabled-state-invalid-validity-unselected-value-light-mode-background-color: var(--radio-disabled-state-normal-validity-unselected-value-light-mode-background-color);
  --radio-disabled-state-invalid-validity-unselected-value-light-mode-border-color: var(--radio-disabled-state-normal-validity-unselected-value-light-mode-border-color);
  --radio-disabled-state-normal-validity-selected-value-background-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-background-color);
  --radio-disabled-state-normal-validity-selected-value-border-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-border-color);
  --radio-disabled-state-normal-validity-selected-value-dark-mode-background-color: var(--core-fill-20-dark-mode-color);
  --radio-disabled-state-normal-validity-selected-value-dark-mode-border-color: transparent;
  --radio-disabled-state-normal-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --radio-disabled-state-normal-validity-selected-value-icon-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-icon-color);
  --radio-disabled-state-normal-validity-selected-value-light-mode-background-color: var(--core-fill-20-light-mode-color);
  --radio-disabled-state-normal-validity-selected-value-light-mode-border-color: transparent;
  --radio-disabled-state-normal-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --radio-disabled-state-normal-validity-unselected-value-background-color: var(--radio-disabled-state-normal-validity-unselected-value-light-mode-background-color);
  --radio-disabled-state-normal-validity-unselected-value-border-color: var(--radio-disabled-state-normal-validity-unselected-value-light-mode-border-color);
  --radio-disabled-state-normal-validity-unselected-value-dark-mode-background-color: var(--core-fill-50-dark-mode-color);
  --radio-disabled-state-normal-validity-unselected-value-dark-mode-border-color: var(--core-fill-30-dark-mode-color);
  --radio-disabled-state-normal-validity-unselected-value-light-mode-background-color: var(--core-fill-50-light-mode-color);
  --radio-disabled-state-normal-validity-unselected-value-light-mode-border-color: var(--core-fill-30-light-mode-color);
  --radio-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);
  --radio-focus-ring-color: var(--radio-light-mode-focus-ring-color);
  --radio-focus-state-invalid-validity-selected-value-background-color: var(--radio-focus-state-invalid-validity-selected-value-light-mode-background-color);
  --radio-focus-state-invalid-validity-selected-value-border-color: var(--radio-focus-state-invalid-validity-selected-value-light-mode-border-color);
  --radio-focus-state-invalid-validity-selected-value-dark-mode-background-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-background-color);
  --radio-focus-state-invalid-validity-selected-value-dark-mode-border-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-border-color);
  --radio-focus-state-invalid-validity-selected-value-dark-mode-icon-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-icon-color);
  --radio-focus-state-invalid-validity-selected-value-icon-color: var(--radio-focus-state-invalid-validity-selected-value-light-mode-icon-color);
  --radio-focus-state-invalid-validity-selected-value-light-mode-background-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-background-color);
  --radio-focus-state-invalid-validity-selected-value-light-mode-border-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-border-color);
  --radio-focus-state-invalid-validity-selected-value-light-mode-icon-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-icon-color);
  --radio-focus-state-invalid-validity-unselected-value-background-color: var(--radio-focus-state-invalid-validity-unselected-value-light-mode-background-color);
  --radio-focus-state-invalid-validity-unselected-value-border-color: var(--radio-focus-state-invalid-validity-unselected-value-light-mode-border-color);
  --radio-focus-state-invalid-validity-unselected-value-dark-mode-background-color: var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-background-color);
  --radio-focus-state-invalid-validity-unselected-value-dark-mode-border-color: var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-border-color);
  --radio-focus-state-invalid-validity-unselected-value-light-mode-background-color: var(--radio-hover-state-invalid-validity-unselected-value-light-mode-background-color);
  --radio-focus-state-invalid-validity-unselected-value-light-mode-border-color: var(--radio-hover-state-invalid-validity-unselected-value-light-mode-border-color);
  --radio-focus-state-normal-validity-selected-value-background-color: var(--radio-focus-state-normal-validity-selected-value-light-mode-background-color);
  --radio-focus-state-normal-validity-selected-value-border-color: var(--radio-focus-state-normal-validity-selected-value-light-mode-border-color);
  --radio-focus-state-normal-validity-selected-value-dark-mode-background-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-background-color);
  --radio-focus-state-normal-validity-selected-value-dark-mode-border-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-border-color);
  --radio-focus-state-normal-validity-selected-value-dark-mode-icon-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-icon-color);
  --radio-focus-state-normal-validity-selected-value-icon-color: var(--radio-focus-state-normal-validity-selected-value-light-mode-icon-color);
  --radio-focus-state-normal-validity-selected-value-light-mode-background-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-background-color);
  --radio-focus-state-normal-validity-selected-value-light-mode-border-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-border-color);
  --radio-focus-state-normal-validity-selected-value-light-mode-icon-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-icon-color);
  --radio-focus-state-normal-validity-unselected-value-background-color: var(--radio-focus-state-normal-validity-unselected-value-light-mode-background-color);
  --radio-focus-state-normal-validity-unselected-value-border-color: var(--radio-focus-state-normal-validity-unselected-value-light-mode-border-color);
  --radio-focus-state-normal-validity-unselected-value-dark-mode-background-color: var(--radio-hover-state-normal-validity-unselected-value-dark-mode-background-color);
  --radio-focus-state-normal-validity-unselected-value-dark-mode-border-color: var(--radio-hover-state-normal-validity-unselected-value-dark-mode-border-color);
  --radio-focus-state-normal-validity-unselected-value-light-mode-background-color: var(--radio-hover-state-normal-validity-unselected-value-light-mode-background-color);
  --radio-focus-state-normal-validity-unselected-value-light-mode-border-color: var(--radio-hover-state-normal-validity-unselected-value-light-mode-border-color);
  --radio-height: var(--radio-width);
  --radio-hover-state-invalid-validity-selected-value-background-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-background-color);
  --radio-hover-state-invalid-validity-selected-value-border-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-border-color);
  --radio-hover-state-invalid-validity-selected-value-dark-mode-background-color: var(--core-critical-20-dark-mode-color);
  --radio-hover-state-invalid-validity-selected-value-dark-mode-border-color: transparent;
  --radio-hover-state-invalid-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --radio-hover-state-invalid-validity-selected-value-icon-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-icon-color);
  --radio-hover-state-invalid-validity-selected-value-light-mode-background-color: var(--core-critical-20-light-mode-color);
  --radio-hover-state-invalid-validity-selected-value-light-mode-border-color: transparent;
  --radio-hover-state-invalid-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --radio-hover-state-invalid-validity-unselected-value-background-color: var(--radio-hover-state-invalid-validity-unselected-value-light-mode-background-color);
  --radio-hover-state-invalid-validity-unselected-value-border-color: var(--radio-hover-state-invalid-validity-unselected-value-light-mode-border-color);
  --radio-hover-state-invalid-validity-unselected-value-dark-mode-background-color: transparent;
  --radio-hover-state-invalid-validity-unselected-value-dark-mode-border-color: var(--core-critical-20-dark-mode-color);
  --radio-hover-state-invalid-validity-unselected-value-light-mode-background-color: transparent;
  --radio-hover-state-invalid-validity-unselected-value-light-mode-border-color: var(--core-critical-20-light-mode-color);
  --radio-hover-state-normal-validity-selected-value-background-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-background-color);
  --radio-hover-state-normal-validity-selected-value-border-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-border-color);
  --radio-hover-state-normal-validity-selected-value-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color);
  --radio-hover-state-normal-validity-selected-value-dark-mode-border-color: transparent;
  --radio-hover-state-normal-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --radio-hover-state-normal-validity-selected-value-icon-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-icon-color);
  --radio-hover-state-normal-validity-selected-value-light-mode-background-color: var(--core-emphasis-20-light-mode-color);
  --radio-hover-state-normal-validity-selected-value-light-mode-border-color: transparent;
  --radio-hover-state-normal-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --radio-hover-state-normal-validity-unselected-value-background-color: var(--radio-hover-state-normal-validity-unselected-value-light-mode-background-color);
  --radio-hover-state-normal-validity-unselected-value-border-color: var(--radio-hover-state-normal-validity-unselected-value-light-mode-border-color);
  --radio-hover-state-normal-validity-unselected-value-dark-mode-background-color: transparent;
  --radio-hover-state-normal-validity-unselected-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);
  --radio-hover-state-normal-validity-unselected-value-light-mode-background-color: transparent;
  --radio-hover-state-normal-validity-unselected-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);
  --radio-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);
  --radio-normal-state-invalid-validity-selected-value-background-color: var(--radio-normal-state-invalid-validity-selected-value-light-mode-background-color);
  --radio-normal-state-invalid-validity-selected-value-border-color: var(--radio-normal-state-invalid-validity-selected-value-light-mode-border-color);
  --radio-normal-state-invalid-validity-selected-value-dark-mode-background-color: var(--core-critical-fill-dark-mode-color);
  --radio-normal-state-invalid-validity-selected-value-dark-mode-border-color: transparent;
  --radio-normal-state-invalid-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --radio-normal-state-invalid-validity-selected-value-icon-color: var(--radio-normal-state-invalid-validity-selected-value-light-mode-icon-color);
  --radio-normal-state-invalid-validity-selected-value-light-mode-background-color: var(--core-critical-fill-light-mode-color);
  --radio-normal-state-invalid-validity-selected-value-light-mode-border-color: transparent;
  --radio-normal-state-invalid-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --radio-normal-state-invalid-validity-unselected-value-background-color: var(--radio-normal-state-invalid-validity-unselected-value-light-mode-background-color);
  --radio-normal-state-invalid-validity-unselected-value-border-color: var(--radio-normal-state-invalid-validity-unselected-value-light-mode-border-color);
  --radio-normal-state-invalid-validity-unselected-value-dark-mode-background-color: transparent;
  --radio-normal-state-invalid-validity-unselected-value-dark-mode-border-color: var(--core-critical-fill-dark-mode-color);
  --radio-normal-state-invalid-validity-unselected-value-light-mode-background-color: transparent;
  --radio-normal-state-invalid-validity-unselected-value-light-mode-border-color: var(--core-critical-fill-light-mode-color);
  --radio-normal-state-normal-validity-selected-value-background-color: var(--radio-normal-state-normal-validity-selected-value-light-mode-background-color);
  --radio-normal-state-normal-validity-selected-value-border-color: var(--radio-normal-state-normal-validity-selected-value-light-mode-border-color);
  --radio-normal-state-normal-validity-selected-value-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);
  --radio-normal-state-normal-validity-selected-value-dark-mode-border-color: transparent;
  --radio-normal-state-normal-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --radio-normal-state-normal-validity-selected-value-icon-color: var(--radio-normal-state-normal-validity-selected-value-light-mode-icon-color);
  --radio-normal-state-normal-validity-selected-value-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);
  --radio-normal-state-normal-validity-selected-value-light-mode-border-color: transparent;
  --radio-normal-state-normal-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --radio-normal-state-normal-validity-unselected-value-background-color: var(--radio-normal-state-normal-validity-unselected-value-light-mode-background-color);
  --radio-normal-state-normal-validity-unselected-value-border-color: var(--radio-normal-state-normal-validity-unselected-value-light-mode-border-color);
  --radio-normal-state-normal-validity-unselected-value-dark-mode-background-color: transparent;
  --radio-normal-state-normal-validity-unselected-value-dark-mode-border-color: var(--core-fill-20-dark-mode-color);
  --radio-normal-state-normal-validity-unselected-value-light-mode-background-color: transparent;
  --radio-normal-state-normal-validity-unselected-value-light-mode-border-color: var(--core-fill-20-light-mode-color);
  --radio-pressed-state-invalid-validity-selected-value-background-color: var(--radio-pressed-state-invalid-validity-selected-value-light-mode-background-color);
  --radio-pressed-state-invalid-validity-selected-value-border-color: var(--radio-pressed-state-invalid-validity-selected-value-light-mode-border-color);
  --radio-pressed-state-invalid-validity-selected-value-dark-mode-background-color: var(--core-critical-10-dark-mode-color);
  --radio-pressed-state-invalid-validity-selected-value-dark-mode-border-color: transparent;
  --radio-pressed-state-invalid-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --radio-pressed-state-invalid-validity-selected-value-icon-color: var(--radio-pressed-state-invalid-validity-selected-value-light-mode-icon-color);
  --radio-pressed-state-invalid-validity-selected-value-light-mode-background-color: var(--core-critical-10-light-mode-color);
  --radio-pressed-state-invalid-validity-selected-value-light-mode-border-color: transparent;
  --radio-pressed-state-invalid-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --radio-pressed-state-invalid-validity-unselected-value-background-color: var(--radio-pressed-state-invalid-validity-unselected-value-light-mode-background-color);
  --radio-pressed-state-invalid-validity-unselected-value-border-color: var(--radio-pressed-state-invalid-validity-unselected-value-light-mode-border-color);
  --radio-pressed-state-invalid-validity-unselected-value-dark-mode-background-color: transparent;
  --radio-pressed-state-invalid-validity-unselected-value-dark-mode-border-color: var(--core-critical-10-dark-mode-color);
  --radio-pressed-state-invalid-validity-unselected-value-light-mode-background-color: transparent;
  --radio-pressed-state-invalid-validity-unselected-value-light-mode-border-color: var(--core-critical-10-light-mode-color);
  --radio-pressed-state-normal-validity-selected-value-background-color: var(--radio-pressed-state-normal-validity-selected-value-light-mode-background-color);
  --radio-pressed-state-normal-validity-selected-value-border-color: var(--radio-pressed-state-normal-validity-selected-value-light-mode-border-color);
  --radio-pressed-state-normal-validity-selected-value-dark-mode-background-color: var(--core-emphasis-10-dark-mode-color);
  --radio-pressed-state-normal-validity-selected-value-dark-mode-border-color: transparent;
  --radio-pressed-state-normal-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --radio-pressed-state-normal-validity-selected-value-icon-color: var(--radio-pressed-state-normal-validity-selected-value-light-mode-icon-color);
  --radio-pressed-state-normal-validity-selected-value-light-mode-background-color: var(--core-emphasis-10-light-mode-color);
  --radio-pressed-state-normal-validity-selected-value-light-mode-border-color: transparent;
  --radio-pressed-state-normal-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --radio-pressed-state-normal-validity-unselected-value-background-color: var(--radio-pressed-state-normal-validity-unselected-value-light-mode-background-color);
  --radio-pressed-state-normal-validity-unselected-value-border-color: var(--radio-pressed-state-normal-validity-unselected-value-light-mode-border-color);
  --radio-pressed-state-normal-validity-unselected-value-dark-mode-background-color: transparent;
  --radio-pressed-state-normal-validity-unselected-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color);
  --radio-pressed-state-normal-validity-unselected-value-light-mode-background-color: transparent;
  --radio-pressed-state-normal-validity-unselected-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color);
  --radio-selected-value-border-radius: var(--core-radius-circle);
  --radio-selected-value-border-size: 0px;
  --radio-selected-value-dot-size: 0.3;
  --radio-svg-radius: 3px;
  --radio-unselected-value-border-radius: var(--core-radius-circle);
  --radio-unselected-value-border-size: var(--core-border-20);
  --radio-unselected-value-dot-size: 0;
  --radio-width: var(--core-control-size-width);

  /* ========== rich-text ========== */
  --rich-text-link-edit-popover-spacing-vertical: var(--core-metrics-spacing-200);
  --rich-text-toolbar-background-color: var(--rich-text-toolbar-background-light-mode-color);
  --rich-text-toolbar-background-dark-mode-color: var(--core-fill-50-dark-mode-color);
  --rich-text-toolbar-background-light-mode-color: var(--core-fill-50-light-mode-color);
  --rich-text-toolbar-background-radius: var(--field-border-radius);
  --rich-text-toolbar-button-icon-height: var(--icon-button-small-size-icon-height);
  --rich-text-toolbar-button-icon-width: var(--icon-button-small-size-icon-width);
  --rich-text-toolbar-button-minimum-height: var(--core-metrics-spacing-400);
  --rich-text-toolbar-button-padding-size: var(--core-metrics-spacing-50);
  --rich-text-toolbar-button-selected-value-disabled-state-icon-color: var(--rich-text-toolbar-button-selected-value-disabled-state-icon-light-mode-color);
  --rich-text-toolbar-button-selected-value-disabled-state-icon-dark-mode-color: var(--core-text-30-dark-mode-color);
  --rich-text-toolbar-button-selected-value-disabled-state-icon-light-mode-color: var(--core-text-30-light-mode-color);
  --rich-text-toolbar-button-selected-value-focus-state-background-color: var(--rich-text-toolbar-button-selected-value-focus-state-background-light-mode-color);
  --rich-text-toolbar-button-selected-value-focus-state-background-dark-mode-color: var(--rich-text-toolbar-button-selected-value-hover-state-background-dark-mode-color);
  --rich-text-toolbar-button-selected-value-focus-state-background-light-mode-color: var(--rich-text-toolbar-button-selected-value-hover-state-background-light-mode-color);
  --rich-text-toolbar-button-selected-value-focus-state-icon-color: var(--rich-text-toolbar-button-selected-value-focus-state-icon-light-mode-color);
  --rich-text-toolbar-button-selected-value-focus-state-icon-dark-mode-color: var(--rich-text-toolbar-button-selected-value-hover-state-icon-dark-mode-color);
  --rich-text-toolbar-button-selected-value-focus-state-icon-light-mode-color: var(--rich-text-toolbar-button-selected-value-hover-state-icon-light-mode-color);
  --rich-text-toolbar-button-selected-value-hover-state-background-color: var(--rich-text-toolbar-button-selected-value-hover-state-background-light-mode-color);
  --rich-text-toolbar-button-selected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --rich-text-toolbar-button-selected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --rich-text-toolbar-button-selected-value-hover-state-icon-color: var(--rich-text-toolbar-button-selected-value-hover-state-icon-light-mode-color);
  --rich-text-toolbar-button-selected-value-hover-state-icon-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --rich-text-toolbar-button-selected-value-hover-state-icon-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --rich-text-toolbar-button-selected-value-normal-state-background-color: var(--rich-text-toolbar-button-selected-value-normal-state-background-light-mode-color);
  --rich-text-toolbar-button-selected-value-normal-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --rich-text-toolbar-button-selected-value-normal-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --rich-text-toolbar-button-selected-value-normal-state-icon-color: var(--rich-text-toolbar-button-selected-value-normal-state-icon-light-mode-color);
  --rich-text-toolbar-button-selected-value-normal-state-icon-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --rich-text-toolbar-button-selected-value-normal-state-icon-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --rich-text-toolbar-button-selected-value-pressed-state-background-color: var(--rich-text-toolbar-button-selected-value-pressed-state-background-light-mode-color);
  --rich-text-toolbar-button-selected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --rich-text-toolbar-button-selected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --rich-text-toolbar-button-selected-value-pressed-state-icon-color: var(--rich-text-toolbar-button-selected-value-pressed-state-icon-light-mode-color);
  --rich-text-toolbar-button-selected-value-pressed-state-icon-dark-mode-color: var(--core-text-10-dark-mode-color);
  --rich-text-toolbar-button-selected-value-pressed-state-icon-light-mode-color: var(--core-text-10-light-mode-color);
  --rich-text-toolbar-button-unselected-value-disabled-state-icon-color: var(--rich-text-toolbar-button-unselected-value-disabled-state-icon-light-mode-color);
  --rich-text-toolbar-button-unselected-value-disabled-state-icon-dark-mode-color: var(--core-text-30-dark-mode-color);
  --rich-text-toolbar-button-unselected-value-disabled-state-icon-light-mode-color: var(--core-text-30-light-mode-color);
  --rich-text-toolbar-button-unselected-value-focus-state-background-color: var(--rich-text-toolbar-button-unselected-value-focus-state-background-light-mode-color);
  --rich-text-toolbar-button-unselected-value-focus-state-background-dark-mode-color: var(--rich-text-toolbar-button-unselected-value-hover-state-background-dark-mode-color);
  --rich-text-toolbar-button-unselected-value-focus-state-background-light-mode-color: var(--rich-text-toolbar-button-unselected-value-hover-state-background-light-mode-color);
  --rich-text-toolbar-button-unselected-value-focus-state-icon-color: var(--rich-text-toolbar-button-unselected-value-focus-state-icon-light-mode-color);
  --rich-text-toolbar-button-unselected-value-focus-state-icon-dark-mode-color: var(--rich-text-toolbar-button-unselected-value-hover-state-icon-dark-mode-color);
  --rich-text-toolbar-button-unselected-value-focus-state-icon-light-mode-color: var(--rich-text-toolbar-button-unselected-value-hover-state-icon-light-mode-color);
  --rich-text-toolbar-button-unselected-value-hover-state-background-color: var(--rich-text-toolbar-button-unselected-value-hover-state-background-light-mode-color);
  --rich-text-toolbar-button-unselected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --rich-text-toolbar-button-unselected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --rich-text-toolbar-button-unselected-value-hover-state-icon-color: var(--rich-text-toolbar-button-unselected-value-hover-state-icon-light-mode-color);
  --rich-text-toolbar-button-unselected-value-hover-state-icon-dark-mode-color: var(--core-text-10-dark-mode-color);
  --rich-text-toolbar-button-unselected-value-hover-state-icon-light-mode-color: var(--core-text-10-light-mode-color);
  --rich-text-toolbar-button-unselected-value-normal-state-icon-color: var(--rich-text-toolbar-button-unselected-value-normal-state-icon-light-mode-color);
  --rich-text-toolbar-button-unselected-value-normal-state-icon-dark-mode-color: var(--core-text-10-dark-mode-color);
  --rich-text-toolbar-button-unselected-value-normal-state-icon-light-mode-color: var(--core-text-10-light-mode-color);
  --rich-text-toolbar-button-unselected-value-pressed-state-background-color: var(--rich-text-toolbar-button-unselected-value-pressed-state-background-light-mode-color);
  --rich-text-toolbar-button-unselected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --rich-text-toolbar-button-unselected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --rich-text-toolbar-button-unselected-value-pressed-state-icon-color: var(--rich-text-toolbar-button-unselected-value-pressed-state-icon-light-mode-color);
  --rich-text-toolbar-button-unselected-value-pressed-state-icon-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --rich-text-toolbar-button-unselected-value-pressed-state-icon-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --rich-text-toolbar-button-width-multiplier: 1;
  --rich-text-toolbar-divider-vertical-padding: var(--divider-extra-small-variant-vertical-padding);
  --rich-text-toolbar-overflow-gradient-color: var(--rich-text-toolbar-overflow-gradient-light-mode-color);
  --rich-text-toolbar-overflow-gradient-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --rich-text-toolbar-overflow-gradient-light-mode-color: var(--core-fill-40-light-mode-color);
  --rich-text-toolbar-overflow-gradient-width: var(--core-metrics-spacing-200);
  --rich-text-toolbar-padding-horizontal: var(--core-metrics-spacing-50);
  --rich-text-toolbar-padding-vertical: var(--core-metrics-spacing-50);
  --rich-text-toolbar-spacing-horizontal: var(--core-metrics-spacing-150);

  /* ========== row ========== */
  --row-background-horizontal-outset-padding: var(--row-normal-variant-background-horizontal-outset-padding);
  --row-background-radius: var(--row-normal-variant-background-radius);
  --row-background-vertical-outset-padding: var(--row-normal-variant-background-vertical-outset-padding);
  --row-dark-mode-focus-ring-color: var(--row-normal-variant-dark-mode-focus-ring-color);
  --row-destructive-variant-background-horizontal-outset-padding: var(--row-normal-variant-background-horizontal-outset-padding);
  --row-destructive-variant-background-radius: var(--row-normal-variant-background-radius);
  --row-destructive-variant-background-vertical-outset-padding: var(--row-normal-variant-background-vertical-outset-padding);
  --row-destructive-variant-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);
  --row-destructive-variant-disabled-state-background-color: var(--row-destructive-variant-disabled-state-background-light-mode-color);
  --row-destructive-variant-disabled-state-background-dark-mode-color: var(--row-normal-variant-disabled-state-background-dark-mode-color);
  --row-destructive-variant-disabled-state-background-light-mode-color: var(--row-normal-variant-disabled-state-background-light-mode-color);
  --row-destructive-variant-disabled-state-drill-color: var(--row-destructive-variant-disabled-state-drill-light-mode-color);
  --row-destructive-variant-disabled-state-drill-dark-mode-color: var(--row-normal-variant-disabled-state-drill-dark-mode-color);
  --row-destructive-variant-disabled-state-drill-light-mode-color: var(--row-normal-variant-disabled-state-drill-light-mode-color);
  --row-destructive-variant-disabled-state-image-opacity: var(--row-normal-variant-disabled-state-image-opacity);
  --row-destructive-variant-disabled-state-leading-accessory-opacity: var(--row-normal-variant-disabled-state-leading-accessory-opacity);
  --row-destructive-variant-disabled-state-separator-color: var(--row-destructive-variant-disabled-state-separator-light-mode-color);
  --row-destructive-variant-disabled-state-separator-dark-mode-color: var(--row-normal-variant-disabled-state-separator-dark-mode-color);
  --row-destructive-variant-disabled-state-separator-light-mode-color: var(--row-normal-variant-disabled-state-separator-light-mode-color);
  --row-destructive-variant-disabled-state-side-text-primary-color: var(--row-destructive-variant-disabled-state-side-text-primary-light-mode-color);
  --row-destructive-variant-disabled-state-side-text-primary-dark-mode-color: var(--row-normal-variant-disabled-state-side-text-primary-dark-mode-color);
  --row-destructive-variant-disabled-state-side-text-primary-light-mode-color: var(--row-normal-variant-disabled-state-side-text-primary-light-mode-color);
  --row-destructive-variant-disabled-state-side-text-secondary-color: var(--row-destructive-variant-disabled-state-side-text-secondary-light-mode-color);
  --row-destructive-variant-disabled-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-disabled-state-side-text-secondary-dark-mode-color);
  --row-destructive-variant-disabled-state-side-text-secondary-light-mode-color: var(--row-normal-variant-disabled-state-side-text-secondary-light-mode-color);
  --row-destructive-variant-disabled-state-subtext-color: var(--row-destructive-variant-disabled-state-subtext-light-mode-color);
  --row-destructive-variant-disabled-state-subtext-dark-mode-color: var(--row-normal-variant-disabled-state-subtext-dark-mode-color);
  --row-destructive-variant-disabled-state-subtext-light-mode-color: var(--row-normal-variant-disabled-state-subtext-light-mode-color);
  --row-destructive-variant-disabled-state-tertiary-text-color: var(--row-destructive-variant-disabled-state-tertiary-text-light-mode-color);
  --row-destructive-variant-disabled-state-tertiary-text-dark-mode-color: var(--row-normal-variant-disabled-state-tertiary-text-dark-mode-color);
  --row-destructive-variant-disabled-state-tertiary-text-light-mode-color: var(--row-normal-variant-disabled-state-tertiary-text-light-mode-color);
  --row-destructive-variant-disabled-state-text-color: var(--row-destructive-variant-disabled-state-text-light-mode-color);
  --row-destructive-variant-disabled-state-text-dark-mode-color: var(--row-normal-variant-disabled-state-text-dark-mode-color);
  --row-destructive-variant-disabled-state-text-light-mode-color: var(--row-normal-variant-disabled-state-text-light-mode-color);
  --row-destructive-variant-focus-ring-color: var(--row-destructive-variant-light-mode-focus-ring-color);
  --row-destructive-variant-focus-state-background-color: var(--row-destructive-variant-focus-state-background-light-mode-color);
  --row-destructive-variant-focus-state-background-dark-mode-color: var(--row-destructive-variant-hover-state-background-dark-mode-color);
  --row-destructive-variant-focus-state-background-light-mode-color: var(--row-destructive-variant-hover-state-background-light-mode-color);
  --row-destructive-variant-focus-state-drill-color: var(--row-destructive-variant-focus-state-drill-light-mode-color);
  --row-destructive-variant-focus-state-drill-dark-mode-color: var(--row-destructive-variant-hover-state-drill-dark-mode-color);
  --row-destructive-variant-focus-state-drill-light-mode-color: var(--row-destructive-variant-hover-state-drill-light-mode-color);
  --row-destructive-variant-focus-state-icon-color: var(--row-destructive-variant-focus-state-icon-light-mode-color);
  --row-destructive-variant-focus-state-icon-dark-mode-color: var(--row-destructive-variant-hover-state-icon-dark-mode-color);
  --row-destructive-variant-focus-state-icon-light-mode-color: var(--row-destructive-variant-hover-state-icon-light-mode-color);
  --row-destructive-variant-focus-state-separator-color: var(--row-destructive-variant-focus-state-separator-light-mode-color);
  --row-destructive-variant-focus-state-separator-dark-mode-color: var(--row-destructive-variant-hover-state-separator-dark-mode-color);
  --row-destructive-variant-focus-state-separator-light-mode-color: var(--row-destructive-variant-hover-state-separator-light-mode-color);
  --row-destructive-variant-focus-state-side-text-primary-color: var(--row-destructive-variant-focus-state-side-text-primary-light-mode-color);
  --row-destructive-variant-focus-state-side-text-primary-dark-mode-color: var(--row-destructive-variant-hover-state-side-text-primary-dark-mode-color);
  --row-destructive-variant-focus-state-side-text-primary-light-mode-color: var(--row-destructive-variant-hover-state-side-text-primary-light-mode-color);
  --row-destructive-variant-focus-state-side-text-secondary-color: var(--row-destructive-variant-focus-state-side-text-secondary-light-mode-color);
  --row-destructive-variant-focus-state-side-text-secondary-dark-mode-color: var(--row-destructive-variant-hover-state-side-text-secondary-dark-mode-color);
  --row-destructive-variant-focus-state-side-text-secondary-light-mode-color: var(--row-destructive-variant-hover-state-side-text-secondary-light-mode-color);
  --row-destructive-variant-focus-state-subtext-color: var(--row-destructive-variant-focus-state-subtext-light-mode-color);
  --row-destructive-variant-focus-state-subtext-dark-mode-color: var(--row-destructive-variant-hover-state-subtext-dark-mode-color);
  --row-destructive-variant-focus-state-subtext-light-mode-color: var(--row-destructive-variant-hover-state-subtext-light-mode-color);
  --row-destructive-variant-focus-state-tertiary-text-color: var(--row-destructive-variant-focus-state-tertiary-text-light-mode-color);
  --row-destructive-variant-focus-state-tertiary-text-dark-mode-color: var(--row-destructive-variant-hover-state-tertiary-text-dark-mode-color);
  --row-destructive-variant-focus-state-tertiary-text-light-mode-color: var(--row-destructive-variant-hover-state-tertiary-text-light-mode-color);
  --row-destructive-variant-focus-state-text-color: var(--row-destructive-variant-focus-state-text-light-mode-color);
  --row-destructive-variant-focus-state-text-dark-mode-color: var(--row-destructive-variant-hover-state-text-dark-mode-color);
  --row-destructive-variant-focus-state-text-light-mode-color: var(--row-destructive-variant-hover-state-text-light-mode-color);
  --row-destructive-variant-hover-state-background-color: var(--row-destructive-variant-hover-state-background-light-mode-color);
  --row-destructive-variant-hover-state-background-dark-mode-color: var(--core-critical-40-dark-mode-color);
  --row-destructive-variant-hover-state-background-light-mode-color: var(--core-critical-40-light-mode-color);
  --row-destructive-variant-hover-state-drill-color: var(--row-destructive-variant-hover-state-drill-light-mode-color);
  --row-destructive-variant-hover-state-drill-dark-mode-color: var(--row-destructive-variant-normal-state-drill-dark-mode-color);
  --row-destructive-variant-hover-state-drill-light-mode-color: var(--row-destructive-variant-normal-state-drill-light-mode-color);
  --row-destructive-variant-hover-state-icon-color: var(--row-destructive-variant-hover-state-icon-light-mode-color);
  --row-destructive-variant-hover-state-icon-dark-mode-color: var(--row-destructive-variant-normal-state-icon-dark-mode-color);
  --row-destructive-variant-hover-state-icon-light-mode-color: var(--row-destructive-variant-normal-state-icon-light-mode-color);
  --row-destructive-variant-hover-state-separator-color: var(--row-destructive-variant-hover-state-separator-light-mode-color);
  --row-destructive-variant-hover-state-separator-dark-mode-color: transparent;
  --row-destructive-variant-hover-state-separator-light-mode-color: transparent;
  --row-destructive-variant-hover-state-side-text-primary-color: var(--row-destructive-variant-hover-state-side-text-primary-light-mode-color);
  --row-destructive-variant-hover-state-side-text-primary-dark-mode-color: var(--row-destructive-variant-normal-state-side-text-primary-dark-mode-color);
  --row-destructive-variant-hover-state-side-text-primary-light-mode-color: var(--row-destructive-variant-normal-state-side-text-primary-light-mode-color);
  --row-destructive-variant-hover-state-side-text-secondary-color: var(--row-destructive-variant-hover-state-side-text-secondary-light-mode-color);
  --row-destructive-variant-hover-state-side-text-secondary-dark-mode-color: var(--row-destructive-variant-normal-state-side-text-secondary-dark-mode-color);
  --row-destructive-variant-hover-state-side-text-secondary-light-mode-color: var(--row-destructive-variant-normal-state-side-text-secondary-light-mode-color);
  --row-destructive-variant-hover-state-subtext-color: var(--row-destructive-variant-hover-state-subtext-light-mode-color);
  --row-destructive-variant-hover-state-subtext-dark-mode-color: var(--row-destructive-variant-normal-state-subtext-dark-mode-color);
  --row-destructive-variant-hover-state-subtext-light-mode-color: var(--row-destructive-variant-normal-state-subtext-light-mode-color);
  --row-destructive-variant-hover-state-tertiary-text-color: var(--row-destructive-variant-hover-state-tertiary-text-light-mode-color);
  --row-destructive-variant-hover-state-tertiary-text-dark-mode-color: var(--row-destructive-variant-normal-state-tertiary-text-dark-mode-color);
  --row-destructive-variant-hover-state-tertiary-text-light-mode-color: var(--row-destructive-variant-normal-state-tertiary-text-light-mode-color);
  --row-destructive-variant-hover-state-text-color: var(--row-destructive-variant-hover-state-text-light-mode-color);
  --row-destructive-variant-hover-state-text-dark-mode-color: var(--row-destructive-variant-normal-state-text-dark-mode-color);
  --row-destructive-variant-hover-state-text-light-mode-color: var(--row-destructive-variant-normal-state-text-light-mode-color);
  --row-destructive-variant-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);
  --row-destructive-variant-normal-state-background-color: var(--row-destructive-variant-normal-state-background-light-mode-color);
  --row-destructive-variant-normal-state-background-dark-mode-color: transparent;
  --row-destructive-variant-normal-state-background-light-mode-color: transparent;
  --row-destructive-variant-normal-state-drill-color: var(--row-destructive-variant-normal-state-drill-light-mode-color);
  --row-destructive-variant-normal-state-drill-dark-mode-color: var(--core-critical-20-dark-mode-color);
  --row-destructive-variant-normal-state-drill-light-mode-color: var(--core-critical-20-light-mode-color);
  --row-destructive-variant-normal-state-icon-color: var(--row-destructive-variant-normal-state-icon-light-mode-color);
  --row-destructive-variant-normal-state-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --row-destructive-variant-normal-state-icon-light-mode-color: var(--core-fill-10-light-mode-color);
  --row-destructive-variant-normal-state-separator-color: var(--row-destructive-variant-normal-state-separator-light-mode-color);
  --row-destructive-variant-normal-state-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);
  --row-destructive-variant-normal-state-separator-light-mode-color: var(--core-divider-20-light-mode-color);
  --row-destructive-variant-normal-state-side-text-primary-color: var(--row-destructive-variant-normal-state-side-text-primary-light-mode-color);
  --row-destructive-variant-normal-state-side-text-primary-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --row-destructive-variant-normal-state-side-text-primary-light-mode-color: var(--core-critical-text-light-mode-color);
  --row-destructive-variant-normal-state-side-text-secondary-color: var(--row-destructive-variant-normal-state-side-text-secondary-light-mode-color);
  --row-destructive-variant-normal-state-side-text-secondary-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --row-destructive-variant-normal-state-side-text-secondary-light-mode-color: var(--core-critical-text-light-mode-color);
  --row-destructive-variant-normal-state-subtext-color: var(--row-destructive-variant-normal-state-subtext-light-mode-color);
  --row-destructive-variant-normal-state-subtext-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --row-destructive-variant-normal-state-subtext-light-mode-color: var(--core-critical-text-light-mode-color);
  --row-destructive-variant-normal-state-tertiary-text-color: var(--row-destructive-variant-normal-state-tertiary-text-light-mode-color);
  --row-destructive-variant-normal-state-tertiary-text-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --row-destructive-variant-normal-state-tertiary-text-light-mode-color: var(--core-critical-text-light-mode-color);
  --row-destructive-variant-normal-state-text-color: var(--row-destructive-variant-normal-state-text-light-mode-color);
  --row-destructive-variant-normal-state-text-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --row-destructive-variant-normal-state-text-light-mode-color: var(--core-critical-text-light-mode-color);
  --row-destructive-variant-pressed-state-background-color: var(--row-destructive-variant-pressed-state-background-light-mode-color);
  --row-destructive-variant-pressed-state-background-dark-mode-color: var(--core-critical-30-dark-mode-color);
  --row-destructive-variant-pressed-state-background-light-mode-color: var(--core-critical-30-light-mode-color);
  --row-destructive-variant-pressed-state-drill-color: var(--row-destructive-variant-pressed-state-drill-light-mode-color);
  --row-destructive-variant-pressed-state-drill-dark-mode-color: var(--row-destructive-variant-normal-state-drill-dark-mode-color);
  --row-destructive-variant-pressed-state-drill-light-mode-color: var(--row-destructive-variant-normal-state-drill-light-mode-color);
  --row-destructive-variant-pressed-state-icon-color: var(--row-destructive-variant-pressed-state-icon-light-mode-color);
  --row-destructive-variant-pressed-state-icon-dark-mode-color: var(--row-destructive-variant-normal-state-icon-dark-mode-color);
  --row-destructive-variant-pressed-state-icon-light-mode-color: var(--row-destructive-variant-normal-state-icon-light-mode-color);
  --row-destructive-variant-pressed-state-separator-color: var(--row-destructive-variant-pressed-state-separator-light-mode-color);
  --row-destructive-variant-pressed-state-separator-dark-mode-color: var(--row-destructive-variant-normal-state-separator-dark-mode-color);
  --row-destructive-variant-pressed-state-separator-light-mode-color: var(--row-destructive-variant-normal-state-separator-light-mode-color);
  --row-destructive-variant-pressed-state-side-text-primary-color: var(--row-destructive-variant-pressed-state-side-text-primary-light-mode-color);
  --row-destructive-variant-pressed-state-side-text-primary-dark-mode-color: var(--row-destructive-variant-normal-state-side-text-primary-dark-mode-color);
  --row-destructive-variant-pressed-state-side-text-primary-light-mode-color: var(--row-destructive-variant-normal-state-side-text-primary-light-mode-color);
  --row-destructive-variant-pressed-state-side-text-secondary-color: var(--row-destructive-variant-pressed-state-side-text-secondary-light-mode-color);
  --row-destructive-variant-pressed-state-side-text-secondary-dark-mode-color: var(--row-destructive-variant-normal-state-side-text-secondary-dark-mode-color);
  --row-destructive-variant-pressed-state-side-text-secondary-light-mode-color: var(--row-destructive-variant-normal-state-side-text-secondary-light-mode-color);
  --row-destructive-variant-pressed-state-subtext-color: var(--row-destructive-variant-pressed-state-subtext-light-mode-color);
  --row-destructive-variant-pressed-state-subtext-dark-mode-color: var(--row-destructive-variant-normal-state-subtext-dark-mode-color);
  --row-destructive-variant-pressed-state-subtext-light-mode-color: var(--row-destructive-variant-normal-state-subtext-light-mode-color);
  --row-destructive-variant-pressed-state-tertiary-text-color: var(--row-destructive-variant-pressed-state-tertiary-text-light-mode-color);
  --row-destructive-variant-pressed-state-tertiary-text-dark-mode-color: var(--row-destructive-variant-normal-state-tertiary-text-dark-mode-color);
  --row-destructive-variant-pressed-state-tertiary-text-light-mode-color: var(--row-destructive-variant-normal-state-tertiary-text-light-mode-color);
  --row-destructive-variant-pressed-state-text-color: var(--row-destructive-variant-pressed-state-text-light-mode-color);
  --row-destructive-variant-pressed-state-text-dark-mode-color: var(--row-destructive-variant-normal-state-text-dark-mode-color);
  --row-destructive-variant-pressed-state-text-light-mode-color: var(--row-destructive-variant-normal-state-text-light-mode-color);
  --row-destructive-variant-selected-state-background-color: var(--row-destructive-variant-selected-state-background-light-mode-color);
  --row-destructive-variant-selected-state-background-dark-mode-color: var(--row-destructive-variant-hover-state-background-dark-mode-color);
  --row-destructive-variant-selected-state-background-light-mode-color: var(--row-destructive-variant-hover-state-background-light-mode-color);
  --row-destructive-variant-selected-state-drill-color: var(--row-destructive-variant-selected-state-drill-light-mode-color);
  --row-destructive-variant-selected-state-drill-dark-mode-color: var(--row-destructive-variant-hover-state-drill-dark-mode-color);
  --row-destructive-variant-selected-state-drill-light-mode-color: var(--row-destructive-variant-hover-state-drill-light-mode-color);
  --row-destructive-variant-selected-state-icon-color: var(--row-destructive-variant-selected-state-icon-light-mode-color);
  --row-destructive-variant-selected-state-icon-dark-mode-color: var(--row-destructive-variant-hover-state-icon-dark-mode-color);
  --row-destructive-variant-selected-state-icon-light-mode-color: var(--row-destructive-variant-hover-state-icon-light-mode-color);
  --row-destructive-variant-selected-state-separator-color: var(--row-destructive-variant-selected-state-separator-light-mode-color);
  --row-destructive-variant-selected-state-separator-dark-mode-color: var(--row-destructive-variant-hover-state-separator-dark-mode-color);
  --row-destructive-variant-selected-state-separator-light-mode-color: var(--row-destructive-variant-hover-state-separator-light-mode-color);
  --row-destructive-variant-selected-state-side-text-primary-color: var(--row-destructive-variant-selected-state-side-text-primary-light-mode-color);
  --row-destructive-variant-selected-state-side-text-primary-dark-mode-color: var(--row-destructive-variant-hover-state-side-text-primary-dark-mode-color);
  --row-destructive-variant-selected-state-side-text-primary-light-mode-color: var(--row-destructive-variant-hover-state-side-text-primary-light-mode-color);
  --row-destructive-variant-selected-state-side-text-secondary-color: var(--row-destructive-variant-selected-state-side-text-secondary-light-mode-color);
  --row-destructive-variant-selected-state-side-text-secondary-dark-mode-color: var(--row-destructive-variant-hover-state-side-text-secondary-dark-mode-color);
  --row-destructive-variant-selected-state-side-text-secondary-light-mode-color: var(--row-destructive-variant-hover-state-side-text-secondary-light-mode-color);
  --row-destructive-variant-selected-state-subtext-color: var(--row-destructive-variant-selected-state-subtext-light-mode-color);
  --row-destructive-variant-selected-state-subtext-dark-mode-color: var(--row-destructive-variant-hover-state-subtext-dark-mode-color);
  --row-destructive-variant-selected-state-subtext-light-mode-color: var(--row-destructive-variant-hover-state-subtext-light-mode-color);
  --row-destructive-variant-selected-state-tertiary-text-color: var(--row-destructive-variant-selected-state-tertiary-text-light-mode-color);
  --row-destructive-variant-selected-state-tertiary-text-dark-mode-color: var(--row-destructive-variant-hover-state-tertiary-text-dark-mode-color);
  --row-destructive-variant-selected-state-tertiary-text-light-mode-color: var(--row-destructive-variant-hover-state-tertiary-text-light-mode-color);
  --row-destructive-variant-selected-state-text-color: var(--row-destructive-variant-selected-state-text-light-mode-color);
  --row-destructive-variant-selected-state-text-dark-mode-color: var(--row-destructive-variant-hover-state-text-dark-mode-color);
  --row-destructive-variant-selected-state-text-light-mode-color: var(--row-destructive-variant-hover-state-text-light-mode-color);
  --row-destructive-variant-separator-height: var(--row-normal-variant-separator-height);
  --row-disabled-state-background-color: var(--row-disabled-state-background-light-mode-color);
  --row-disabled-state-background-dark-mode-color: var(--row-normal-variant-disabled-state-background-dark-mode-color);
  --row-disabled-state-background-light-mode-color: var(--row-normal-variant-disabled-state-background-light-mode-color);
  --row-disabled-state-drill-color: var(--row-disabled-state-drill-light-mode-color);
  --row-disabled-state-drill-dark-mode-color: var(--row-normal-variant-disabled-state-drill-dark-mode-color);
  --row-disabled-state-drill-light-mode-color: var(--row-normal-variant-disabled-state-drill-light-mode-color);
  --row-disabled-state-image-opacity: var(--row-normal-variant-disabled-state-image-opacity);
  --row-disabled-state-leading-accessory-opacity: var(--row-normal-variant-disabled-state-leading-accessory-opacity);
  --row-disabled-state-separator-color: var(--row-disabled-state-separator-light-mode-color);
  --row-disabled-state-separator-dark-mode-color: var(--row-normal-variant-disabled-state-separator-dark-mode-color);
  --row-disabled-state-separator-light-mode-color: var(--row-normal-variant-disabled-state-separator-light-mode-color);
  --row-disabled-state-side-text-primary-color: var(--row-disabled-state-side-text-primary-light-mode-color);
  --row-disabled-state-side-text-primary-dark-mode-color: var(--row-normal-variant-disabled-state-side-text-primary-dark-mode-color);
  --row-disabled-state-side-text-primary-light-mode-color: var(--row-normal-variant-disabled-state-side-text-primary-light-mode-color);
  --row-disabled-state-side-text-secondary-color: var(--row-disabled-state-side-text-secondary-light-mode-color);
  --row-disabled-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-disabled-state-side-text-secondary-dark-mode-color);
  --row-disabled-state-side-text-secondary-light-mode-color: var(--row-normal-variant-disabled-state-side-text-secondary-light-mode-color);
  --row-disabled-state-subtext-color: var(--row-disabled-state-subtext-light-mode-color);
  --row-disabled-state-subtext-dark-mode-color: var(--row-normal-variant-disabled-state-subtext-dark-mode-color);
  --row-disabled-state-subtext-light-mode-color: var(--row-normal-variant-disabled-state-subtext-light-mode-color);
  --row-disabled-state-tertiary-text-color: var(--row-disabled-state-tertiary-text-light-mode-color);
  --row-disabled-state-tertiary-text-dark-mode-color: var(--row-normal-variant-disabled-state-tertiary-text-dark-mode-color);
  --row-disabled-state-tertiary-text-light-mode-color: var(--row-normal-variant-disabled-state-tertiary-text-light-mode-color);
  --row-disabled-state-text-color: var(--row-disabled-state-text-light-mode-color);
  --row-disabled-state-text-dark-mode-color: var(--row-normal-variant-disabled-state-text-dark-mode-color);
  --row-disabled-state-text-light-mode-color: var(--row-normal-variant-disabled-state-text-light-mode-color);
  --row-focus-ring-border-size: var(--core-focus-ring-border-size);
  --row-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);
  --row-focus-ring-color: var(--row-light-mode-focus-ring-color);
  --row-focus-ring-radius: 6px;
  --row-focus-state-background-color: var(--row-focus-state-background-light-mode-color);
  --row-focus-state-background-dark-mode-color: var(--row-normal-variant-focus-state-background-dark-mode-color);
  --row-focus-state-background-light-mode-color: var(--row-normal-variant-focus-state-background-light-mode-color);
  --row-focus-state-drill-color: var(--row-focus-state-drill-light-mode-color);
  --row-focus-state-drill-dark-mode-color: var(--row-normal-variant-focus-state-drill-dark-mode-color);
  --row-focus-state-drill-light-mode-color: var(--row-normal-variant-focus-state-drill-light-mode-color);
  --row-focus-state-icon-color: var(--row-focus-state-icon-light-mode-color);
  --row-focus-state-icon-dark-mode-color: var(--row-normal-variant-focus-state-icon-dark-mode-color);
  --row-focus-state-icon-light-mode-color: var(--row-normal-variant-focus-state-icon-light-mode-color);
  --row-focus-state-separator-color: var(--row-focus-state-separator-light-mode-color);
  --row-focus-state-separator-dark-mode-color: var(--row-normal-variant-focus-state-separator-dark-mode-color);
  --row-focus-state-separator-light-mode-color: var(--row-normal-variant-focus-state-separator-light-mode-color);
  --row-focus-state-side-text-primary-color: var(--row-focus-state-side-text-primary-light-mode-color);
  --row-focus-state-side-text-primary-dark-mode-color: var(--row-normal-variant-focus-state-side-text-primary-dark-mode-color);
  --row-focus-state-side-text-primary-light-mode-color: var(--row-normal-variant-focus-state-side-text-primary-light-mode-color);
  --row-focus-state-side-text-secondary-color: var(--row-focus-state-side-text-secondary-light-mode-color);
  --row-focus-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-focus-state-side-text-secondary-dark-mode-color);
  --row-focus-state-side-text-secondary-light-mode-color: var(--row-normal-variant-focus-state-side-text-secondary-light-mode-color);
  --row-focus-state-subtext-color: var(--row-focus-state-subtext-light-mode-color);
  --row-focus-state-subtext-dark-mode-color: var(--row-normal-variant-focus-state-subtext-dark-mode-color);
  --row-focus-state-subtext-light-mode-color: var(--row-normal-variant-focus-state-subtext-light-mode-color);
  --row-focus-state-tertiary-text-color: var(--row-focus-state-tertiary-text-light-mode-color);
  --row-focus-state-tertiary-text-dark-mode-color: var(--row-normal-variant-focus-state-tertiary-text-dark-mode-color);
  --row-focus-state-tertiary-text-light-mode-color: var(--row-normal-variant-focus-state-tertiary-text-light-mode-color);
  --row-focus-state-text-color: var(--row-focus-state-text-light-mode-color);
  --row-focus-state-text-dark-mode-color: var(--row-normal-variant-focus-state-text-dark-mode-color);
  --row-focus-state-text-light-mode-color: var(--row-normal-variant-focus-state-text-light-mode-color);
  --row-horizontal-spacing: 12px;
  --row-hover-state-background-color: var(--row-hover-state-background-light-mode-color);
  --row-hover-state-background-dark-mode-color: var(--row-normal-variant-hover-state-background-dark-mode-color);
  --row-hover-state-background-light-mode-color: var(--row-normal-variant-hover-state-background-light-mode-color);
  --row-hover-state-drill-color: var(--row-hover-state-drill-light-mode-color);
  --row-hover-state-drill-dark-mode-color: var(--row-normal-variant-hover-state-drill-dark-mode-color);
  --row-hover-state-drill-light-mode-color: var(--row-normal-variant-hover-state-drill-light-mode-color);
  --row-hover-state-icon-color: var(--row-hover-state-icon-light-mode-color);
  --row-hover-state-icon-dark-mode-color: var(--row-normal-variant-hover-state-icon-dark-mode-color);
  --row-hover-state-icon-light-mode-color: var(--row-normal-variant-hover-state-icon-light-mode-color);
  --row-hover-state-separator-color: var(--row-hover-state-separator-light-mode-color);
  --row-hover-state-separator-dark-mode-color: var(--row-normal-variant-hover-state-separator-dark-mode-color);
  --row-hover-state-separator-light-mode-color: var(--row-normal-variant-hover-state-separator-light-mode-color);
  --row-hover-state-side-text-primary-color: var(--row-hover-state-side-text-primary-light-mode-color);
  --row-hover-state-side-text-primary-dark-mode-color: var(--row-normal-variant-hover-state-side-text-primary-dark-mode-color);
  --row-hover-state-side-text-primary-light-mode-color: var(--row-normal-variant-hover-state-side-text-primary-light-mode-color);
  --row-hover-state-side-text-secondary-color: var(--row-hover-state-side-text-secondary-light-mode-color);
  --row-hover-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-hover-state-side-text-secondary-dark-mode-color);
  --row-hover-state-side-text-secondary-light-mode-color: var(--row-normal-variant-hover-state-side-text-secondary-light-mode-color);
  --row-hover-state-subtext-color: var(--row-hover-state-subtext-light-mode-color);
  --row-hover-state-subtext-dark-mode-color: var(--row-normal-variant-hover-state-subtext-dark-mode-color);
  --row-hover-state-subtext-light-mode-color: var(--row-normal-variant-hover-state-subtext-light-mode-color);
  --row-hover-state-tertiary-text-color: var(--row-hover-state-tertiary-text-light-mode-color);
  --row-hover-state-tertiary-text-dark-mode-color: var(--row-normal-variant-hover-state-tertiary-text-dark-mode-color);
  --row-hover-state-tertiary-text-light-mode-color: var(--row-normal-variant-hover-state-tertiary-text-light-mode-color);
  --row-hover-state-text-color: var(--row-hover-state-text-light-mode-color);
  --row-hover-state-text-dark-mode-color: var(--row-normal-variant-hover-state-text-dark-mode-color);
  --row-hover-state-text-light-mode-color: var(--row-normal-variant-hover-state-text-light-mode-color);
  --row-light-mode-focus-ring-color: var(--row-normal-variant-light-mode-focus-ring-color);
  --row-medium-size-side-text-primary-case: var(--core-type-paragraph-30-case);
  --row-medium-size-side-text-primary-font-family: var(--core-type-paragraph-30-font-family);
  --row-medium-size-side-text-primary-leading: var(--core-type-paragraph-30-leading);
  --row-medium-size-side-text-primary-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --row-medium-size-side-text-primary-scale: var(--core-type-paragraph-30-scale);
  --row-medium-size-side-text-primary-size: var(--core-type-paragraph-30-size);
  --row-medium-size-side-text-primary-tracking: var(--core-type-paragraph-30-tracking);
  --row-medium-size-side-text-primary-weight: var(--core-type-paragraph-30-weight);
  --row-medium-size-side-text-secondary-case: var(--core-type-paragraph-20-case);
  --row-medium-size-side-text-secondary-font-family: var(--core-type-paragraph-20-font-family);
  --row-medium-size-side-text-secondary-leading: var(--core-type-paragraph-20-leading);
  --row-medium-size-side-text-secondary-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --row-medium-size-side-text-secondary-scale: var(--core-type-paragraph-20-scale);
  --row-medium-size-side-text-secondary-size: var(--core-type-paragraph-20-size);
  --row-medium-size-side-text-secondary-tracking: var(--core-type-paragraph-20-tracking);
  --row-medium-size-side-text-secondary-weight: var(--core-type-paragraph-20-weight);
  --row-medium-size-subtext-case: var(--core-type-paragraph-20-case);
  --row-medium-size-subtext-font-family: var(--core-type-paragraph-20-font-family);
  --row-medium-size-subtext-leading: var(--core-type-paragraph-20-leading);
  --row-medium-size-subtext-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --row-medium-size-subtext-scale: var(--core-type-paragraph-20-scale);
  --row-medium-size-subtext-size: var(--core-type-paragraph-20-size);
  --row-medium-size-subtext-tracking: var(--core-type-paragraph-20-tracking);
  --row-medium-size-subtext-weight: var(--core-type-paragraph-20-weight);
  --row-medium-size-tertiary-text-case: var(--core-type-paragraph-20-case);
  --row-medium-size-tertiary-text-font-family: var(--core-type-paragraph-20-font-family);
  --row-medium-size-tertiary-text-leading: var(--core-type-paragraph-20-leading);
  --row-medium-size-tertiary-text-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --row-medium-size-tertiary-text-scale: var(--core-type-paragraph-20-scale);
  --row-medium-size-tertiary-text-size: var(--core-type-paragraph-20-size);
  --row-medium-size-tertiary-text-tracking: var(--core-type-paragraph-20-tracking);
  --row-medium-size-tertiary-text-weight: var(--core-type-paragraph-20-weight);
  --row-medium-size-text-case: var(--core-type-medium-30-case);
  --row-medium-size-text-font-family: var(--core-type-medium-30-font-family);
  --row-medium-size-text-leading: var(--core-type-medium-30-leading);
  --row-medium-size-text-number-spacing: var(--core-type-medium-30-number-spacing);
  --row-medium-size-text-scale: var(--core-type-medium-30-scale);
  --row-medium-size-text-size: var(--core-type-medium-30-size);
  --row-medium-size-text-tracking: var(--core-type-medium-30-tracking);
  --row-medium-size-text-vertical-gap: var(--core-metrics-spacing-25);
  --row-medium-size-text-vertical-spacing: 2px;
  --row-medium-size-text-weight: var(--core-type-medium-30-weight);
  --row-medium-size-vertical-bottom-accessory-gap: var(--core-metrics-spacing-150);
  --row-medium-size-vertical-padding: var(--core-metrics-spacing-200);
  --row-normal-state-background-color: var(--row-normal-state-background-light-mode-color);
  --row-normal-state-background-dark-mode-color: var(--row-normal-variant-normal-state-background-dark-mode-color);
  --row-normal-state-background-light-mode-color: var(--row-normal-variant-normal-state-background-light-mode-color);
  --row-normal-state-drill-color: var(--row-normal-state-drill-light-mode-color);
  --row-normal-state-drill-dark-mode-color: var(--row-normal-variant-normal-state-drill-dark-mode-color);
  --row-normal-state-drill-light-mode-color: var(--row-normal-variant-normal-state-drill-light-mode-color);
  --row-normal-state-icon-color: var(--row-normal-state-icon-light-mode-color);
  --row-normal-state-icon-dark-mode-color: var(--row-normal-variant-normal-state-icon-dark-mode-color);
  --row-normal-state-icon-light-mode-color: var(--row-normal-variant-normal-state-icon-light-mode-color);
  --row-normal-state-separator-color: var(--row-normal-state-separator-light-mode-color);
  --row-normal-state-separator-dark-mode-color: var(--row-normal-variant-normal-state-separator-dark-mode-color);
  --row-normal-state-separator-light-mode-color: var(--row-normal-variant-normal-state-separator-light-mode-color);
  --row-normal-state-side-text-primary-color: var(--row-normal-state-side-text-primary-light-mode-color);
  --row-normal-state-side-text-primary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color);
  --row-normal-state-side-text-primary-light-mode-color: var(--row-normal-variant-normal-state-side-text-primary-light-mode-color);
  --row-normal-state-side-text-secondary-color: var(--row-normal-state-side-text-secondary-light-mode-color);
  --row-normal-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color);
  --row-normal-state-side-text-secondary-light-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color);
  --row-normal-state-subtext-color: var(--row-normal-state-subtext-light-mode-color);
  --row-normal-state-subtext-dark-mode-color: var(--row-normal-variant-normal-state-subtext-dark-mode-color);
  --row-normal-state-subtext-light-mode-color: var(--row-normal-variant-normal-state-subtext-light-mode-color);
  --row-normal-state-tertiary-text-color: var(--row-normal-state-tertiary-text-light-mode-color);
  --row-normal-state-tertiary-text-dark-mode-color: var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color);
  --row-normal-state-tertiary-text-light-mode-color: var(--row-normal-variant-normal-state-tertiary-text-light-mode-color);
  --row-normal-state-text-color: var(--row-normal-state-text-light-mode-color);
  --row-normal-state-text-dark-mode-color: var(--row-normal-variant-normal-state-text-dark-mode-color);
  --row-normal-state-text-light-mode-color: var(--row-normal-variant-normal-state-text-light-mode-color);
  --row-normal-variant-background-horizontal-outset-padding: var(--core-metrics-spacing-100);
  --row-normal-variant-background-radius: var(--core-radius-10);
  --row-normal-variant-background-vertical-outset-padding: 0px;
  --row-normal-variant-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);
  --row-normal-variant-disabled-state-background-color: var(--row-normal-variant-disabled-state-background-light-mode-color);
  --row-normal-variant-disabled-state-background-dark-mode-color: var(--row-normal-variant-normal-state-background-dark-mode-color);
  --row-normal-variant-disabled-state-background-light-mode-color: var(--row-normal-variant-normal-state-background-light-mode-color);
  --row-normal-variant-disabled-state-drill-color: var(--row-normal-variant-disabled-state-drill-light-mode-color);
  --row-normal-variant-disabled-state-drill-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --row-normal-variant-disabled-state-drill-light-mode-color: var(--core-fill-30-light-mode-color);
  --row-normal-variant-disabled-state-image-opacity: var(--row-normal-variant-disabled-state-leading-accessory-opacity);
  --row-normal-variant-disabled-state-leading-accessory-opacity: var(--core-opacity-disabled-state);
  --row-normal-variant-disabled-state-separator-color: var(--row-normal-variant-disabled-state-separator-light-mode-color);
  --row-normal-variant-disabled-state-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);
  --row-normal-variant-disabled-state-separator-light-mode-color: var(--core-divider-20-light-mode-color);
  --row-normal-variant-disabled-state-side-text-primary-color: var(--row-normal-variant-disabled-state-side-text-primary-light-mode-color);
  --row-normal-variant-disabled-state-side-text-primary-dark-mode-color: var(--core-text-30-dark-mode-color);
  --row-normal-variant-disabled-state-side-text-primary-light-mode-color: var(--core-text-30-light-mode-color);
  --row-normal-variant-disabled-state-side-text-secondary-color: var(--row-normal-variant-disabled-state-side-text-secondary-light-mode-color);
  --row-normal-variant-disabled-state-side-text-secondary-dark-mode-color: var(--core-text-30-dark-mode-color);
  --row-normal-variant-disabled-state-side-text-secondary-light-mode-color: var(--core-text-30-light-mode-color);
  --row-normal-variant-disabled-state-subtext-color: var(--row-normal-variant-disabled-state-subtext-light-mode-color);
  --row-normal-variant-disabled-state-subtext-dark-mode-color: var(--core-text-30-dark-mode-color);
  --row-normal-variant-disabled-state-subtext-light-mode-color: var(--core-text-30-light-mode-color);
  --row-normal-variant-disabled-state-tertiary-text-color: var(--row-normal-variant-disabled-state-tertiary-text-light-mode-color);
  --row-normal-variant-disabled-state-tertiary-text-dark-mode-color: var(--core-text-30-dark-mode-color);
  --row-normal-variant-disabled-state-tertiary-text-light-mode-color: var(--core-text-30-light-mode-color);
  --row-normal-variant-disabled-state-text-color: var(--row-normal-variant-disabled-state-text-light-mode-color);
  --row-normal-variant-disabled-state-text-dark-mode-color: var(--core-text-30-dark-mode-color);
  --row-normal-variant-disabled-state-text-light-mode-color: var(--core-text-30-light-mode-color);
  --row-normal-variant-focus-ring-color: var(--row-normal-variant-light-mode-focus-ring-color);
  --row-normal-variant-focus-state-background-color: var(--row-normal-variant-focus-state-background-light-mode-color);
  --row-normal-variant-focus-state-background-dark-mode-color: var(--row-normal-variant-hover-state-background-dark-mode-color);
  --row-normal-variant-focus-state-background-light-mode-color: var(--row-normal-variant-hover-state-background-light-mode-color);
  --row-normal-variant-focus-state-drill-color: var(--row-normal-variant-focus-state-drill-light-mode-color);
  --row-normal-variant-focus-state-drill-dark-mode-color: var(--row-normal-variant-hover-state-drill-dark-mode-color);
  --row-normal-variant-focus-state-drill-light-mode-color: var(--row-normal-variant-hover-state-drill-light-mode-color);
  --row-normal-variant-focus-state-icon-color: var(--row-normal-variant-focus-state-icon-light-mode-color);
  --row-normal-variant-focus-state-icon-dark-mode-color: var(--row-normal-variant-hover-state-icon-dark-mode-color);
  --row-normal-variant-focus-state-icon-light-mode-color: var(--row-normal-variant-hover-state-icon-light-mode-color);
  --row-normal-variant-focus-state-separator-color: var(--row-normal-variant-focus-state-separator-light-mode-color);
  --row-normal-variant-focus-state-separator-dark-mode-color: var(--row-normal-variant-hover-state-separator-dark-mode-color);
  --row-normal-variant-focus-state-separator-light-mode-color: var(--row-normal-variant-hover-state-separator-light-mode-color);
  --row-normal-variant-focus-state-side-text-primary-color: var(--row-normal-variant-focus-state-side-text-primary-light-mode-color);
  --row-normal-variant-focus-state-side-text-primary-dark-mode-color: var(--row-normal-variant-hover-state-side-text-primary-dark-mode-color);
  --row-normal-variant-focus-state-side-text-primary-light-mode-color: var(--row-normal-variant-hover-state-side-text-primary-light-mode-color);
  --row-normal-variant-focus-state-side-text-secondary-color: var(--row-normal-variant-focus-state-side-text-secondary-light-mode-color);
  --row-normal-variant-focus-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-hover-state-side-text-secondary-dark-mode-color);
  --row-normal-variant-focus-state-side-text-secondary-light-mode-color: var(--row-normal-variant-hover-state-side-text-secondary-light-mode-color);
  --row-normal-variant-focus-state-subtext-color: var(--row-normal-variant-focus-state-subtext-light-mode-color);
  --row-normal-variant-focus-state-subtext-dark-mode-color: var(--row-normal-variant-hover-state-subtext-dark-mode-color);
  --row-normal-variant-focus-state-subtext-light-mode-color: var(--row-normal-variant-hover-state-subtext-light-mode-color);
  --row-normal-variant-focus-state-tertiary-text-color: var(--row-normal-variant-focus-state-tertiary-text-light-mode-color);
  --row-normal-variant-focus-state-tertiary-text-dark-mode-color: var(--row-normal-variant-hover-state-tertiary-text-dark-mode-color);
  --row-normal-variant-focus-state-tertiary-text-light-mode-color: var(--row-normal-variant-hover-state-tertiary-text-light-mode-color);
  --row-normal-variant-focus-state-text-color: var(--row-normal-variant-focus-state-text-light-mode-color);
  --row-normal-variant-focus-state-text-dark-mode-color: var(--row-normal-variant-hover-state-text-dark-mode-color);
  --row-normal-variant-focus-state-text-light-mode-color: var(--row-normal-variant-hover-state-text-light-mode-color);
  --row-normal-variant-hover-state-background-color: var(--row-normal-variant-hover-state-background-light-mode-color);
  --row-normal-variant-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --row-normal-variant-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --row-normal-variant-hover-state-drill-color: var(--row-normal-variant-hover-state-drill-light-mode-color);
  --row-normal-variant-hover-state-drill-dark-mode-color: var(--row-normal-variant-normal-state-drill-dark-mode-color);
  --row-normal-variant-hover-state-drill-light-mode-color: var(--row-normal-variant-normal-state-drill-light-mode-color);
  --row-normal-variant-hover-state-icon-color: var(--row-normal-variant-hover-state-icon-light-mode-color);
  --row-normal-variant-hover-state-icon-dark-mode-color: var(--row-normal-variant-normal-state-icon-dark-mode-color);
  --row-normal-variant-hover-state-icon-light-mode-color: var(--row-normal-variant-normal-state-icon-light-mode-color);
  --row-normal-variant-hover-state-separator-color: var(--row-normal-variant-hover-state-separator-light-mode-color);
  --row-normal-variant-hover-state-separator-dark-mode-color: transparent;
  --row-normal-variant-hover-state-separator-light-mode-color: transparent;
  --row-normal-variant-hover-state-side-text-primary-color: var(--row-normal-variant-hover-state-side-text-primary-light-mode-color);
  --row-normal-variant-hover-state-side-text-primary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color);
  --row-normal-variant-hover-state-side-text-primary-light-mode-color: var(--row-normal-variant-normal-state-side-text-primary-light-mode-color);
  --row-normal-variant-hover-state-side-text-secondary-color: var(--row-normal-variant-hover-state-side-text-secondary-light-mode-color);
  --row-normal-variant-hover-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color);
  --row-normal-variant-hover-state-side-text-secondary-light-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color);
  --row-normal-variant-hover-state-subtext-color: var(--row-normal-variant-hover-state-subtext-light-mode-color);
  --row-normal-variant-hover-state-subtext-dark-mode-color: var(--row-normal-variant-normal-state-subtext-dark-mode-color);
  --row-normal-variant-hover-state-subtext-light-mode-color: var(--row-normal-variant-normal-state-subtext-light-mode-color);
  --row-normal-variant-hover-state-tertiary-text-color: var(--row-normal-variant-hover-state-tertiary-text-light-mode-color);
  --row-normal-variant-hover-state-tertiary-text-dark-mode-color: var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color);
  --row-normal-variant-hover-state-tertiary-text-light-mode-color: var(--row-normal-variant-normal-state-tertiary-text-light-mode-color);
  --row-normal-variant-hover-state-text-color: var(--row-normal-variant-hover-state-text-light-mode-color);
  --row-normal-variant-hover-state-text-dark-mode-color: var(--row-normal-variant-normal-state-text-dark-mode-color);
  --row-normal-variant-hover-state-text-light-mode-color: var(--row-normal-variant-normal-state-text-light-mode-color);
  --row-normal-variant-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);
  --row-normal-variant-normal-state-background-color: var(--row-normal-variant-normal-state-background-light-mode-color);
  --row-normal-variant-normal-state-background-dark-mode-color: transparent;
  --row-normal-variant-normal-state-background-light-mode-color: transparent;
  --row-normal-variant-normal-state-drill-color: var(--row-normal-variant-normal-state-drill-light-mode-color);
  --row-normal-variant-normal-state-drill-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --row-normal-variant-normal-state-drill-light-mode-color: var(--core-fill-20-light-mode-color);
  --row-normal-variant-normal-state-icon-color: var(--row-normal-variant-normal-state-icon-light-mode-color);
  --row-normal-variant-normal-state-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --row-normal-variant-normal-state-icon-light-mode-color: var(--core-fill-10-light-mode-color);
  --row-normal-variant-normal-state-separator-color: var(--row-normal-variant-normal-state-separator-light-mode-color);
  --row-normal-variant-normal-state-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);
  --row-normal-variant-normal-state-separator-light-mode-color: var(--core-divider-20-light-mode-color);
  --row-normal-variant-normal-state-side-text-primary-color: var(--row-normal-variant-normal-state-side-text-primary-light-mode-color);
  --row-normal-variant-normal-state-side-text-primary-dark-mode-color: var(--core-text-10-dark-mode-color);
  --row-normal-variant-normal-state-side-text-primary-light-mode-color: var(--core-text-10-light-mode-color);
  --row-normal-variant-normal-state-side-text-secondary-color: var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color);
  --row-normal-variant-normal-state-side-text-secondary-dark-mode-color: var(--core-text-20-dark-mode-color);
  --row-normal-variant-normal-state-side-text-secondary-light-mode-color: var(--core-text-20-light-mode-color);
  --row-normal-variant-normal-state-subtext-color: var(--row-normal-variant-normal-state-subtext-light-mode-color);
  --row-normal-variant-normal-state-subtext-dark-mode-color: var(--core-text-20-dark-mode-color);
  --row-normal-variant-normal-state-subtext-light-mode-color: var(--core-text-20-light-mode-color);
  --row-normal-variant-normal-state-tertiary-text-color: var(--row-normal-variant-normal-state-tertiary-text-light-mode-color);
  --row-normal-variant-normal-state-tertiary-text-dark-mode-color: var(--core-text-20-dark-mode-color);
  --row-normal-variant-normal-state-tertiary-text-light-mode-color: var(--core-text-20-light-mode-color);
  --row-normal-variant-normal-state-text-color: var(--row-normal-variant-normal-state-text-light-mode-color);
  --row-normal-variant-normal-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --row-normal-variant-normal-state-text-light-mode-color: var(--core-text-10-light-mode-color);
  --row-normal-variant-pressed-state-background-color: var(--row-normal-variant-pressed-state-background-light-mode-color);
  --row-normal-variant-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --row-normal-variant-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --row-normal-variant-pressed-state-drill-color: var(--row-normal-variant-pressed-state-drill-light-mode-color);
  --row-normal-variant-pressed-state-drill-dark-mode-color: var(--row-normal-variant-normal-state-drill-dark-mode-color);
  --row-normal-variant-pressed-state-drill-light-mode-color: var(--row-normal-variant-normal-state-drill-light-mode-color);
  --row-normal-variant-pressed-state-icon-color: var(--row-normal-variant-pressed-state-icon-light-mode-color);
  --row-normal-variant-pressed-state-icon-dark-mode-color: var(--row-normal-variant-normal-state-icon-dark-mode-color);
  --row-normal-variant-pressed-state-icon-light-mode-color: var(--row-normal-variant-normal-state-icon-light-mode-color);
  --row-normal-variant-pressed-state-separator-color: var(--row-normal-variant-pressed-state-separator-light-mode-color);
  --row-normal-variant-pressed-state-separator-dark-mode-color: transparent;
  --row-normal-variant-pressed-state-separator-light-mode-color: transparent;
  --row-normal-variant-pressed-state-side-text-primary-color: var(--row-normal-variant-pressed-state-side-text-primary-light-mode-color);
  --row-normal-variant-pressed-state-side-text-primary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color);
  --row-normal-variant-pressed-state-side-text-primary-light-mode-color: var(--row-normal-variant-normal-state-side-text-primary-light-mode-color);
  --row-normal-variant-pressed-state-side-text-secondary-color: var(--row-normal-variant-pressed-state-side-text-secondary-light-mode-color);
  --row-normal-variant-pressed-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color);
  --row-normal-variant-pressed-state-side-text-secondary-light-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color);
  --row-normal-variant-pressed-state-subtext-color: var(--row-normal-variant-pressed-state-subtext-light-mode-color);
  --row-normal-variant-pressed-state-subtext-dark-mode-color: var(--row-normal-variant-normal-state-subtext-dark-mode-color);
  --row-normal-variant-pressed-state-subtext-light-mode-color: var(--row-normal-variant-normal-state-subtext-light-mode-color);
  --row-normal-variant-pressed-state-tertiary-text-color: var(--row-normal-variant-pressed-state-tertiary-text-light-mode-color);
  --row-normal-variant-pressed-state-tertiary-text-dark-mode-color: var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color);
  --row-normal-variant-pressed-state-tertiary-text-light-mode-color: var(--row-normal-variant-normal-state-tertiary-text-light-mode-color);
  --row-normal-variant-pressed-state-text-color: var(--row-normal-variant-pressed-state-text-light-mode-color);
  --row-normal-variant-pressed-state-text-dark-mode-color: var(--row-normal-variant-normal-state-text-dark-mode-color);
  --row-normal-variant-pressed-state-text-light-mode-color: var(--row-normal-variant-normal-state-text-light-mode-color);
  --row-normal-variant-selected-disabled-state-background-color: var(--row-normal-variant-selected-disabled-state-background-light-mode-color);
  --row-normal-variant-selected-disabled-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color);
  --row-normal-variant-selected-disabled-state-background-light-mode-color: var(--core-fill-50-light-mode-color);
  --row-normal-variant-selected-state-background-color: var(--row-normal-variant-selected-state-background-light-mode-color);
  --row-normal-variant-selected-state-background-dark-mode-color: var(--row-normal-variant-hover-state-background-dark-mode-color);
  --row-normal-variant-selected-state-background-light-mode-color: var(--row-normal-variant-hover-state-background-light-mode-color);
  --row-normal-variant-selected-state-drill-color: var(--row-normal-variant-selected-state-drill-light-mode-color);
  --row-normal-variant-selected-state-drill-dark-mode-color: var(--row-normal-variant-hover-state-drill-dark-mode-color);
  --row-normal-variant-selected-state-drill-light-mode-color: var(--row-normal-variant-hover-state-drill-light-mode-color);
  --row-normal-variant-selected-state-icon-color: var(--row-normal-variant-selected-state-icon-light-mode-color);
  --row-normal-variant-selected-state-icon-dark-mode-color: var(--row-normal-variant-hover-state-icon-dark-mode-color);
  --row-normal-variant-selected-state-icon-light-mode-color: var(--row-normal-variant-hover-state-icon-light-mode-color);
  --row-normal-variant-selected-state-separator-color: var(--row-normal-variant-selected-state-separator-light-mode-color);
  --row-normal-variant-selected-state-separator-dark-mode-color: transparent;
  --row-normal-variant-selected-state-separator-light-mode-color: transparent;
  --row-normal-variant-selected-state-side-text-primary-color: var(--row-normal-variant-selected-state-side-text-primary-light-mode-color);
  --row-normal-variant-selected-state-side-text-primary-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --row-normal-variant-selected-state-side-text-primary-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --row-normal-variant-selected-state-side-text-secondary-color: var(--row-normal-variant-selected-state-side-text-secondary-light-mode-color);
  --row-normal-variant-selected-state-side-text-secondary-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --row-normal-variant-selected-state-side-text-secondary-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --row-normal-variant-selected-state-subtext-color: var(--row-normal-variant-selected-state-subtext-light-mode-color);
  --row-normal-variant-selected-state-subtext-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --row-normal-variant-selected-state-subtext-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --row-normal-variant-selected-state-tertiary-text-color: var(--row-normal-variant-selected-state-tertiary-text-light-mode-color);
  --row-normal-variant-selected-state-tertiary-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --row-normal-variant-selected-state-tertiary-text-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --row-normal-variant-selected-state-text-color: var(--row-normal-variant-selected-state-text-light-mode-color);
  --row-normal-variant-selected-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --row-normal-variant-selected-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --row-normal-variant-separator-height: 1px;
  --row-pressed-state-background-color: var(--row-pressed-state-background-light-mode-color);
  --row-pressed-state-background-dark-mode-color: var(--row-normal-variant-pressed-state-background-dark-mode-color);
  --row-pressed-state-background-light-mode-color: var(--row-normal-variant-pressed-state-background-light-mode-color);
  --row-pressed-state-drill-color: var(--row-pressed-state-drill-light-mode-color);
  --row-pressed-state-drill-dark-mode-color: var(--row-normal-variant-pressed-state-drill-dark-mode-color);
  --row-pressed-state-drill-light-mode-color: var(--row-normal-variant-pressed-state-drill-light-mode-color);
  --row-pressed-state-icon-color: var(--row-pressed-state-icon-light-mode-color);
  --row-pressed-state-icon-dark-mode-color: var(--row-normal-variant-pressed-state-icon-dark-mode-color);
  --row-pressed-state-icon-light-mode-color: var(--row-normal-variant-pressed-state-icon-light-mode-color);
  --row-pressed-state-separator-color: var(--row-pressed-state-separator-light-mode-color);
  --row-pressed-state-separator-dark-mode-color: var(--row-normal-variant-pressed-state-separator-dark-mode-color);
  --row-pressed-state-separator-light-mode-color: var(--row-normal-variant-pressed-state-separator-light-mode-color);
  --row-pressed-state-side-text-primary-color: var(--row-pressed-state-side-text-primary-light-mode-color);
  --row-pressed-state-side-text-primary-dark-mode-color: var(--row-normal-variant-pressed-state-side-text-primary-dark-mode-color);
  --row-pressed-state-side-text-primary-light-mode-color: var(--row-normal-variant-pressed-state-side-text-primary-light-mode-color);
  --row-pressed-state-side-text-secondary-color: var(--row-pressed-state-side-text-secondary-light-mode-color);
  --row-pressed-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-pressed-state-side-text-secondary-dark-mode-color);
  --row-pressed-state-side-text-secondary-light-mode-color: var(--row-normal-variant-pressed-state-side-text-secondary-light-mode-color);
  --row-pressed-state-subtext-color: var(--row-pressed-state-subtext-light-mode-color);
  --row-pressed-state-subtext-dark-mode-color: var(--row-normal-variant-pressed-state-subtext-dark-mode-color);
  --row-pressed-state-subtext-light-mode-color: var(--row-normal-variant-pressed-state-subtext-light-mode-color);
  --row-pressed-state-tertiary-text-color: var(--row-pressed-state-tertiary-text-light-mode-color);
  --row-pressed-state-tertiary-text-dark-mode-color: var(--row-normal-variant-pressed-state-tertiary-text-dark-mode-color);
  --row-pressed-state-tertiary-text-light-mode-color: var(--row-normal-variant-pressed-state-tertiary-text-light-mode-color);
  --row-pressed-state-text-color: var(--row-pressed-state-text-light-mode-color);
  --row-pressed-state-text-dark-mode-color: var(--row-normal-variant-pressed-state-text-dark-mode-color);
  --row-pressed-state-text-light-mode-color: var(--row-normal-variant-pressed-state-text-light-mode-color);
  --row-selected-disabled-state-background-color: var(--row-selected-disabled-state-background-light-mode-color);
  --row-selected-disabled-state-background-dark-mode-color: var(--row-normal-variant-selected-disabled-state-background-dark-mode-color);
  --row-selected-disabled-state-background-light-mode-color: var(--row-normal-variant-selected-disabled-state-background-light-mode-color);
  --row-selected-state-background-color: var(--row-selected-state-background-light-mode-color);
  --row-selected-state-background-dark-mode-color: var(--row-normal-variant-selected-state-background-dark-mode-color);
  --row-selected-state-background-light-mode-color: var(--row-normal-variant-selected-state-background-light-mode-color);
  --row-selected-state-drill-color: var(--row-selected-state-drill-light-mode-color);
  --row-selected-state-drill-dark-mode-color: var(--row-normal-variant-selected-state-drill-dark-mode-color);
  --row-selected-state-drill-light-mode-color: var(--row-normal-variant-selected-state-drill-light-mode-color);
  --row-selected-state-icon-color: var(--row-selected-state-icon-light-mode-color);
  --row-selected-state-icon-dark-mode-color: var(--row-normal-variant-selected-state-icon-dark-mode-color);
  --row-selected-state-icon-light-mode-color: var(--row-normal-variant-selected-state-icon-light-mode-color);
  --row-selected-state-separator-color: var(--row-selected-state-separator-light-mode-color);
  --row-selected-state-separator-dark-mode-color: var(--row-normal-variant-selected-state-separator-dark-mode-color);
  --row-selected-state-separator-light-mode-color: var(--row-normal-variant-selected-state-separator-light-mode-color);
  --row-selected-state-side-text-primary-color: var(--row-selected-state-side-text-primary-light-mode-color);
  --row-selected-state-side-text-primary-dark-mode-color: var(--row-normal-variant-selected-state-side-text-primary-dark-mode-color);
  --row-selected-state-side-text-primary-light-mode-color: var(--row-normal-variant-selected-state-side-text-primary-light-mode-color);
  --row-selected-state-side-text-secondary-color: var(--row-selected-state-side-text-secondary-light-mode-color);
  --row-selected-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-selected-state-side-text-secondary-dark-mode-color);
  --row-selected-state-side-text-secondary-light-mode-color: var(--row-normal-variant-selected-state-side-text-secondary-light-mode-color);
  --row-selected-state-subtext-color: var(--row-selected-state-subtext-light-mode-color);
  --row-selected-state-subtext-dark-mode-color: var(--row-normal-variant-selected-state-subtext-dark-mode-color);
  --row-selected-state-subtext-light-mode-color: var(--row-normal-variant-selected-state-subtext-light-mode-color);
  --row-selected-state-tertiary-text-color: var(--row-selected-state-tertiary-text-light-mode-color);
  --row-selected-state-tertiary-text-dark-mode-color: var(--row-normal-variant-selected-state-tertiary-text-dark-mode-color);
  --row-selected-state-tertiary-text-light-mode-color: var(--row-normal-variant-selected-state-tertiary-text-light-mode-color);
  --row-selected-state-text-color: var(--row-selected-state-text-light-mode-color);
  --row-selected-state-text-dark-mode-color: var(--row-normal-variant-selected-state-text-dark-mode-color);
  --row-selected-state-text-light-mode-color: var(--row-normal-variant-selected-state-text-light-mode-color);
  --row-separator-height: var(--row-normal-variant-separator-height);
  --row-small-size-side-text-primary-case: var(--core-type-paragraph-20-case);
  --row-small-size-side-text-primary-font-family: var(--core-type-paragraph-20-font-family);
  --row-small-size-side-text-primary-leading: var(--core-type-paragraph-20-leading);
  --row-small-size-side-text-primary-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --row-small-size-side-text-primary-scale: var(--core-type-paragraph-20-scale);
  --row-small-size-side-text-primary-size: var(--core-type-paragraph-20-size);
  --row-small-size-side-text-primary-tracking: var(--core-type-paragraph-20-tracking);
  --row-small-size-side-text-primary-weight: var(--core-type-paragraph-20-weight);
  --row-small-size-side-text-secondary-case: var(--core-type-paragraph-10-case);
  --row-small-size-side-text-secondary-font-family: var(--core-type-paragraph-10-font-family);
  --row-small-size-side-text-secondary-leading: var(--core-type-paragraph-10-leading);
  --row-small-size-side-text-secondary-number-spacing: var(--core-type-paragraph-10-number-spacing);
  --row-small-size-side-text-secondary-scale: var(--core-type-paragraph-10-scale);
  --row-small-size-side-text-secondary-size: var(--core-type-paragraph-10-size);
  --row-small-size-side-text-secondary-tracking: var(--core-type-paragraph-10-tracking);
  --row-small-size-side-text-secondary-weight: var(--core-type-paragraph-10-weight);
  --row-small-size-subtext-case: var(--core-type-paragraph-10-case);
  --row-small-size-subtext-font-family: var(--core-type-paragraph-10-font-family);
  --row-small-size-subtext-leading: var(--core-type-paragraph-10-leading);
  --row-small-size-subtext-number-spacing: var(--core-type-paragraph-10-number-spacing);
  --row-small-size-subtext-scale: var(--core-type-paragraph-10-scale);
  --row-small-size-subtext-size: var(--core-type-paragraph-10-size);
  --row-small-size-subtext-tracking: var(--core-type-paragraph-10-tracking);
  --row-small-size-subtext-weight: var(--core-type-paragraph-10-weight);
  --row-small-size-tertiary-text-case: var(--core-type-paragraph-10-case);
  --row-small-size-tertiary-text-font-family: var(--core-type-paragraph-10-font-family);
  --row-small-size-tertiary-text-leading: var(--core-type-paragraph-10-leading);
  --row-small-size-tertiary-text-number-spacing: var(--core-type-paragraph-10-number-spacing);
  --row-small-size-tertiary-text-scale: var(--core-type-paragraph-10-scale);
  --row-small-size-tertiary-text-size: var(--core-type-paragraph-10-size);
  --row-small-size-tertiary-text-tracking: var(--core-type-paragraph-10-tracking);
  --row-small-size-tertiary-text-weight: var(--core-type-paragraph-10-weight);
  --row-small-size-text-case: var(--core-type-semibold-20-case);
  --row-small-size-text-font-family: var(--core-type-semibold-20-font-family);
  --row-small-size-text-leading: var(--core-type-semibold-20-leading);
  --row-small-size-text-number-spacing: var(--core-type-semibold-20-number-spacing);
  --row-small-size-text-scale: var(--core-type-semibold-20-scale);
  --row-small-size-text-size: var(--core-type-semibold-20-size);
  --row-small-size-text-tracking: var(--core-type-semibold-20-tracking);
  --row-small-size-text-vertical-gap: var(--row-medium-size-text-vertical-gap);
  --row-small-size-text-vertical-spacing: var(--row-medium-size-text-vertical-spacing);
  --row-small-size-text-weight: var(--core-type-semibold-20-weight);
  --row-small-size-vertical-bottom-accessory-gap: var(--row-medium-size-vertical-bottom-accessory-gap);
  --row-small-size-vertical-padding: var(--core-metrics-spacing-100);
  --row-text-accessory-spacing: 8px;

  /* ========== search ========== */
  --search-border-radius: var(--field-border-radius);
  --search-border-size: var(--field-border-size);
  --search-disabled-state-border-color: var(--search-disabled-state-border-light-mode-color);
  --search-disabled-state-border-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --search-disabled-state-border-light-mode-color: var(--core-fill-40-light-mode-color);
  --search-disabled-state-input-color: var(--search-disabled-state-input-light-mode-color);
  --search-disabled-state-input-dark-mode-color: var(--core-text-30-dark-mode-color);
  --search-disabled-state-input-light-mode-color: var(--core-text-30-light-mode-color);
  --search-disabled-state-leading-icon-color: var(--search-disabled-state-leading-icon-light-mode-color);
  --search-disabled-state-leading-icon-dark-mode-color: var(--core-text-30-dark-mode-color);
  --search-disabled-state-leading-icon-light-mode-color: var(--core-text-30-light-mode-color);
  --search-disabled-state-trailing-icon-color: var(--search-disabled-state-trailing-icon-light-mode-color);
  --search-disabled-state-trailing-icon-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --search-disabled-state-trailing-icon-light-mode-color: var(--core-fill-30-light-mode-color);
  --search-focused-state-border-color: var(--search-focused-state-border-light-mode-color);
  --search-focused-state-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --search-focused-state-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --search-focused-state-border-size: 2px;
  --search-hint-text-color: var(--search-hint-text-light-mode-color);
  --search-hint-text-dark-mode-color: var(--core-text-20-dark-mode-color);
  --search-hint-text-light-mode-color: var(--core-text-20-light-mode-color);
  --search-input-case: var(--field-input-case);
  --search-input-font-family: var(--field-input-font-family);
  --search-input-leading: var(--field-input-leading);
  --search-input-number-spacing: var(--field-input-number-spacing);
  --search-input-scale: var(--field-input-scale);
  --search-input-size: var(--field-input-size);
  --search-input-tracking: var(--field-input-tracking);
  --search-input-weight: var(--field-input-weight);
  --search-large-size-minimum-height: 56px;
  --search-large-size-padding-horizontal: var(--core-metrics-spacing-200);
  --search-large-size-padding-vertical: var(--core-metrics-spacing-150);
  --search-large-size-spacing-horizontal: var(--search-normal-size-spacing-horizontal);
  --search-large-size-tags-spacing-right: var(--search-normal-size-tags-spacing-right);
  --search-normal-size-minimum-height: 40px;
  --search-normal-size-padding-horizontal: var(--core-metrics-spacing-150);
  --search-normal-size-padding-vertical: var(--core-metrics-spacing-100);
  --search-normal-size-spacing-horizontal: var(--core-metrics-spacing-150);
  --search-normal-size-tags-spacing-right: var(--core-metrics-spacing-100);
  --search-normal-state-border-color: var(--search-normal-state-border-light-mode-color);
  --search-normal-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --search-normal-state-border-light-mode-color: var(--core-fill-30-light-mode-color);
  --search-normal-state-input-color: var(--search-normal-state-input-light-mode-color);
  --search-normal-state-input-dark-mode-color: var(--core-text-10-dark-mode-color);
  --search-normal-state-input-light-mode-color: var(--core-text-10-light-mode-color);
  --search-normal-state-leading-icon-color: var(--search-normal-state-leading-icon-light-mode-color);
  --search-normal-state-leading-icon-dark-mode-color: var(--core-text-10-dark-mode-color);
  --search-normal-state-leading-icon-light-mode-color: var(--core-text-10-light-mode-color);
  --search-normal-state-trailing-icon-color: var(--search-normal-state-trailing-icon-light-mode-color);
  --search-normal-state-trailing-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --search-normal-state-trailing-icon-light-mode-color: var(--core-fill-20-light-mode-color);

  /* ========== segmentedControl ========== */
  --segmented-control-animation-duration: var(--core-animation-exit-transition-slow-speed-duration);
  --segmented-control-animation-easing: var(--core-animation-exit-transition-easing);
  --segmented-control-background-disabled-state-color: var(--segmented-control-background-disabled-state-light-mode-color);
  --segmented-control-background-disabled-state-dark-mode-color: var(--segmented-control-disabled-state-background-dark-mode-color);
  --segmented-control-background-disabled-state-light-mode-color: var(--segmented-control-disabled-state-background-light-mode-color);
  --segmented-control-background-normal-state-color: var(--segmented-control-background-normal-state-light-mode-color);
  --segmented-control-background-normal-state-dark-mode-color: var(--segmented-control-normal-state-background-dark-mode-color);
  --segmented-control-background-normal-state-light-mode-color: var(--segmented-control-normal-state-background-light-mode-color);
  --segmented-control-background-radius: var(--segmented-control-radius);
  --segmented-control-disabled-state-background-color: var(--segmented-control-disabled-state-background-light-mode-color);
  --segmented-control-disabled-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --segmented-control-disabled-state-background-light-mode-color: var(--core-fill-40-light-mode-color);
  --segmented-control-horizontal-padding: var(--core-metrics-spacing-50);
  --segmented-control-minimum-height: var(--core-medium-size-minimum-height);
  --segmented-control-normal-state-background-color: var(--segmented-control-normal-state-background-light-mode-color);
  --segmented-control-normal-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --segmented-control-normal-state-background-light-mode-color: var(--core-fill-40-light-mode-color);
  --segmented-control-option-background-disabled-state-color: var(--segmented-control-option-background-disabled-state-light-mode-color);
  --segmented-control-option-background-disabled-state-dark-mode-color: transparent;
  --segmented-control-option-background-disabled-state-light-mode-color: transparent;
  --segmented-control-option-background-hover-state-color: var(--segmented-control-option-background-hover-state-light-mode-color);
  --segmented-control-option-background-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --segmented-control-option-background-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --segmented-control-option-background-normal-state-color: var(--segmented-control-option-background-normal-state-light-mode-color);
  --segmented-control-option-background-normal-state-dark-mode-color: transparent;
  --segmented-control-option-background-normal-state-light-mode-color: transparent;
  --segmented-control-option-background-pressed-state-color: var(--segmented-control-option-background-pressed-state-light-mode-color);
  --segmented-control-option-background-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --segmented-control-option-background-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --segmented-control-option-background-radius: var(--segmented-control-option-radius);
  --segmented-control-option-background-selected-state-color: var(--segmented-control-option-background-selected-state-light-mode-color);
  --segmented-control-option-background-selected-state-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --segmented-control-option-background-selected-state-light-mode-color: var(--core-fill-white-light-mode-color);
  --segmented-control-option-background-selected-value-disabled-state-color: var(--segmented-control-option-background-selected-value-disabled-state-light-mode-color);
  --segmented-control-option-background-selected-value-disabled-state-dark-mode-color: var(--segmented-control-option-selected-value-disabled-state-background-dark-mode-color);
  --segmented-control-option-background-selected-value-disabled-state-light-mode-color: var(--segmented-control-option-selected-value-disabled-state-background-light-mode-color);
  --segmented-control-option-background-selected-value-hover-state-color: var(--segmented-control-option-background-selected-value-hover-state-light-mode-color);
  --segmented-control-option-background-selected-value-hover-state-dark-mode-color: var(--segmented-control-option-selected-value-hover-state-background-dark-mode-color);
  --segmented-control-option-background-selected-value-hover-state-light-mode-color: var(--segmented-control-option-selected-value-hover-state-background-light-mode-color);
  --segmented-control-option-background-selected-value-normal-state-color: var(--segmented-control-option-background-selected-value-normal-state-light-mode-color);
  --segmented-control-option-background-selected-value-normal-state-dark-mode-color: var(--segmented-control-option-selected-value-normal-state-background-dark-mode-color);
  --segmented-control-option-background-selected-value-normal-state-light-mode-color: var(--segmented-control-option-selected-value-normal-state-background-light-mode-color);
  --segmented-control-option-background-selected-value-pressed-state-color: var(--segmented-control-option-background-selected-value-pressed-state-light-mode-color);
  --segmented-control-option-background-selected-value-pressed-state-dark-mode-color: var(--segmented-control-option-selected-value-pressed-state-background-dark-mode-color);
  --segmented-control-option-background-selected-value-pressed-state-light-mode-color: var(--segmented-control-option-selected-value-pressed-state-background-light-mode-color);
  --segmented-control-option-background-unselected-value-disabled-state-color: var(--segmented-control-option-background-unselected-value-disabled-state-light-mode-color);
  --segmented-control-option-background-unselected-value-disabled-state-dark-mode-color: var(--segmented-control-option-unselected-value-disabled-state-dark-mode-background-color);
  --segmented-control-option-background-unselected-value-disabled-state-light-mode-color: var(--segmented-control-option-unselected-value-disabled-state-light-mode-background-color);
  --segmented-control-option-background-unselected-value-hover-state-color: var(--segmented-control-option-background-unselected-value-hover-state-light-mode-color);
  --segmented-control-option-background-unselected-value-hover-state-dark-mode-color: var(--segmented-control-option-unselected-value-hover-state-dark-mode-background-color);
  --segmented-control-option-background-unselected-value-hover-state-light-mode-color: var(--segmented-control-option-unselected-value-hover-state-light-mode-background-color);
  --segmented-control-option-background-unselected-value-normal-state-color: var(--segmented-control-option-background-unselected-value-normal-state-light-mode-color);
  --segmented-control-option-background-unselected-value-normal-state-dark-mode-color: var(--segmented-control-option-unselected-value-normal-state-dark-mode-background-color);
  --segmented-control-option-background-unselected-value-normal-state-light-mode-color: var(--segmented-control-option-unselected-value-normal-state-light-mode-background-color);
  --segmented-control-option-background-unselected-value-pressed-state-color: var(--segmented-control-option-background-unselected-value-pressed-state-light-mode-color);
  --segmented-control-option-background-unselected-value-pressed-state-dark-mode-color: var(--segmented-control-option-unselected-value-pressed-state-dark-mode-background-color);
  --segmented-control-option-background-unselected-value-pressed-state-light-mode-color: var(--segmented-control-option-unselected-value-pressed-state-light-mode-background-color);
  --segmented-control-option-badge-disabled-state-opacity: var(--segmented-control-option-unselected-value-disabled-state-badge-opacity);
  --segmented-control-option-badge-hover-state-opacity: var(--segmented-control-option-unselected-value-hover-state-badge-opacity);
  --segmented-control-option-badge-normal-state-opacity: var(--segmented-control-option-unselected-value-normal-state-badge-opacity);
  --segmented-control-option-badge-pressed-state-opacity: var(--segmented-control-option-unselected-value-pressed-state-badge-opacity);
  --segmented-control-option-badge-selected-state-opacity: var(--segmented-control-option-selected-value-normal-state-badge-opacity);
  --segmented-control-option-horizontal-gap: var(--core-metrics-spacing-100);
  --segmented-control-option-horizontal-padding: var(--core-metrics-spacing-100);
  --segmented-control-option-label-case: var(--core-type-semibold-30-case);
  --segmented-control-option-label-disabled-state-color: var(--segmented-control-option-label-disabled-state-light-mode-color);
  --segmented-control-option-label-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);
  --segmented-control-option-label-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);
  --segmented-control-option-label-font-family: var(--core-type-semibold-30-font-family);
  --segmented-control-option-label-hover-state-color: var(--segmented-control-option-label-hover-state-light-mode-color);
  --segmented-control-option-label-hover-state-dark-mode-color: var(--segmented-control-option-label-normal-state-dark-mode-color);
  --segmented-control-option-label-hover-state-light-mode-color: var(--segmented-control-option-label-normal-state-light-mode-color);
  --segmented-control-option-label-leading: var(--core-type-semibold-30-leading);
  --segmented-control-option-label-normal-state-color: var(--segmented-control-option-label-normal-state-light-mode-color);
  --segmented-control-option-label-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --segmented-control-option-label-normal-state-light-mode-color: var(--core-text-10-light-mode-color);
  --segmented-control-option-label-number-spacing: var(--core-type-semibold-30-number-spacing);
  --segmented-control-option-label-pressed-state-color: var(--segmented-control-option-label-pressed-state-light-mode-color);
  --segmented-control-option-label-pressed-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --segmented-control-option-label-pressed-state-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --segmented-control-option-label-scale: var(--core-type-semibold-30-scale);
  --segmented-control-option-label-selected-state-color: var(--segmented-control-option-label-selected-state-light-mode-color);
  --segmented-control-option-label-selected-state-dark-mode-color: var(--segmented-control-option-label-normal-state-dark-mode-color);
  --segmented-control-option-label-selected-state-light-mode-color: var(--segmented-control-option-label-normal-state-light-mode-color);
  --segmented-control-option-label-selected-value-disabled-state-color: var(--segmented-control-option-label-selected-value-disabled-state-light-mode-color);
  --segmented-control-option-label-selected-value-disabled-state-dark-mode-color: var(--segmented-control-option-selected-value-disabled-state-label-dark-mode-color);
  --segmented-control-option-label-selected-value-disabled-state-light-mode-color: var(--segmented-control-option-selected-value-disabled-state-label-light-mode-color);
  --segmented-control-option-label-selected-value-hover-state-color: var(--segmented-control-option-label-selected-value-hover-state-light-mode-color);
  --segmented-control-option-label-selected-value-hover-state-dark-mode-color: var(--segmented-control-option-selected-value-hover-state-label-dark-mode-color);
  --segmented-control-option-label-selected-value-hover-state-light-mode-color: var(--segmented-control-option-selected-value-hover-state-label-light-mode-color);
  --segmented-control-option-label-selected-value-normal-state-color: var(--segmented-control-option-label-selected-value-normal-state-light-mode-color);
  --segmented-control-option-label-selected-value-normal-state-dark-mode-color: var(--segmented-control-option-selected-value-normal-state-label-dark-mode-color);
  --segmented-control-option-label-selected-value-normal-state-light-mode-color: var(--segmented-control-option-selected-value-normal-state-label-light-mode-color);
  --segmented-control-option-label-selected-value-pressed-state-color: var(--segmented-control-option-label-selected-value-pressed-state-light-mode-color);
  --segmented-control-option-label-selected-value-pressed-state-dark-mode-color: var(--segmented-control-option-selected-value-pressed-state-label-dark-mode-color);
  --segmented-control-option-label-selected-value-pressed-state-light-mode-color: var(--segmented-control-option-selected-value-pressed-state-label-light-mode-color);
  --segmented-control-option-label-size: var(--core-type-semibold-30-size);
  --segmented-control-option-label-tracking: var(--core-type-semibold-30-tracking);
  --segmented-control-option-label-unselected-value-disabled-state-color: var(--segmented-control-option-label-unselected-value-disabled-state-light-mode-color);
  --segmented-control-option-label-unselected-value-disabled-state-dark-mode-color: var(--segmented-control-option-unselected-value-disabled-state-label-dark-mode-color);
  --segmented-control-option-label-unselected-value-disabled-state-light-mode-color: var(--segmented-control-option-unselected-value-disabled-state-label-light-mode-color);
  --segmented-control-option-label-unselected-value-hover-state-color: var(--segmented-control-option-label-unselected-value-hover-state-light-mode-color);
  --segmented-control-option-label-unselected-value-hover-state-dark-mode-color: var(--segmented-control-option-unselected-value-hover-state-label-dark-mode-color);
  --segmented-control-option-label-unselected-value-hover-state-light-mode-color: var(--segmented-control-option-unselected-value-hover-state-label-light-mode-color);
  --segmented-control-option-label-unselected-value-normal-state-color: var(--segmented-control-option-label-unselected-value-normal-state-light-mode-color);
  --segmented-control-option-label-unselected-value-normal-state-dark-mode-color: var(--segmented-control-option-unselected-value-normal-state-label-dark-mode-color);
  --segmented-control-option-label-unselected-value-normal-state-light-mode-color: var(--segmented-control-option-unselected-value-normal-state-label-light-mode-color);
  --segmented-control-option-label-unselected-value-pressed-state-color: var(--segmented-control-option-label-unselected-value-pressed-state-light-mode-color);
  --segmented-control-option-label-unselected-value-pressed-state-dark-mode-color: var(--segmented-control-option-unselected-value-pressed-state-label-dark-mode-color);
  --segmented-control-option-label-unselected-value-pressed-state-light-mode-color: var(--segmented-control-option-unselected-value-pressed-state-label-light-mode-color);
  --segmented-control-option-label-weight: var(--core-type-semibold-30-weight);
  --segmented-control-option-minimum-height: var(--core-small-size-minimum-height);
  --segmented-control-option-padding-horizontal: var(--segmented-control-option-horizontal-padding);
  --segmented-control-option-padding-vertical: var(--segmented-control-option-vertical-padding);
  --segmented-control-option-radius: var(--core-radius-66);
  --segmented-control-option-selected-value-disabled-state-background-color: var(--segmented-control-option-selected-value-disabled-state-background-light-mode-color);
  --segmented-control-option-selected-value-disabled-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --segmented-control-option-selected-value-disabled-state-background-light-mode-color: var(--core-surface-30-light-mode-color);
  --segmented-control-option-selected-value-disabled-state-badge-opacity: var(--core-opacity-disabled-state);
  --segmented-control-option-selected-value-disabled-state-label-color: var(--segmented-control-option-selected-value-disabled-state-label-light-mode-color);
  --segmented-control-option-selected-value-disabled-state-label-dark-mode-color: var(--core-text-30-dark-mode-color);
  --segmented-control-option-selected-value-disabled-state-label-light-mode-color: var(--core-text-30-light-mode-color);
  --segmented-control-option-selected-value-hover-state-background-color: var(--segmented-control-option-selected-value-hover-state-background-light-mode-color);
  --segmented-control-option-selected-value-hover-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --segmented-control-option-selected-value-hover-state-background-light-mode-color: var(--core-surface-30-light-mode-color);
  --segmented-control-option-selected-value-hover-state-badge-opacity: var(--core-opacity-hover-state);
  --segmented-control-option-selected-value-hover-state-label-color: var(--segmented-control-option-selected-value-hover-state-label-light-mode-color);
  --segmented-control-option-selected-value-hover-state-label-dark-mode-color: var(--core-text-10-dark-mode-color);
  --segmented-control-option-selected-value-hover-state-label-light-mode-color: var(--core-text-10-light-mode-color);
  --segmented-control-option-selected-value-normal-state-background-color: var(--segmented-control-option-selected-value-normal-state-background-light-mode-color);
  --segmented-control-option-selected-value-normal-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --segmented-control-option-selected-value-normal-state-background-light-mode-color: var(--core-surface-30-light-mode-color);
  --segmented-control-option-selected-value-normal-state-badge-opacity: 1;
  --segmented-control-option-selected-value-normal-state-label-color: var(--segmented-control-option-selected-value-normal-state-label-light-mode-color);
  --segmented-control-option-selected-value-normal-state-label-dark-mode-color: var(--core-text-10-dark-mode-color);
  --segmented-control-option-selected-value-normal-state-label-light-mode-color: var(--core-text-10-light-mode-color);
  --segmented-control-option-selected-value-pressed-state-background-color: var(--segmented-control-option-selected-value-pressed-state-background-light-mode-color);
  --segmented-control-option-selected-value-pressed-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --segmented-control-option-selected-value-pressed-state-background-light-mode-color: var(--core-surface-30-light-mode-color);
  --segmented-control-option-selected-value-pressed-state-badge-opacity: var(--core-opacity-pressed-state);
  --segmented-control-option-selected-value-pressed-state-label-color: var(--segmented-control-option-selected-value-pressed-state-label-light-mode-color);
  --segmented-control-option-selected-value-pressed-state-label-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --segmented-control-option-selected-value-pressed-state-label-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --segmented-control-option-spacing-horizontal: var(--segmented-control-option-horizontal-gap);
  --segmented-control-option-unselected-value-disabled-state-background-color: var(--segmented-control-option-unselected-value-disabled-state-light-mode-background-color);
  --segmented-control-option-unselected-value-disabled-state-badge-opacity: var(--core-opacity-disabled-state);
  --segmented-control-option-unselected-value-disabled-state-dark-mode-background-color: transparent;
  --segmented-control-option-unselected-value-disabled-state-label-color: var(--segmented-control-option-unselected-value-disabled-state-label-light-mode-color);
  --segmented-control-option-unselected-value-disabled-state-label-dark-mode-color: var(--core-text-30-dark-mode-color);
  --segmented-control-option-unselected-value-disabled-state-label-light-mode-color: var(--core-text-30-light-mode-color);
  --segmented-control-option-unselected-value-disabled-state-light-mode-background-color: transparent;
  --segmented-control-option-unselected-value-hover-state-background-color: var(--segmented-control-option-unselected-value-hover-state-light-mode-background-color);
  --segmented-control-option-unselected-value-hover-state-badge-opacity: var(--core-opacity-hover-state);
  --segmented-control-option-unselected-value-hover-state-dark-mode-background-color: transparent;
  --segmented-control-option-unselected-value-hover-state-label-color: var(--segmented-control-option-unselected-value-hover-state-label-light-mode-color);
  --segmented-control-option-unselected-value-hover-state-label-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --segmented-control-option-unselected-value-hover-state-label-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --segmented-control-option-unselected-value-hover-state-light-mode-background-color: transparent;
  --segmented-control-option-unselected-value-normal-state-background-color: var(--segmented-control-option-unselected-value-normal-state-light-mode-background-color);
  --segmented-control-option-unselected-value-normal-state-badge-opacity: var(--core-opacity-normal-state);
  --segmented-control-option-unselected-value-normal-state-dark-mode-background-color: transparent;
  --segmented-control-option-unselected-value-normal-state-label-color: var(--segmented-control-option-unselected-value-normal-state-label-light-mode-color);
  --segmented-control-option-unselected-value-normal-state-label-dark-mode-color: var(--core-text-10-dark-mode-color);
  --segmented-control-option-unselected-value-normal-state-label-light-mode-color: var(--core-text-10-light-mode-color);
  --segmented-control-option-unselected-value-normal-state-light-mode-background-color: transparent;
  --segmented-control-option-unselected-value-pressed-state-background-color: var(--segmented-control-option-unselected-value-pressed-state-light-mode-background-color);
  --segmented-control-option-unselected-value-pressed-state-badge-opacity: var(--core-opacity-pressed-state);
  --segmented-control-option-unselected-value-pressed-state-dark-mode-background-color: transparent;
  --segmented-control-option-unselected-value-pressed-state-label-color: var(--segmented-control-option-unselected-value-pressed-state-label-light-mode-color);
  --segmented-control-option-unselected-value-pressed-state-label-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --segmented-control-option-unselected-value-pressed-state-label-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --segmented-control-option-unselected-value-pressed-state-light-mode-background-color: transparent;
  --segmented-control-option-vertical-padding: var(--core-metrics-spacing-100);
  --segmented-control-padding-horizontal: var(--segmented-control-horizontal-padding);
  --segmented-control-padding-vertical: var(--segmented-control-vertical-padding);
  --segmented-control-radius: var(--core-radius-100);
  --segmented-control-vertical-padding: var(--core-metrics-spacing-50);

  /* ========== select ========== */
  --select-caret-color: var(--select-caret-light-mode-color);
  --select-caret-dark-mode-color: var(--select-disclosure-indicator-dark-mode-color);
  --select-caret-icon-height: var(--select-disclosure-indicator-icon-height);
  --select-caret-light-mode-color: var(--select-disclosure-indicator-light-mode-color);
  --select-disclosure-indicator-color: var(--select-disclosure-indicator-light-mode-color);
  --select-disclosure-indicator-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --select-disclosure-indicator-icon-height: 8px;
  --select-disclosure-indicator-light-mode-color: var(--core-fill-20-light-mode-color);

  /* ========== skeleton-loader ========== */
  --skeleton-loader-animation-duration: 3.00s;
  --skeleton-loader-animation-easing: cubic-bezier(0.0, 0.0, 1.0, 1.0);
  --skeleton-loader-border-radius: var(--core-radius-10);
  --skeleton-loader-fill-color: var(--skeleton-loader-fill-light-mode-color);
  --skeleton-loader-fill-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --skeleton-loader-fill-light-mode-color: var(--core-fill-40-light-mode-color);
  --skeleton-loader-gradient-1-color: var(--skeleton-loader-gradient-light-mode-1-color);
  --skeleton-loader-gradient-2-color: var(--skeleton-loader-gradient-light-mode-2-color);
  --skeleton-loader-gradient-3-color: var(--skeleton-loader-gradient-light-mode-3-color);
  --skeleton-loader-gradient-dark-mode-1-color: rgba(255,255,255,0.0);
  --skeleton-loader-gradient-dark-mode-2-color: rgba(255,255,255,0.1);
  --skeleton-loader-gradient-dark-mode-3-color: rgba(255,255,255,0.15);
  --skeleton-loader-gradient-light-mode-1-color: rgba(0, 0, 0, 0.0);
  --skeleton-loader-gradient-light-mode-2-color: rgba(0, 0, 0, 0.05);
  --skeleton-loader-gradient-light-mode-3-color: rgba(0, 0, 0, 0.08);
  --skeleton-loader-gradient-width-ratio: 0.5;

  /* ========== stepper ========== */
  --stepper-border-radius: var(--field-border-radius);
  --stepper-button-border-radius: 4px;
  --stepper-button-decrement-height: var(--stepper-button-increment-height);
  --stepper-button-decrement-scale: var(--stepper-button-increment-scale);
  --stepper-button-decrement-width: var(--stepper-button-increment-width);
  --stepper-button-disabled-state-background-color: var(--stepper-button-disabled-state-light-mode-background-color);
  --stepper-button-disabled-state-dark-mode-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);
  --stepper-button-disabled-state-dark-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);
  --stepper-button-disabled-state-icon-color: var(--stepper-button-disabled-state-light-mode-icon-color);
  --stepper-button-disabled-state-light-mode-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);
  --stepper-button-disabled-state-light-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);
  --stepper-button-focus-state-background-color: var(--stepper-button-focus-state-light-mode-background-color);
  --stepper-button-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);
  --stepper-button-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);
  --stepper-button-focus-state-icon-color: var(--stepper-button-focus-state-light-mode-icon-color);
  --stepper-button-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color);
  --stepper-button-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);
  --stepper-button-hover-state-background-color: var(--stepper-button-hover-state-light-mode-background-color);
  --stepper-button-hover-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);
  --stepper-button-hover-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);
  --stepper-button-hover-state-icon-color: var(--stepper-button-hover-state-light-mode-icon-color);
  --stepper-button-hover-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color);
  --stepper-button-hover-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);
  --stepper-button-increment-height: 16px;
  --stepper-button-increment-scale: var(--core-type-semibold-20-scale);
  --stepper-button-increment-width: 16px;
  --stepper-button-minimum-height: 24px;
  --stepper-button-normal-state-background-color: var(--stepper-button-normal-state-light-mode-background-color);
  --stepper-button-normal-state-dark-mode-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);
  --stepper-button-normal-state-dark-mode-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);
  --stepper-button-normal-state-icon-color: var(--stepper-button-normal-state-light-mode-icon-color);
  --stepper-button-normal-state-light-mode-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color);
  --stepper-button-normal-state-light-mode-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);
  --stepper-button-padding-size: 4px;
  --stepper-button-pressed-state-background-color: var(--stepper-button-pressed-state-light-mode-background-color);
  --stepper-button-pressed-state-dark-mode-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);
  --stepper-button-pressed-state-dark-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);
  --stepper-button-pressed-state-icon-color: var(--stepper-button-pressed-state-light-mode-icon-color);
  --stepper-button-pressed-state-light-mode-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);
  --stepper-button-pressed-state-light-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);
  --stepper-button-width-multiplier: 1;
  --stepper-disabled-state-background-color: var(--stepper-disabled-state-background-light-mode-color);
  --stepper-disabled-state-background-dark-mode-color: var(--field-disabled-state-dark-mode-background-color);
  --stepper-disabled-state-background-light-mode-color: var(--field-disabled-state-light-mode-background-color);
  --stepper-disabled-state-border-color: var(--stepper-disabled-state-border-light-mode-color);
  --stepper-disabled-state-border-dark-mode-color: var(--field-disabled-state-dark-mode-border-color);
  --stepper-disabled-state-border-light-mode-color: var(--field-disabled-state-light-mode-border-color);
  --stepper-disabled-state-border-size: var(--field-border-size);
  --stepper-focus-state-background-color: var(--stepper-focus-state-background-light-mode-color);
  --stepper-focus-state-background-dark-mode-color: var(--field-focus-state-dark-mode-background-color);
  --stepper-focus-state-background-light-mode-color: var(--field-focus-state-light-mode-background-color);
  --stepper-focus-state-border-size: var(--field-focus-state-border-size);
  --stepper-focus-state-invalid-validity-color: var(--stepper-focus-state-invalid-validity-light-mode-color);
  --stepper-focus-state-invalid-validity-dark-mode-color: var(--field-focus-state-invalid-validity-dark-mode-border-color);
  --stepper-focus-state-invalid-validity-light-mode-color: var(--field-focus-state-invalid-validity-light-mode-border-color);
  --stepper-focus-state-normal-validity-color: var(--stepper-focus-state-normal-validity-light-mode-color);
  --stepper-focus-state-normal-validity-dark-mode-color: var(--field-focus-state-normal-validity-dark-mode-border-color);
  --stepper-focus-state-normal-validity-light-mode-color: var(--field-focus-state-normal-validity-light-mode-border-color);
  --stepper-horizontal-spacing: 12px;
  --stepper-hover-state-background-color: var(--stepper-hover-state-background-light-mode-color);
  --stepper-hover-state-background-dark-mode-color: var(--field-hover-state-dark-mode-background-color);
  --stepper-hover-state-background-light-mode-color: var(--field-hover-state-light-mode-background-color);
  --stepper-hover-state-border-size: var(--field-border-size);
  --stepper-hover-state-invalid-validity-color: var(--stepper-hover-state-invalid-validity-light-mode-color);
  --stepper-hover-state-invalid-validity-dark-mode-color: var(--field-hover-state-invalid-validity-dark-mode-border-color);
  --stepper-hover-state-invalid-validity-light-mode-color: var(--field-hover-state-invalid-validity-light-mode-border-color);
  --stepper-hover-state-normal-validity-color: var(--stepper-hover-state-normal-validity-light-mode-color);
  --stepper-hover-state-normal-validity-dark-mode-color: var(--field-hover-state-normal-validity-dark-mode-border-color);
  --stepper-hover-state-normal-validity-light-mode-color: var(--field-hover-state-normal-validity-light-mode-border-color);
  --stepper-normal-state-background-color: var(--stepper-normal-state-background-light-mode-color);
  --stepper-normal-state-background-dark-mode-color: var(--field-normal-state-dark-mode-background-color);
  --stepper-normal-state-background-light-mode-color: var(--field-normal-state-light-mode-background-color);
  --stepper-normal-state-border-size: var(--field-border-size);
  --stepper-normal-state-invalid-validity-color: var(--stepper-normal-state-invalid-validity-light-mode-color);
  --stepper-normal-state-invalid-validity-dark-mode-color: var(--field-normal-state-invalid-validity-dark-mode-border-color);
  --stepper-normal-state-invalid-validity-light-mode-color: var(--field-normal-state-invalid-validity-light-mode-border-color);
  --stepper-normal-state-normal-validity-color: var(--stepper-normal-state-normal-validity-light-mode-color);
  --stepper-normal-state-normal-validity-dark-mode-color: var(--field-normal-state-normal-validity-dark-mode-border-color);
  --stepper-normal-state-normal-validity-light-mode-color: var(--field-normal-state-normal-validity-light-mode-border-color);
  --stepper-padding-size: 12px;
  --stepper-quantity-input-field-minimum-width-multiplier: 1.66;
  --stepper-quantity-input-field-value-text-case: var(--core-type-paragraph-30-case);
  --stepper-quantity-input-field-value-text-disabled-state-color: var(--stepper-quantity-input-field-value-text-disabled-state-light-mode-color);
  --stepper-quantity-input-field-value-text-disabled-state-dark-mode-color: var(--core-text-20-dark-mode-color);
  --stepper-quantity-input-field-value-text-disabled-state-light-mode-color: var(--core-text-20-light-mode-color);
  --stepper-quantity-input-field-value-text-font-family: var(--core-type-paragraph-30-font-family);
  --stepper-quantity-input-field-value-text-leading: var(--core-type-paragraph-30-leading);
  --stepper-quantity-input-field-value-text-normal-state-color: var(--stepper-quantity-input-field-value-text-normal-state-light-mode-color);
  --stepper-quantity-input-field-value-text-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --stepper-quantity-input-field-value-text-normal-state-light-mode-color: var(--core-text-10-light-mode-color);
  --stepper-quantity-input-field-value-text-number-spacing: 'monospaced';
  --stepper-quantity-input-field-value-text-placeholder-color: var(--stepper-quantity-input-field-value-text-placeholder-light-mode-color);
  --stepper-quantity-input-field-value-text-placeholder-dark-mode-color: var(--core-text-20-dark-mode-color);
  --stepper-quantity-input-field-value-text-placeholder-light-mode-color: var(--core-text-20-light-mode-color);
  --stepper-quantity-input-field-value-text-scale: var(--core-type-paragraph-30-scale);
  --stepper-quantity-input-field-value-text-size: var(--core-type-paragraph-30-size);
  --stepper-quantity-input-field-value-text-tracking: var(--core-type-paragraph-30-tracking);
  --stepper-quantity-input-field-value-text-weight: var(--core-type-paragraph-30-weight);

  /* ========== sticky-section-header ========== */
  --sticky-section-header-background-color: var(--sticky-section-header-background-light-mode-color);
  --sticky-section-header-background-dark-mode-color: var(--core-surface-5-dark-mode-color);
  --sticky-section-header-background-light-mode-color: var(--core-surface-5-light-mode-color);
  --sticky-section-header-horizontal-spacing: var(--core-metrics-spacing-100);
  --sticky-section-header-separator-color: var(--sticky-section-header-separator-light-mode-color);
  --sticky-section-header-separator-dark-mode-color: var(--core-divider-10-dark-mode-color);
  --sticky-section-header-separator-height: 1px;
  --sticky-section-header-separator-light-mode-color: var(--core-divider-10-light-mode-color);
  --sticky-section-header-text-case: var(--core-type-heading-10-case);
  --sticky-section-header-text-color: var(--sticky-section-header-text-light-mode-color);
  --sticky-section-header-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --sticky-section-header-text-font-family: var(--core-type-heading-10-font-family);
  --sticky-section-header-text-leading: var(--core-type-heading-10-leading);
  --sticky-section-header-text-light-mode-color: var(--core-text-10-light-mode-color);
  --sticky-section-header-text-link-color: var(--sticky-section-header-text-link-light-mode-color);
  --sticky-section-header-text-link-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --sticky-section-header-text-link-disabled-state-opacity: var(--text-link-disabled-state-opacity);
  --sticky-section-header-text-link-hover-state-opacity: var(--text-link-hover-state-opacity);
  --sticky-section-header-text-link-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --sticky-section-header-text-link-normal-state-opacity: var(--text-link-normal-state-opacity);
  --sticky-section-header-text-link-pressed-state-opacity: var(--text-link-pressed-state-opacity);
  --sticky-section-header-text-link-text-case: var(--text-link-small-size-text-case);
  --sticky-section-header-text-link-text-font-family: var(--text-link-small-size-text-font-family);
  --sticky-section-header-text-link-text-leading: var(--text-link-small-size-text-leading);
  --sticky-section-header-text-link-text-number-spacing: var(--text-link-small-size-text-number-spacing);
  --sticky-section-header-text-link-text-scale: var(--text-link-small-size-text-scale);
  --sticky-section-header-text-link-text-size: var(--text-link-small-size-text-size);
  --sticky-section-header-text-link-text-tracking: var(--text-link-small-size-text-tracking);
  --sticky-section-header-text-link-text-weight: var(--text-link-small-size-text-weight);
  --sticky-section-header-text-link-vertical-padding: 0px;
  --sticky-section-header-text-number-spacing: var(--core-type-heading-10-number-spacing);
  --sticky-section-header-text-scale: var(--core-type-heading-10-scale);
  --sticky-section-header-text-size: var(--core-type-heading-10-size);
  --sticky-section-header-text-tracking: var(--core-type-heading-10-tracking);
  --sticky-section-header-text-weight: var(--core-type-heading-10-weight);
  --sticky-section-header-vertical-padding: 9px;

  /* ========== subtle-button ========== */
  --subtle-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-disabled-state-icon-light-mode-color);
  --subtle-button-destructive-variant-primary-rank-disabled-state-icon-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --subtle-button-destructive-variant-primary-rank-disabled-state-icon-light-mode-color: var(--core-fill-30-light-mode-color);
  --subtle-button-destructive-variant-primary-rank-hover-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-hover-state-icon-light-mode-color);
  --subtle-button-destructive-variant-primary-rank-hover-state-icon-dark-mode-color: var(--core-critical-fill-dark-mode-color);
  --subtle-button-destructive-variant-primary-rank-hover-state-icon-light-mode-color: var(--core-critical-fill-light-mode-color);
  --subtle-button-destructive-variant-primary-rank-normal-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-normal-state-icon-light-mode-color);
  --subtle-button-destructive-variant-primary-rank-normal-state-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --subtle-button-destructive-variant-primary-rank-normal-state-icon-light-mode-color: var(--core-fill-20-light-mode-color);
  --subtle-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-pressed-state-icon-light-mode-color);
  --subtle-button-destructive-variant-primary-rank-pressed-state-icon-dark-mode-color: var(--core-critical-10-dark-mode-color);
  --subtle-button-destructive-variant-primary-rank-pressed-state-icon-light-mode-color: var(--core-critical-10-light-mode-color);
  --subtle-button-horizontal-spacing-size: var(--core-metrics-spacing-100);
  --subtle-button-minimum-height: 24px;
  --subtle-button-normal-variant-primary-rank-disabled-state-icon-color: var(--subtle-button-normal-variant-primary-rank-disabled-state-icon-light-mode-color);
  --subtle-button-normal-variant-primary-rank-disabled-state-icon-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --subtle-button-normal-variant-primary-rank-disabled-state-icon-light-mode-color: var(--core-fill-30-light-mode-color);
  --subtle-button-normal-variant-primary-rank-hover-state-icon-color: var(--subtle-button-normal-variant-primary-rank-hover-state-icon-light-mode-color);
  --subtle-button-normal-variant-primary-rank-hover-state-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --subtle-button-normal-variant-primary-rank-hover-state-icon-light-mode-color: var(--core-fill-10-light-mode-color);
  --subtle-button-normal-variant-primary-rank-normal-state-icon-color: var(--subtle-button-normal-variant-primary-rank-normal-state-icon-light-mode-color);
  --subtle-button-normal-variant-primary-rank-normal-state-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --subtle-button-normal-variant-primary-rank-normal-state-icon-light-mode-color: var(--core-fill-20-light-mode-color);
  --subtle-button-normal-variant-primary-rank-pressed-state-icon-color: var(--subtle-button-normal-variant-primary-rank-pressed-state-icon-light-mode-color);
  --subtle-button-normal-variant-primary-rank-pressed-state-icon-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --subtle-button-normal-variant-primary-rank-pressed-state-icon-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --subtle-button-padding-size: 0px;
  --subtle-button-width-multiplier: 1;

  /* ========== swipe-action ========== */
  --swipe-action-corner-radius: var(--core-radius-100);
  --swipe-action-destructive-variant-background-color: var(--swipe-action-destructive-variant-background-light-mode-color);
  --swipe-action-destructive-variant-background-dark-mode-color: var(--core-critical-fill-dark-mode-color);
  --swipe-action-destructive-variant-background-light-mode-color: var(--core-critical-fill-light-mode-color);
  --swipe-action-destructive-variant-foreground-color: var(--swipe-action-destructive-variant-foreground-light-mode-color);
  --swipe-action-destructive-variant-foreground-dark-mode-color: var(--core-text-white-dark-mode-color);
  --swipe-action-destructive-variant-foreground-light-mode-color: var(--core-text-white-light-mode-color);
  --swipe-action-primary-variant-background-color: var(--swipe-action-primary-variant-background-light-mode-color);
  --swipe-action-primary-variant-background-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --swipe-action-primary-variant-background-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --swipe-action-primary-variant-foreground-color: var(--swipe-action-primary-variant-foreground-light-mode-color);
  --swipe-action-primary-variant-foreground-dark-mode-color: var(--core-text-white-dark-mode-color);
  --swipe-action-primary-variant-foreground-light-mode-color: var(--core-text-white-light-mode-color);
  --swipe-action-secondary-variant-background-color: var(--swipe-action-secondary-variant-background-light-mode-color);
  --swipe-action-secondary-variant-background-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --swipe-action-secondary-variant-background-light-mode-color: var(--core-fill-40-light-mode-color);
  --swipe-action-secondary-variant-foreground-color: var(--swipe-action-secondary-variant-foreground-light-mode-color);
  --swipe-action-secondary-variant-foreground-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --swipe-action-secondary-variant-foreground-light-mode-color: var(--core-emphasis-text-light-mode-color);

  /* ========== tabbar ========== */
  --tabbar-accessory-disabled-state-content-color: var(--tabbar-accessory-disabled-state-content-light-mode-color);
  --tabbar-accessory-disabled-state-content-dark-mode-color: var(--core-text-30-dark-mode-color);
  --tabbar-accessory-disabled-state-content-light-mode-color: var(--core-text-30-light-mode-color);
  --tabbar-accessory-hover-state-content-color: var(--tabbar-accessory-hover-state-content-light-mode-color);
  --tabbar-accessory-hover-state-content-dark-mode-color: var(--core-text-10-dark-mode-color);
  --tabbar-accessory-hover-state-content-light-mode-color: var(--core-text-10-light-mode-color);
  --tabbar-accessory-normal-state-content-color: var(--tabbar-accessory-normal-state-content-light-mode-color);
  --tabbar-accessory-normal-state-content-dark-mode-color: var(--core-text-10-dark-mode-color);
  --tabbar-accessory-normal-state-content-light-mode-color: var(--core-text-10-light-mode-color);
  --tabbar-accessory-pressed-state-content-color: var(--tabbar-accessory-pressed-state-content-light-mode-color);
  --tabbar-accessory-pressed-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --tabbar-accessory-pressed-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --tabbar-background-color: var(--tabbar-background-light-mode-color);
  --tabbar-background-dark-mode-color: var(--core-surface-5-dark-mode-color);
  --tabbar-background-light-mode-color: var(--core-surface-5-light-mode-color);
  --tabbar-bottom-label-style-item-spacing: var(--tabbar-icon-only-style-item-spacing);
  --tabbar-bottom-label-style-padding-bottom: var(--tabbar-icon-only-style-padding-bottom);
  --tabbar-bottom-label-style-padding-left: var(--tabbar-icon-only-style-padding-left);
  --tabbar-bottom-label-style-padding-right: var(--tabbar-icon-only-style-padding-right);
  --tabbar-bottom-label-style-padding-top: var(--tabbar-icon-only-style-padding-top);
  --tabbar-divider-color: var(--tabbar-divider-light-mode-color);
  --tabbar-divider-dark-mode-color: var(--core-divider-20-dark-mode-color);
  --tabbar-divider-light-mode-color: var(--core-divider-20-light-mode-color);
  --tabbar-divider-size: var(--core-border-10);
  --tabbar-icon-only-style-item-spacing: var(--core-metrics-spacing-50);
  --tabbar-icon-only-style-padding-bottom: var(--core-metrics-spacing-50);
  --tabbar-icon-only-style-padding-left: var(--core-metrics-spacing-50);
  --tabbar-icon-only-style-padding-right: var(--core-metrics-spacing-50);
  --tabbar-icon-only-style-padding-top: var(--core-metrics-spacing-50);
  --tabbar-item-bottom-label-style-icon-size-height: var(--core-icon-medium-size-height);
  --tabbar-item-bottom-label-style-icon-size-width: var(--core-icon-medium-size-width);
  --tabbar-item-bottom-label-style-icon-text-gap: var(--core-metrics-spacing-25);
  --tabbar-item-bottom-label-style-padding-bottom: var(--core-metrics-spacing-100);
  --tabbar-item-bottom-label-style-padding-left: var(--core-metrics-spacing-50);
  --tabbar-item-bottom-label-style-padding-right: var(--core-metrics-spacing-50);
  --tabbar-item-bottom-label-style-padding-top: var(--core-metrics-spacing-100);
  --tabbar-item-bottom-label-style-text-case: var(--core-type-semibold-10-case);
  --tabbar-item-bottom-label-style-text-font-family: var(--core-type-semibold-10-font-family);
  --tabbar-item-bottom-label-style-text-leading: var(--core-type-semibold-10-leading);
  --tabbar-item-bottom-label-style-text-number-spacing: var(--core-type-semibold-10-number-spacing);
  --tabbar-item-bottom-label-style-text-scale: var(--core-type-semibold-10-scale);
  --tabbar-item-bottom-label-style-text-size: 10px;
  --tabbar-item-bottom-label-style-text-tracking: var(--core-type-semibold-10-tracking);
  --tabbar-item-bottom-label-style-text-weight: var(--core-type-semibold-10-weight);
  --tabbar-item-corner-radius: var(--core-radius-100);
  --tabbar-item-icon-only-style-icon-size-height: var(--core-icon-medium-size-height);
  --tabbar-item-icon-only-style-icon-size-width: var(--core-icon-medium-size-width);
  --tabbar-item-icon-only-style-icon-text-gap: 0px;
  --tabbar-item-icon-only-style-padding-bottom: var(--core-metrics-spacing-150);
  --tabbar-item-icon-only-style-padding-left: var(--core-metrics-spacing-150);
  --tabbar-item-icon-only-style-padding-right: var(--core-metrics-spacing-150);
  --tabbar-item-icon-only-style-padding-top: var(--core-metrics-spacing-150);
  --tabbar-item-icon-only-style-text-case: var(--core-type-semibold-10-case);
  --tabbar-item-icon-only-style-text-font-family: var(--core-type-semibold-10-font-family);
  --tabbar-item-icon-only-style-text-leading: var(--core-type-semibold-10-leading);
  --tabbar-item-icon-only-style-text-number-spacing: var(--core-type-semibold-10-number-spacing);
  --tabbar-item-icon-only-style-text-scale: var(--core-type-semibold-10-scale);
  --tabbar-item-icon-only-style-text-size: 10px;
  --tabbar-item-icon-only-style-text-tracking: var(--core-type-semibold-10-tracking);
  --tabbar-item-icon-only-style-text-weight: var(--core-type-semibold-10-weight);
  --tabbar-item-selected-value-disabled-state-background-color: var(--tabbar-item-selected-value-disabled-state-background-light-mode-color);
  --tabbar-item-selected-value-disabled-state-background-dark-mode-color: var(--core-transparent-dark-mode-color);
  --tabbar-item-selected-value-disabled-state-background-light-mode-color: var(--core-transparent-light-mode-color);
  --tabbar-item-selected-value-disabled-state-content-color: var(--tabbar-item-selected-value-disabled-state-content-light-mode-color);
  --tabbar-item-selected-value-disabled-state-content-dark-mode-color: var(--core-text-30-dark-mode-color);
  --tabbar-item-selected-value-disabled-state-content-light-mode-color: var(--core-text-30-light-mode-color);
  --tabbar-item-selected-value-hover-state-background-color: var(--tabbar-item-selected-value-hover-state-background-light-mode-color);
  --tabbar-item-selected-value-hover-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --tabbar-item-selected-value-hover-state-background-light-mode-color: var(--core-fill-30-light-mode-color);
  --tabbar-item-selected-value-hover-state-content-color: var(--tabbar-item-selected-value-hover-state-content-light-mode-color);
  --tabbar-item-selected-value-hover-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --tabbar-item-selected-value-hover-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --tabbar-item-selected-value-normal-state-background-color: var(--tabbar-item-selected-value-normal-state-background-light-mode-color);
  --tabbar-item-selected-value-normal-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --tabbar-item-selected-value-normal-state-background-light-mode-color: var(--core-fill-40-light-mode-color);
  --tabbar-item-selected-value-normal-state-content-color: var(--tabbar-item-selected-value-normal-state-content-light-mode-color);
  --tabbar-item-selected-value-normal-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --tabbar-item-selected-value-normal-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --tabbar-item-selected-value-pressed-state-background-color: var(--tabbar-item-selected-value-pressed-state-background-light-mode-color);
  --tabbar-item-selected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --tabbar-item-selected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --tabbar-item-selected-value-pressed-state-content-color: var(--tabbar-item-selected-value-pressed-state-content-light-mode-color);
  --tabbar-item-selected-value-pressed-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --tabbar-item-selected-value-pressed-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --tabbar-item-side-label-style-icon-size-height: var(--core-icon-medium-size-height);
  --tabbar-item-side-label-style-icon-size-width: var(--core-icon-medium-size-width);
  --tabbar-item-side-label-style-icon-text-gap: var(--core-metrics-spacing-100);
  --tabbar-item-side-label-style-padding-bottom: var(--core-metrics-spacing-100);
  --tabbar-item-side-label-style-padding-left: var(--core-metrics-spacing-150);
  --tabbar-item-side-label-style-padding-right: var(--core-metrics-spacing-150);
  --tabbar-item-side-label-style-padding-top: var(--core-metrics-spacing-100);
  --tabbar-item-side-label-style-text-case: var(--core-type-semibold-20-case);
  --tabbar-item-side-label-style-text-font-family: var(--core-type-semibold-20-font-family);
  --tabbar-item-side-label-style-text-leading: var(--core-type-semibold-20-leading);
  --tabbar-item-side-label-style-text-number-spacing: var(--core-type-semibold-20-number-spacing);
  --tabbar-item-side-label-style-text-scale: var(--core-type-semibold-20-scale);
  --tabbar-item-side-label-style-text-size: var(--core-type-semibold-20-size);
  --tabbar-item-side-label-style-text-tracking: var(--core-type-semibold-20-tracking);
  --tabbar-item-side-label-style-text-weight: var(--core-type-semibold-20-weight);
  --tabbar-item-side-label-wide-style-icon-size-height: var(--tabbar-item-side-label-style-icon-size-height);
  --tabbar-item-side-label-wide-style-icon-size-width: var(--tabbar-item-side-label-style-icon-size-width);
  --tabbar-item-side-label-wide-style-icon-text-gap: var(--tabbar-item-side-label-style-icon-text-gap);
  --tabbar-item-side-label-wide-style-padding-bottom: var(--core-metrics-spacing-150);
  --tabbar-item-side-label-wide-style-padding-left: var(--tabbar-item-side-label-style-padding-left);
  --tabbar-item-side-label-wide-style-padding-right: var(--tabbar-item-side-label-style-padding-right);
  --tabbar-item-side-label-wide-style-padding-top: var(--core-metrics-spacing-150);
  --tabbar-item-side-label-wide-style-text-case: var(--tabbar-item-side-label-style-text-case);
  --tabbar-item-side-label-wide-style-text-font-family: var(--tabbar-item-side-label-style-text-font-family);
  --tabbar-item-side-label-wide-style-text-leading: var(--tabbar-item-side-label-style-text-leading);
  --tabbar-item-side-label-wide-style-text-number-spacing: var(--tabbar-item-side-label-style-text-number-spacing);
  --tabbar-item-side-label-wide-style-text-scale: var(--tabbar-item-side-label-style-text-scale);
  --tabbar-item-side-label-wide-style-text-size: var(--tabbar-item-side-label-style-text-size);
  --tabbar-item-side-label-wide-style-text-tracking: var(--tabbar-item-side-label-style-text-tracking);
  --tabbar-item-side-label-wide-style-text-weight: var(--tabbar-item-side-label-style-text-weight);
  --tabbar-item-unselected-value-disabled-state-background-color: var(--tabbar-item-unselected-value-disabled-state-background-light-mode-color);
  --tabbar-item-unselected-value-disabled-state-background-dark-mode-color: var(--core-transparent-dark-mode-color);
  --tabbar-item-unselected-value-disabled-state-background-light-mode-color: var(--core-transparent-light-mode-color);
  --tabbar-item-unselected-value-disabled-state-content-color: var(--tabbar-item-unselected-value-disabled-state-content-light-mode-color);
  --tabbar-item-unselected-value-disabled-state-content-dark-mode-color: var(--core-text-30-dark-mode-color);
  --tabbar-item-unselected-value-disabled-state-content-light-mode-color: var(--core-text-30-light-mode-color);
  --tabbar-item-unselected-value-hover-state-background-color: var(--tabbar-item-unselected-value-hover-state-background-light-mode-color);
  --tabbar-item-unselected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --tabbar-item-unselected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --tabbar-item-unselected-value-hover-state-content-color: var(--tabbar-item-unselected-value-hover-state-content-light-mode-color);
  --tabbar-item-unselected-value-hover-state-content-dark-mode-color: var(--core-text-10-dark-mode-color);
  --tabbar-item-unselected-value-hover-state-content-light-mode-color: var(--core-text-10-light-mode-color);
  --tabbar-item-unselected-value-normal-state-background-color: var(--tabbar-item-unselected-value-normal-state-background-light-mode-color);
  --tabbar-item-unselected-value-normal-state-background-dark-mode-color: var(--core-transparent-dark-mode-color);
  --tabbar-item-unselected-value-normal-state-background-light-mode-color: var(--core-transparent-light-mode-color);
  --tabbar-item-unselected-value-normal-state-content-color: var(--tabbar-item-unselected-value-normal-state-content-light-mode-color);
  --tabbar-item-unselected-value-normal-state-content-dark-mode-color: var(--core-text-10-dark-mode-color);
  --tabbar-item-unselected-value-normal-state-content-light-mode-color: var(--core-text-10-light-mode-color);
  --tabbar-item-unselected-value-pressed-state-background-color: var(--tabbar-item-unselected-value-pressed-state-background-light-mode-color);
  --tabbar-item-unselected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --tabbar-item-unselected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --tabbar-item-unselected-value-pressed-state-content-color: var(--tabbar-item-unselected-value-pressed-state-content-light-mode-color);
  --tabbar-item-unselected-value-pressed-state-content-dark-mode-color: var(--core-text-10-dark-mode-color);
  --tabbar-item-unselected-value-pressed-state-content-light-mode-color: var(--core-text-10-light-mode-color);
  --tabbar-side-label-style-item-spacing: var(--core-metrics-spacing-150);
  --tabbar-side-label-style-padding-bottom: var(--core-metrics-spacing-100);
  --tabbar-side-label-style-padding-left: var(--core-metrics-spacing-100);
  --tabbar-side-label-style-padding-right: var(--core-metrics-spacing-100);
  --tabbar-side-label-style-padding-top: var(--core-metrics-spacing-100);
  --tabbar-side-label-wide-style-item-spacing: var(--tabbar-side-label-style-item-spacing);
  --tabbar-side-label-wide-style-padding-bottom: var(--core-metrics-spacing-150);
  --tabbar-side-label-wide-style-padding-left: var(--tabbar-side-label-style-padding-left);
  --tabbar-side-label-wide-style-padding-right: var(--tabbar-side-label-style-padding-right);
  --tabbar-side-label-wide-style-padding-top: var(--core-metrics-spacing-150);

  /* ========== tableCell ========== */
  --table-cell-disabled-state-text-color: var(--table-cell-disabled-state-text-light-mode-color);
  --table-cell-disabled-state-text-dark-mode-color: var(--core-text-30-dark-mode-color);
  --table-cell-disabled-state-text-light-mode-color: var(--core-text-30-light-mode-color);
  --table-cell-focus-state-background-color: var(--table-cell-focus-state-background-light-mode-color);
  --table-cell-focus-state-background-dark-mode-color: var(--table-cell-hover-state-background-dark-mode-color);
  --table-cell-focus-state-background-light-mode-color: var(--table-cell-hover-state-background-light-mode-color);
  --table-cell-hover-state-background-color: var(--table-cell-hover-state-background-light-mode-color);
  --table-cell-hover-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color);
  --table-cell-hover-state-background-light-mode-color: var(--core-fill-50-light-mode-color);
  --table-cell-pressed-state-background-color: var(--table-cell-pressed-state-background-light-mode-color);
  --table-cell-pressed-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --table-cell-pressed-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --table-cell-selected-state-background-color: var(--table-cell-selected-state-background-light-mode-color);
  --table-cell-selected-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --table-cell-selected-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);

  /* ========== tag ========== */
  --tag-basic-format-bottom-padding: 7px;
  --tag-basic-format-left-padding: 12px;
  --tag-basic-format-right-padding: 8px;
  --tag-basic-format-top-padding: 7px;
  --tag-disabled-state-background-color: var(--tag-disabled-state-light-mode-background-color);
  --tag-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --tag-disabled-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --tag-disabled-state-dark-mode-label-color: var(--core-text-30-dark-mode-color);
  --tag-disabled-state-dark-mode-remove-indicator-color: var(--core-fill-30-dark-mode-color);
  --tag-disabled-state-icon-color: var(--tag-disabled-state-light-mode-icon-color);
  --tag-disabled-state-label-color: var(--tag-disabled-state-light-mode-label-color);
  --tag-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --tag-disabled-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --tag-disabled-state-light-mode-label-color: var(--core-text-30-light-mode-color);
  --tag-disabled-state-light-mode-remove-indicator-color: var(--core-fill-30-light-mode-color);
  --tag-disabled-state-remove-indicator-color: var(--tag-disabled-state-light-mode-remove-indicator-color);
  --tag-focus-state-background-color: var(--tag-focus-state-light-mode-background-color);
  --tag-focus-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);
  --tag-focus-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --tag-focus-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);
  --tag-focus-state-dark-mode-remove-indicator-color: var(--core-fill-20-dark-mode-color);
  --tag-focus-state-icon-color: var(--tag-focus-state-light-mode-icon-color);
  --tag-focus-state-label-color: var(--tag-focus-state-light-mode-label-color);
  --tag-focus-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);
  --tag-focus-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --tag-focus-state-light-mode-label-color: var(--core-text-10-light-mode-color);
  --tag-focus-state-light-mode-remove-indicator-color: var(--core-fill-20-light-mode-color);
  --tag-focus-state-remove-indicator-color: var(--tag-focus-state-light-mode-remove-indicator-color);
  --tag-horizontal-spacing: 4px;
  --tag-hover-state-background-color: var(--tag-hover-state-light-mode-background-color);
  --tag-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);
  --tag-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --tag-hover-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);
  --tag-hover-state-dark-mode-remove-indicator-color: var(--core-fill-20-dark-mode-color);
  --tag-hover-state-icon-color: var(--tag-hover-state-light-mode-icon-color);
  --tag-hover-state-label-color: var(--tag-hover-state-light-mode-label-color);
  --tag-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);
  --tag-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --tag-hover-state-light-mode-label-color: var(--core-text-10-light-mode-color);
  --tag-hover-state-light-mode-remove-indicator-color: var(--core-fill-20-light-mode-color);
  --tag-hover-state-remove-indicator-color: var(--tag-hover-state-light-mode-remove-indicator-color);
  --tag-minimum-width-multiplier: 1.5;
  --tag-normal-state-background-color: var(--tag-normal-state-light-mode-background-color);
  --tag-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --tag-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --tag-normal-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);
  --tag-normal-state-dark-mode-remove-indicator-color: var(--core-fill-20-dark-mode-color);
  --tag-normal-state-icon-color: var(--tag-normal-state-light-mode-icon-color);
  --tag-normal-state-label-color: var(--tag-normal-state-light-mode-label-color);
  --tag-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --tag-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --tag-normal-state-light-mode-label-color: var(--core-text-10-light-mode-color);
  --tag-normal-state-light-mode-remove-indicator-color: var(--core-fill-20-light-mode-color);
  --tag-normal-state-remove-indicator-color: var(--tag-normal-state-light-mode-remove-indicator-color);
  --tag-pressed-state-background-color: var(--tag-pressed-state-light-mode-background-color);
  --tag-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);
  --tag-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --tag-pressed-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);
  --tag-pressed-state-dark-mode-remove-indicator-color: var(--core-fill-20-dark-mode-color);
  --tag-pressed-state-icon-color: var(--tag-pressed-state-light-mode-icon-color);
  --tag-pressed-state-label-color: var(--tag-pressed-state-light-mode-label-color);
  --tag-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);
  --tag-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --tag-pressed-state-light-mode-label-color: var(--core-text-10-light-mode-color);
  --tag-pressed-state-light-mode-remove-indicator-color: var(--core-fill-20-light-mode-color);
  --tag-pressed-state-remove-indicator-color: var(--tag-pressed-state-light-mode-remove-indicator-color);
  --tag-remove-indicator-height: 16px;
  --tag-remove-indicator-icon-height: 16px;
  --tag-remove-indicator-icon-scale: var(--core-type-paragraph-10-scale);
  --tag-remove-indicator-icon-width: 16px;
  --tag-remove-indicator-scale: var(--core-type-paragraph-10-scale);
  --tag-remove-indicator-width: 16px;
  --tag-text-case: var(--core-type-paragraph-10-case);
  --tag-text-font-family: var(--core-type-paragraph-10-font-family);
  --tag-text-leading: var(--core-type-paragraph-10-leading);
  --tag-text-number-spacing: var(--core-type-paragraph-10-number-spacing);
  --tag-text-scale: var(--core-type-paragraph-10-scale);
  --tag-text-size: var(--core-type-paragraph-10-size);
  --tag-text-tracking: var(--core-type-paragraph-10-tracking);
  --tag-text-weight: var(--core-type-paragraph-10-weight);
  --tag-with-icon-format-bottom-padding: 8px;
  --tag-with-icon-format-left-padding: 8px;
  --tag-with-icon-format-right-padding: 8px;
  --tag-with-icon-format-top-padding: 8px;

  /* ========== text-link-group ========== */
  --text-link-group-horizontal-spacing: var(--core-metrics-spacing-150);
  --text-link-group-separator-color: var(--text-link-group-separator-light-mode-color);
  --text-link-group-separator-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --text-link-group-separator-height: 8px;
  --text-link-group-separator-light-mode-color: var(--core-fill-10-light-mode-color);
  --text-link-group-separator-opacity: 0.3;
  --text-link-group-separator-width: 1px;
  --text-link-group-vertical-spacing: var(--core-metrics-spacing-200);

  /* ========== text-link ========== */
  --text-link-destructive-variant-color: var(--text-link-destructive-variant-light-mode-color);
  --text-link-destructive-variant-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --text-link-destructive-variant-disabled-state-color: var(--text-link-destructive-variant-disabled-state-light-mode-color);
  --text-link-destructive-variant-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);
  --text-link-destructive-variant-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);
  --text-link-destructive-variant-hover-state-color: var(--text-link-destructive-variant-hover-state-light-mode-color);
  --text-link-destructive-variant-hover-state-dark-mode-color: var(--core-critical-20-dark-mode-color);
  --text-link-destructive-variant-hover-state-light-mode-color: var(--core-critical-20-light-mode-color);
  --text-link-destructive-variant-light-mode-color: var(--core-critical-text-light-mode-color);
  --text-link-destructive-variant-normal-state-color: var(--text-link-destructive-variant-normal-state-light-mode-color);
  --text-link-destructive-variant-normal-state-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --text-link-destructive-variant-normal-state-light-mode-color: var(--core-critical-text-light-mode-color);
  --text-link-destructive-variant-pressed-state-color: var(--text-link-destructive-variant-pressed-state-light-mode-color);
  --text-link-destructive-variant-pressed-state-dark-mode-color: var(--core-critical-10-dark-mode-color);
  --text-link-destructive-variant-pressed-state-light-mode-color: var(--core-critical-10-light-mode-color);
  --text-link-disabled-state-opacity: 0.3;
  --text-link-hover-state-opacity: 0.6;
  --text-link-inline-style-disabled-state-underline-size: 1px;
  --text-link-inline-style-hover-state-underline-size: 0px;
  --text-link-inline-style-normal-state-underline-size: 1px;
  --text-link-inline-style-pressed-state-underline-size: 0px;
  --text-link-inverted-variant-disabled-state-color: var(--text-link-inverted-variant-disabled-state-light-mode-color);
  --text-link-inverted-variant-disabled-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --text-link-inverted-variant-disabled-state-light-mode-color: var(--core-text-inverse-light-mode-color);
  --text-link-inverted-variant-disabled-state-opacity: 0.3;
  --text-link-inverted-variant-hover-state-color: var(--text-link-inverted-variant-hover-state-light-mode-color);
  --text-link-inverted-variant-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --text-link-inverted-variant-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --text-link-inverted-variant-normal-state-color: var(--text-link-inverted-variant-normal-state-light-mode-color);
  --text-link-inverted-variant-normal-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --text-link-inverted-variant-normal-state-light-mode-color: var(--core-text-inverse-light-mode-color);
  --text-link-inverted-variant-pressed-state-color: var(--text-link-inverted-variant-pressed-state-light-mode-color);
  --text-link-inverted-variant-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --text-link-inverted-variant-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --text-link-medium-size-text-case: var(--core-type-semibold-30-case);
  --text-link-medium-size-text-font-family: var(--core-type-semibold-30-font-family);
  --text-link-medium-size-text-leading: var(--core-type-semibold-30-leading);
  --text-link-medium-size-text-number-spacing: var(--core-type-semibold-30-number-spacing);
  --text-link-medium-size-text-scale: var(--core-type-semibold-30-scale);
  --text-link-medium-size-text-size: var(--core-type-semibold-30-size);
  --text-link-medium-size-text-tracking: var(--core-type-semibold-30-tracking);
  --text-link-medium-size-text-weight: var(--core-type-semibold-30-weight);
  --text-link-medium-size-vertical-padding: 0px;
  --text-link-normal-state-opacity: 1;
  --text-link-normal-variant-color: var(--text-link-normal-variant-light-mode-color);
  --text-link-normal-variant-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --text-link-normal-variant-disabled-state-color: var(--text-link-normal-variant-disabled-state-light-mode-color);
  --text-link-normal-variant-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);
  --text-link-normal-variant-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);
  --text-link-normal-variant-hover-state-color: var(--text-link-normal-variant-hover-state-light-mode-color);
  --text-link-normal-variant-hover-state-dark-mode-color: var(--core-emphasis-20-dark-mode-color);
  --text-link-normal-variant-hover-state-light-mode-color: var(--core-emphasis-20-light-mode-color);
  --text-link-normal-variant-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --text-link-normal-variant-normal-state-color: var(--text-link-normal-variant-normal-state-light-mode-color);
  --text-link-normal-variant-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --text-link-normal-variant-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --text-link-normal-variant-pressed-state-color: var(--text-link-normal-variant-pressed-state-light-mode-color);
  --text-link-normal-variant-pressed-state-dark-mode-color: var(--core-emphasis-10-dark-mode-color);
  --text-link-normal-variant-pressed-state-light-mode-color: var(--core-emphasis-10-light-mode-color);
  --text-link-pressed-state-opacity: 0.6;
  --text-link-small-size-text-case: var(--core-type-semibold-20-case);
  --text-link-small-size-text-font-family: var(--core-type-semibold-20-font-family);
  --text-link-small-size-text-leading: var(--core-type-semibold-20-leading);
  --text-link-small-size-text-number-spacing: var(--core-type-semibold-20-number-spacing);
  --text-link-small-size-text-scale: var(--core-type-semibold-20-scale);
  --text-link-small-size-text-size: var(--core-type-semibold-20-size);
  --text-link-small-size-text-tracking: var(--core-type-semibold-20-tracking);
  --text-link-small-size-text-weight: var(--core-type-semibold-20-weight);
  --text-link-small-size-vertical-padding: 0px;
  --text-link-standalone-style-disabled-state-underline-size: 0px;
  --text-link-standalone-style-hover-state-underline-size: 1px;
  --text-link-standalone-style-normal-state-underline-size: 0px;
  --text-link-standalone-style-pressed-state-underline-size: 1px;

  /* ========== textarea ========== */
  --textarea-font-case: var(--core-type-paragraph-30-case);
  --textarea-font-font-family: var(--core-type-paragraph-30-font-family);
  --textarea-font-leading: var(--core-type-paragraph-30-leading);
  --textarea-font-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --textarea-font-scale: var(--core-type-paragraph-30-scale);
  --textarea-font-size: var(--core-type-paragraph-30-size);
  --textarea-font-tracking: var(--core-type-paragraph-30-tracking);
  --textarea-font-weight: var(--core-type-paragraph-30-weight);
  --textarea-height: 112px;
  --textarea-maximum-height: 320px;
  --textarea-min-height: var(--textarea-minimum-height);
  --textarea-minimum-height: var(--textarea-height);
  --textarea-placeholder-color: var(--textarea-placeholder-light-mode-color);
  --textarea-placeholder-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --textarea-placeholder-light-mode-color: var(--core-fill-30-light-mode-color);
  --textarea-selection-caret-color: var(--textarea-selection-caret-light-mode-color);
  --textarea-selection-caret-dark-mode-color: var(--textarea-selection-text-cursor-dark-mode-color);
  --textarea-selection-caret-light-mode-color: var(--textarea-selection-text-cursor-light-mode-color);
  --textarea-selection-highlight-color: var(--textarea-selection-highlight-light-mode-color);
  --textarea-selection-highlight-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --textarea-selection-highlight-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --textarea-selection-text-cursor-color: var(--textarea-selection-text-cursor-light-mode-color);
  --textarea-selection-text-cursor-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --textarea-selection-text-cursor-light-mode-color: var(--core-emphasis-fill-light-mode-color);

  /* ========== toast ========== */
  --toast-accent-color: var(--toast-accent-light-mode-color);
  --toast-accent-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --toast-accent-light-mode-color: var(--core-fill-10-light-mode-color);
  --toast-background-color: var(--toast-background-light-mode-color);
  --toast-background-dark-mode-color: var(--core-surface-inverse-dark-mode-color);
  --toast-background-light-mode-color: var(--core-surface-inverse-light-mode-color);
  --toast-button-gap: var(--core-metrics-spacing-150);
  --toast-button-spacing: var(--toast-button-gap);
  --toast-button-text-case: var(--core-type-semibold-30-case);
  --toast-button-text-font-family: var(--core-type-semibold-30-font-family);
  --toast-button-text-leading: var(--core-type-semibold-30-leading);
  --toast-button-text-number-spacing: var(--core-type-semibold-30-number-spacing);
  --toast-button-text-scale: var(--core-type-semibold-30-scale);
  --toast-button-text-size: var(--core-type-semibold-30-size);
  --toast-button-text-tracking: var(--core-type-semibold-30-tracking);
  --toast-button-text-weight: var(--core-type-semibold-30-weight);
  --toast-content-gap: var(--core-metrics-spacing-150);
  --toast-content-spacing: var(--toast-content-gap);
  --toast-critical-variant-accent-color: var(--toast-critical-variant-accent-light-mode-color);
  --toast-critical-variant-accent-dark-mode-color: var(--core-fill-white-dark-mode-color);
  --toast-critical-variant-accent-light-mode-color: var(--core-fill-white-light-mode-color);
  --toast-critical-variant-background-color: var(--toast-critical-variant-background-light-mode-color);
  --toast-critical-variant-background-dark-mode-color: var(--core-critical-fill-dark-mode-color);
  --toast-critical-variant-background-light-mode-color: var(--core-critical-fill-light-mode-color);
  --toast-critical-variant-button-text-color: var(--toast-critical-variant-button-text-light-mode-color);
  --toast-critical-variant-button-text-dark-mode-color: var(--toast-critical-variant-link-dark-mode-color);
  --toast-critical-variant-button-text-light-mode-color: var(--toast-critical-variant-link-light-mode-color);
  --toast-critical-variant-dismiss-button-color: var(--toast-critical-variant-dismiss-button-light-mode-color);
  --toast-critical-variant-dismiss-button-dark-mode-color: var(--core-fill-white-dark-mode-color);
  --toast-critical-variant-dismiss-button-light-mode-color: var(--core-fill-white-light-mode-color);
  --toast-critical-variant-icon-color: var(--toast-critical-variant-icon-light-mode-color);
  --toast-critical-variant-icon-dark-mode-color: var(--toast-critical-variant-accent-dark-mode-color);
  --toast-critical-variant-icon-light-mode-color: var(--toast-critical-variant-accent-light-mode-color);
  --toast-critical-variant-link-color: var(--toast-critical-variant-link-light-mode-color);
  --toast-critical-variant-link-dark-mode-color: var(--toast-critical-variant-text-dark-mode-color);
  --toast-critical-variant-link-light-mode-color: var(--toast-critical-variant-text-light-mode-color);
  --toast-critical-variant-progress-bar-color: var(--toast-critical-variant-progress-bar-light-mode-color);
  --toast-critical-variant-progress-bar-dark-mode-color: var(--toast-critical-variant-accent-dark-mode-color);
  --toast-critical-variant-progress-bar-light-mode-color: var(--toast-critical-variant-accent-light-mode-color);
  --toast-critical-variant-separator-color: var(--toast-critical-variant-separator-light-mode-color);
  --toast-critical-variant-separator-dark-mode-color: var(--toast-critical-variant-link-dark-mode-color);
  --toast-critical-variant-separator-light-mode-color: var(--toast-critical-variant-link-light-mode-color);
  --toast-critical-variant-text-color: var(--toast-critical-variant-text-light-mode-color);
  --toast-critical-variant-text-dark-mode-color: var(--core-text-white-dark-mode-color);
  --toast-critical-variant-text-light-mode-color: var(--core-text-white-light-mode-color);
  --toast-dismiss-button-color: var(--toast-dismiss-button-light-mode-color);
  --toast-dismiss-button-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --toast-dismiss-button-light-mode-color: var(--core-text-inverse-light-mode-color);
  --toast-dismissal-delay-long-duration: 10.00s;
  --toast-dismissal-delay-medium-duration: 5.00s;
  --toast-dismissal-delay-short-duration: 2.00s;
  --toast-horizontal-padding: var(--core-metrics-spacing-200);
  --toast-horizontal-padding-size: var(--toast-horizontal-padding);
  --toast-icon-color: var(--toast-icon-light-mode-color);
  --toast-icon-dark-mode-color: var(--toast-accent-dark-mode-color);
  --toast-icon-gap: var(--core-metrics-spacing-150);
  --toast-icon-light-mode-color: var(--toast-accent-light-mode-color);
  --toast-icon-spacing: var(--toast-icon-gap);
  --toast-info-variant-accent-color: var(--toast-info-variant-accent-light-mode-color);
  --toast-info-variant-accent-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --toast-info-variant-accent-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --toast-info-variant-background-color: var(--toast-info-variant-background-light-mode-color);
  --toast-info-variant-background-dark-mode-color: var(--toast-background-dark-mode-color);
  --toast-info-variant-background-light-mode-color: var(--toast-background-light-mode-color);
  --toast-info-variant-button-text-case: var(--toast-info-variant-link-case);
  --toast-info-variant-button-text-color: var(--toast-info-variant-button-text-light-mode-color);
  --toast-info-variant-button-text-dark-mode-color: var(--toast-info-variant-link-dark-mode-color);
  --toast-info-variant-button-text-font-family: var(--toast-info-variant-link-font-family);
  --toast-info-variant-button-text-leading: var(--toast-info-variant-link-leading);
  --toast-info-variant-button-text-light-mode-color: var(--toast-info-variant-link-light-mode-color);
  --toast-info-variant-button-text-multiline-gap: var(--toast-info-variant-link-multiline-gap);
  --toast-info-variant-button-text-multiline-spacing: var(--toast-info-variant-link-multiline-spacing);
  --toast-info-variant-button-text-number-spacing: var(--toast-info-variant-link-number-spacing);
  --toast-info-variant-button-text-scale: var(--toast-info-variant-link-scale);
  --toast-info-variant-button-text-size: var(--toast-info-variant-link-size);
  --toast-info-variant-button-text-tracking: var(--toast-info-variant-link-tracking);
  --toast-info-variant-button-text-weight: var(--toast-info-variant-link-weight);
  --toast-info-variant-dismiss-button-color: var(--toast-info-variant-dismiss-button-light-mode-color);
  --toast-info-variant-dismiss-button-dark-mode-color: var(--toast-dismiss-button-dark-mode-color);
  --toast-info-variant-dismiss-button-light-mode-color: var(--toast-dismiss-button-light-mode-color);
  --toast-info-variant-icon-color: var(--toast-info-variant-icon-light-mode-color);
  --toast-info-variant-icon-dark-mode-color: var(--toast-info-variant-accent-dark-mode-color);
  --toast-info-variant-icon-light-mode-color: var(--toast-info-variant-accent-light-mode-color);
  --toast-info-variant-link-case: var(--toast-info-variant-text-case);
  --toast-info-variant-link-color: var(--toast-info-variant-link-light-mode-color);
  --toast-info-variant-link-dark-mode-color: var(--toast-info-variant-text-dark-mode-color);
  --toast-info-variant-link-font-family: var(--toast-info-variant-text-font-family);
  --toast-info-variant-link-leading: var(--toast-info-variant-text-leading);
  --toast-info-variant-link-light-mode-color: var(--toast-info-variant-text-light-mode-color);
  --toast-info-variant-link-multiline-gap: var(--toast-info-variant-text-multiline-gap);
  --toast-info-variant-link-multiline-spacing: var(--toast-info-variant-text-multiline-spacing);
  --toast-info-variant-link-number-spacing: var(--toast-info-variant-text-number-spacing);
  --toast-info-variant-link-scale: var(--toast-info-variant-text-scale);
  --toast-info-variant-link-size: var(--toast-info-variant-text-size);
  --toast-info-variant-link-tracking: var(--toast-info-variant-text-tracking);
  --toast-info-variant-link-weight: var(--toast-info-variant-text-weight);
  --toast-info-variant-progress-bar-color: var(--toast-info-variant-progress-bar-light-mode-color);
  --toast-info-variant-progress-bar-dark-mode-color: var(--toast-info-variant-accent-dark-mode-color);
  --toast-info-variant-progress-bar-light-mode-color: var(--toast-info-variant-accent-light-mode-color);
  --toast-info-variant-separator-case: var(--toast-info-variant-link-case);
  --toast-info-variant-separator-color: var(--toast-info-variant-separator-light-mode-color);
  --toast-info-variant-separator-dark-mode-color: var(--toast-info-variant-link-dark-mode-color);
  --toast-info-variant-separator-font-family: var(--toast-info-variant-link-font-family);
  --toast-info-variant-separator-leading: var(--toast-info-variant-link-leading);
  --toast-info-variant-separator-light-mode-color: var(--toast-info-variant-link-light-mode-color);
  --toast-info-variant-separator-multiline-gap: var(--toast-info-variant-link-multiline-gap);
  --toast-info-variant-separator-multiline-spacing: var(--toast-info-variant-link-multiline-spacing);
  --toast-info-variant-separator-number-spacing: var(--toast-info-variant-link-number-spacing);
  --toast-info-variant-separator-scale: var(--toast-info-variant-link-scale);
  --toast-info-variant-separator-size: var(--toast-info-variant-link-size);
  --toast-info-variant-separator-tracking: var(--toast-info-variant-link-tracking);
  --toast-info-variant-separator-weight: var(--toast-info-variant-link-weight);
  --toast-info-variant-text-case: var(--toast-text-case);
  --toast-info-variant-text-color: var(--toast-info-variant-text-light-mode-color);
  --toast-info-variant-text-dark-mode-color: var(--toast-text-dark-mode-color);
  --toast-info-variant-text-font-family: var(--toast-text-font-family);
  --toast-info-variant-text-leading: var(--toast-text-leading);
  --toast-info-variant-text-light-mode-color: var(--toast-text-light-mode-color);
  --toast-info-variant-text-multiline-gap: var(--toast-text-multiline-gap);
  --toast-info-variant-text-multiline-spacing: var(--toast-text-multiline-spacing);
  --toast-info-variant-text-number-spacing: var(--toast-text-number-spacing);
  --toast-info-variant-text-scale: var(--toast-text-scale);
  --toast-info-variant-text-size: var(--toast-text-size);
  --toast-info-variant-text-tracking: var(--toast-text-tracking);
  --toast-info-variant-text-weight: var(--toast-text-weight);
  --toast-insight-variant-accent-color: var(--toast-insight-variant-accent-light-mode-color);
  --toast-insight-variant-accent-dark-mode-color: var(--core-purple-fill-dark-mode-color);
  --toast-insight-variant-accent-light-mode-color: var(--core-purple-fill-light-mode-color);
  --toast-insight-variant-background-color: var(--toast-insight-variant-background-light-mode-color);
  --toast-insight-variant-background-dark-mode-color: var(--core-surface-10-dark-mode-color);
  --toast-insight-variant-background-light-mode-color: var(--core-surface-10-light-mode-color);
  --toast-insight-variant-button-text-color: var(--toast-insight-variant-button-text-light-mode-color);
  --toast-insight-variant-button-text-dark-mode-color: var(--toast-insight-variant-link-dark-mode-color);
  --toast-insight-variant-button-text-light-mode-color: var(--toast-insight-variant-link-light-mode-color);
  --toast-insight-variant-dismiss-button-color: var(--toast-insight-variant-dismiss-button-light-mode-color);
  --toast-insight-variant-dismiss-button-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --toast-insight-variant-dismiss-button-light-mode-color: var(--core-fill-10-light-mode-color);
  --toast-insight-variant-icon-color: var(--toast-insight-variant-icon-light-mode-color);
  --toast-insight-variant-icon-dark-mode-color: var(--toast-insight-variant-accent-dark-mode-color);
  --toast-insight-variant-icon-light-mode-color: var(--toast-insight-variant-accent-light-mode-color);
  --toast-insight-variant-link-color: var(--toast-insight-variant-link-light-mode-color);
  --toast-insight-variant-link-dark-mode-color: var(--toast-insight-variant-text-dark-mode-color);
  --toast-insight-variant-link-light-mode-color: var(--toast-insight-variant-text-light-mode-color);
  --toast-insight-variant-progress-bar-color: var(--toast-insight-variant-progress-bar-light-mode-color);
  --toast-insight-variant-progress-bar-dark-mode-color: var(--toast-insight-variant-accent-dark-mode-color);
  --toast-insight-variant-progress-bar-light-mode-color: var(--toast-insight-variant-accent-light-mode-color);
  --toast-insight-variant-separator-color: var(--toast-insight-variant-separator-light-mode-color);
  --toast-insight-variant-separator-dark-mode-color: var(--toast-insight-variant-link-dark-mode-color);
  --toast-insight-variant-separator-light-mode-color: var(--toast-insight-variant-link-light-mode-color);
  --toast-insight-variant-text-color: var(--toast-insight-variant-text-light-mode-color);
  --toast-insight-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --toast-insight-variant-text-light-mode-color: var(--core-text-10-light-mode-color);
  --toast-link-destructive-variant-color: var(--toast-link-destructive-variant-light-mode-color);
  --toast-link-destructive-variant-dark-mode-color: var(--text-link-destructive-variant-dark-mode-color);
  --toast-link-destructive-variant-disabled-state-color: var(--toast-link-destructive-variant-disabled-state-light-mode-color);
  --toast-link-destructive-variant-disabled-state-dark-mode-color: var(--text-link-destructive-variant-disabled-state-dark-mode-color);
  --toast-link-destructive-variant-disabled-state-light-mode-color: var(--text-link-destructive-variant-disabled-state-light-mode-color);
  --toast-link-destructive-variant-hover-state-color: var(--toast-link-destructive-variant-hover-state-light-mode-color);
  --toast-link-destructive-variant-hover-state-dark-mode-color: var(--text-link-destructive-variant-hover-state-dark-mode-color);
  --toast-link-destructive-variant-hover-state-light-mode-color: var(--text-link-destructive-variant-hover-state-light-mode-color);
  --toast-link-destructive-variant-light-mode-color: var(--text-link-destructive-variant-light-mode-color);
  --toast-link-destructive-variant-normal-state-color: var(--toast-link-destructive-variant-normal-state-light-mode-color);
  --toast-link-destructive-variant-normal-state-dark-mode-color: var(--text-link-destructive-variant-normal-state-dark-mode-color);
  --toast-link-destructive-variant-normal-state-light-mode-color: var(--text-link-destructive-variant-normal-state-light-mode-color);
  --toast-link-destructive-variant-pressed-state-color: var(--toast-link-destructive-variant-pressed-state-light-mode-color);
  --toast-link-destructive-variant-pressed-state-dark-mode-color: var(--text-link-destructive-variant-pressed-state-dark-mode-color);
  --toast-link-destructive-variant-pressed-state-light-mode-color: var(--text-link-destructive-variant-pressed-state-light-mode-color);
  --toast-link-disabled-state-opacity: var(--text-link-disabled-state-opacity);
  --toast-link-hover-state-opacity: var(--text-link-hover-state-opacity);
  --toast-link-inline-style-disabled-state-underline-size: var(--text-link-inline-style-disabled-state-underline-size);
  --toast-link-inline-style-hover-state-underline-size: var(--text-link-inline-style-hover-state-underline-size);
  --toast-link-inline-style-normal-state-underline-size: var(--text-link-inline-style-normal-state-underline-size);
  --toast-link-inline-style-pressed-state-underline-size: var(--text-link-inline-style-pressed-state-underline-size);
  --toast-link-inverted-variant-disabled-state-color: var(--toast-link-inverted-variant-disabled-state-light-mode-color);
  --toast-link-inverted-variant-disabled-state-dark-mode-color: var(--text-link-inverted-variant-disabled-state-dark-mode-color);
  --toast-link-inverted-variant-disabled-state-light-mode-color: var(--text-link-inverted-variant-disabled-state-light-mode-color);
  --toast-link-inverted-variant-disabled-state-opacity: var(--text-link-inverted-variant-disabled-state-opacity);
  --toast-link-inverted-variant-hover-state-color: var(--toast-link-inverted-variant-hover-state-light-mode-color);
  --toast-link-inverted-variant-hover-state-dark-mode-color: var(--text-link-inverted-variant-hover-state-dark-mode-color);
  --toast-link-inverted-variant-hover-state-light-mode-color: var(--text-link-inverted-variant-hover-state-light-mode-color);
  --toast-link-inverted-variant-normal-state-color: var(--toast-link-inverted-variant-normal-state-light-mode-color);
  --toast-link-inverted-variant-normal-state-dark-mode-color: var(--text-link-inverted-variant-normal-state-dark-mode-color);
  --toast-link-inverted-variant-normal-state-light-mode-color: var(--text-link-inverted-variant-normal-state-light-mode-color);
  --toast-link-inverted-variant-pressed-state-color: var(--toast-link-inverted-variant-pressed-state-light-mode-color);
  --toast-link-inverted-variant-pressed-state-dark-mode-color: var(--text-link-inverted-variant-pressed-state-dark-mode-color);
  --toast-link-inverted-variant-pressed-state-light-mode-color: var(--text-link-inverted-variant-pressed-state-light-mode-color);
  --toast-link-medium-size-text-case: var(--text-link-medium-size-text-case);
  --toast-link-medium-size-text-font-family: var(--text-link-medium-size-text-font-family);
  --toast-link-medium-size-text-leading: var(--text-link-medium-size-text-leading);
  --toast-link-medium-size-text-number-spacing: var(--text-link-medium-size-text-number-spacing);
  --toast-link-medium-size-text-scale: var(--text-link-medium-size-text-scale);
  --toast-link-medium-size-text-size: var(--text-link-medium-size-text-size);
  --toast-link-medium-size-text-tracking: var(--text-link-medium-size-text-tracking);
  --toast-link-medium-size-text-weight: var(--text-link-medium-size-text-weight);
  --toast-link-medium-size-vertical-padding: var(--text-link-medium-size-vertical-padding);
  --toast-link-normal-state-opacity: var(--text-link-normal-state-opacity);
  --toast-link-normal-variant-color: var(--toast-link-normal-variant-light-mode-color);
  --toast-link-normal-variant-dark-mode-color: var(--text-link-normal-variant-dark-mode-color);
  --toast-link-normal-variant-disabled-state-color: var(--toast-link-normal-variant-disabled-state-light-mode-color);
  --toast-link-normal-variant-disabled-state-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);
  --toast-link-normal-variant-disabled-state-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color);
  --toast-link-normal-variant-hover-state-color: var(--toast-link-normal-variant-hover-state-light-mode-color);
  --toast-link-normal-variant-hover-state-dark-mode-color: var(--text-link-normal-variant-hover-state-dark-mode-color);
  --toast-link-normal-variant-hover-state-light-mode-color: var(--text-link-normal-variant-hover-state-light-mode-color);
  --toast-link-normal-variant-light-mode-color: var(--text-link-normal-variant-light-mode-color);
  --toast-link-normal-variant-normal-state-color: var(--toast-link-normal-variant-normal-state-light-mode-color);
  --toast-link-normal-variant-normal-state-dark-mode-color: var(--text-link-normal-variant-normal-state-dark-mode-color);
  --toast-link-normal-variant-normal-state-light-mode-color: var(--text-link-normal-variant-normal-state-light-mode-color);
  --toast-link-normal-variant-pressed-state-color: var(--toast-link-normal-variant-pressed-state-light-mode-color);
  --toast-link-normal-variant-pressed-state-dark-mode-color: var(--text-link-normal-variant-pressed-state-dark-mode-color);
  --toast-link-normal-variant-pressed-state-light-mode-color: var(--text-link-normal-variant-pressed-state-light-mode-color);
  --toast-link-pressed-state-opacity: var(--text-link-pressed-state-opacity);
  --toast-link-small-size-text-case: var(--text-link-small-size-text-case);
  --toast-link-small-size-text-font-family: var(--text-link-small-size-text-font-family);
  --toast-link-small-size-text-leading: var(--text-link-small-size-text-leading);
  --toast-link-small-size-text-number-spacing: var(--text-link-small-size-text-number-spacing);
  --toast-link-small-size-text-scale: var(--text-link-small-size-text-scale);
  --toast-link-small-size-text-size: var(--text-link-small-size-text-size);
  --toast-link-small-size-text-tracking: var(--text-link-small-size-text-tracking);
  --toast-link-small-size-text-weight: var(--text-link-small-size-text-weight);
  --toast-link-small-size-vertical-padding: var(--text-link-small-size-vertical-padding);
  --toast-link-standalone-style-disabled-state-underline-size: var(--text-link-standalone-style-disabled-state-underline-size);
  --toast-link-standalone-style-hover-state-underline-size: var(--text-link-standalone-style-hover-state-underline-size);
  --toast-link-standalone-style-normal-state-underline-size: var(--text-link-standalone-style-normal-state-underline-size);
  --toast-link-standalone-style-pressed-state-underline-size: var(--text-link-standalone-style-pressed-state-underline-size);
  --toast-maximum-width: 600px;
  --toast-progress-bar-color: var(--toast-progress-bar-light-mode-color);
  --toast-progress-bar-dark-mode-color: var(--core-fill-inverse-dark-mode-color);
  --toast-progress-bar-height: var(--core-metrics-spacing-50);
  --toast-progress-bar-light-mode-color: var(--core-fill-inverse-light-mode-color);
  --toast-radius: var(--core-radius-100);
  --toast-separator-height: var(--core-metrics-spacing-100);
  --toast-separator-opacity: 0.3;
  --toast-separator-width: 1px;
  --toast-success-variant-accent-color: var(--toast-success-variant-accent-light-mode-color);
  --toast-success-variant-accent-dark-mode-color: var(--core-success-fill-dark-mode-color);
  --toast-success-variant-accent-light-mode-color: var(--core-success-fill-light-mode-color);
  --toast-success-variant-background-color: var(--toast-success-variant-background-light-mode-color);
  --toast-success-variant-background-dark-mode-color: var(--toast-background-dark-mode-color);
  --toast-success-variant-background-light-mode-color: var(--toast-background-light-mode-color);
  --toast-success-variant-button-text-case: var(--toast-success-variant-link-case);
  --toast-success-variant-button-text-color: var(--toast-success-variant-button-text-light-mode-color);
  --toast-success-variant-button-text-dark-mode-color: var(--toast-success-variant-link-dark-mode-color);
  --toast-success-variant-button-text-font-family: var(--toast-success-variant-link-font-family);
  --toast-success-variant-button-text-leading: var(--toast-success-variant-link-leading);
  --toast-success-variant-button-text-light-mode-color: var(--toast-success-variant-link-light-mode-color);
  --toast-success-variant-button-text-multiline-gap: var(--toast-success-variant-link-multiline-gap);
  --toast-success-variant-button-text-multiline-spacing: var(--toast-success-variant-link-multiline-spacing);
  --toast-success-variant-button-text-number-spacing: var(--toast-success-variant-link-number-spacing);
  --toast-success-variant-button-text-scale: var(--toast-success-variant-link-scale);
  --toast-success-variant-button-text-size: var(--toast-success-variant-link-size);
  --toast-success-variant-button-text-tracking: var(--toast-success-variant-link-tracking);
  --toast-success-variant-button-text-weight: var(--toast-success-variant-link-weight);
  --toast-success-variant-dismiss-button-color: var(--toast-success-variant-dismiss-button-light-mode-color);
  --toast-success-variant-dismiss-button-dark-mode-color: var(--toast-dismiss-button-dark-mode-color);
  --toast-success-variant-dismiss-button-light-mode-color: var(--toast-dismiss-button-light-mode-color);
  --toast-success-variant-icon-color: var(--toast-success-variant-icon-light-mode-color);
  --toast-success-variant-icon-dark-mode-color: var(--toast-success-variant-accent-dark-mode-color);
  --toast-success-variant-icon-light-mode-color: var(--toast-success-variant-accent-light-mode-color);
  --toast-success-variant-link-case: var(--toast-success-variant-text-case);
  --toast-success-variant-link-color: var(--toast-success-variant-link-light-mode-color);
  --toast-success-variant-link-dark-mode-color: var(--toast-success-variant-text-dark-mode-color);
  --toast-success-variant-link-font-family: var(--toast-success-variant-text-font-family);
  --toast-success-variant-link-leading: var(--toast-success-variant-text-leading);
  --toast-success-variant-link-light-mode-color: var(--toast-success-variant-text-light-mode-color);
  --toast-success-variant-link-multiline-gap: var(--toast-success-variant-text-multiline-gap);
  --toast-success-variant-link-multiline-spacing: var(--toast-success-variant-text-multiline-spacing);
  --toast-success-variant-link-number-spacing: var(--toast-success-variant-text-number-spacing);
  --toast-success-variant-link-scale: var(--toast-success-variant-text-scale);
  --toast-success-variant-link-size: var(--toast-success-variant-text-size);
  --toast-success-variant-link-tracking: var(--toast-success-variant-text-tracking);
  --toast-success-variant-link-weight: var(--toast-success-variant-text-weight);
  --toast-success-variant-progress-bar-color: var(--toast-success-variant-progress-bar-light-mode-color);
  --toast-success-variant-progress-bar-dark-mode-color: var(--toast-success-variant-accent-dark-mode-color);
  --toast-success-variant-progress-bar-light-mode-color: var(--toast-success-variant-accent-light-mode-color);
  --toast-success-variant-separator-case: var(--toast-success-variant-link-case);
  --toast-success-variant-separator-color: var(--toast-success-variant-separator-light-mode-color);
  --toast-success-variant-separator-dark-mode-color: var(--toast-success-variant-link-dark-mode-color);
  --toast-success-variant-separator-font-family: var(--toast-success-variant-link-font-family);
  --toast-success-variant-separator-leading: var(--toast-success-variant-link-leading);
  --toast-success-variant-separator-light-mode-color: var(--toast-success-variant-link-light-mode-color);
  --toast-success-variant-separator-multiline-gap: var(--toast-success-variant-link-multiline-gap);
  --toast-success-variant-separator-multiline-spacing: var(--toast-success-variant-link-multiline-spacing);
  --toast-success-variant-separator-number-spacing: var(--toast-success-variant-link-number-spacing);
  --toast-success-variant-separator-scale: var(--toast-success-variant-link-scale);
  --toast-success-variant-separator-size: var(--toast-success-variant-link-size);
  --toast-success-variant-separator-tracking: var(--toast-success-variant-link-tracking);
  --toast-success-variant-separator-weight: var(--toast-success-variant-link-weight);
  --toast-success-variant-text-case: var(--toast-text-case);
  --toast-success-variant-text-color: var(--toast-success-variant-text-light-mode-color);
  --toast-success-variant-text-dark-mode-color: var(--toast-text-dark-mode-color);
  --toast-success-variant-text-font-family: var(--toast-text-font-family);
  --toast-success-variant-text-leading: var(--toast-text-leading);
  --toast-success-variant-text-light-mode-color: var(--toast-text-light-mode-color);
  --toast-success-variant-text-multiline-gap: var(--toast-text-multiline-gap);
  --toast-success-variant-text-multiline-spacing: var(--toast-text-multiline-spacing);
  --toast-success-variant-text-number-spacing: var(--toast-text-number-spacing);
  --toast-success-variant-text-scale: var(--toast-text-scale);
  --toast-success-variant-text-size: var(--toast-text-size);
  --toast-success-variant-text-tracking: var(--toast-text-tracking);
  --toast-success-variant-text-weight: var(--toast-text-weight);
  --toast-text-case: var(--core-type-paragraph-30-case);
  --toast-text-color: var(--toast-text-light-mode-color);
  --toast-text-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --toast-text-font-family: var(--core-type-paragraph-30-font-family);
  --toast-text-leading: var(--core-type-paragraph-30-leading);
  --toast-text-light-mode-color: var(--core-text-inverse-light-mode-color);
  --toast-text-multiline-gap: var(--core-metrics-spacing-150);
  --toast-text-multiline-spacing: var(--toast-text-multiline-gap);
  --toast-text-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --toast-text-scale: var(--core-type-paragraph-30-scale);
  --toast-text-size: var(--core-type-paragraph-30-size);
  --toast-text-tracking: var(--core-type-paragraph-30-tracking);
  --toast-text-weight: var(--core-type-paragraph-30-weight);
  --toast-vertical-padding: var(--core-metrics-spacing-200);
  --toast-vertical-padding-size: var(--toast-vertical-padding);
  --toast-warning-variant-accent-color: var(--toast-warning-variant-accent-light-mode-color);
  --toast-warning-variant-accent-dark-mode-color: var(--core-warning-fill-dark-mode-color);
  --toast-warning-variant-accent-light-mode-color: var(--core-warning-fill-light-mode-color);
  --toast-warning-variant-background-color: var(--toast-warning-variant-background-light-mode-color);
  --toast-warning-variant-background-dark-mode-color: var(--toast-background-dark-mode-color);
  --toast-warning-variant-background-light-mode-color: var(--toast-background-light-mode-color);
  --toast-warning-variant-button-text-case: var(--toast-warning-variant-link-case);
  --toast-warning-variant-button-text-color: var(--toast-warning-variant-button-text-light-mode-color);
  --toast-warning-variant-button-text-dark-mode-color: var(--toast-warning-variant-link-dark-mode-color);
  --toast-warning-variant-button-text-font-family: var(--toast-warning-variant-link-font-family);
  --toast-warning-variant-button-text-leading: var(--toast-warning-variant-link-leading);
  --toast-warning-variant-button-text-light-mode-color: var(--toast-warning-variant-link-light-mode-color);
  --toast-warning-variant-button-text-multiline-gap: var(--toast-warning-variant-link-multiline-gap);
  --toast-warning-variant-button-text-multiline-spacing: var(--toast-warning-variant-link-multiline-spacing);
  --toast-warning-variant-button-text-number-spacing: var(--toast-warning-variant-link-number-spacing);
  --toast-warning-variant-button-text-scale: var(--toast-warning-variant-link-scale);
  --toast-warning-variant-button-text-size: var(--toast-warning-variant-link-size);
  --toast-warning-variant-button-text-tracking: var(--toast-warning-variant-link-tracking);
  --toast-warning-variant-button-text-weight: var(--toast-warning-variant-link-weight);
  --toast-warning-variant-dismiss-button-color: var(--toast-warning-variant-dismiss-button-light-mode-color);
  --toast-warning-variant-dismiss-button-dark-mode-color: var(--toast-dismiss-button-dark-mode-color);
  --toast-warning-variant-dismiss-button-light-mode-color: var(--toast-dismiss-button-light-mode-color);
  --toast-warning-variant-icon-color: var(--toast-warning-variant-icon-light-mode-color);
  --toast-warning-variant-icon-dark-mode-color: var(--toast-warning-variant-accent-dark-mode-color);
  --toast-warning-variant-icon-light-mode-color: var(--toast-warning-variant-accent-light-mode-color);
  --toast-warning-variant-link-case: var(--toast-warning-variant-text-case);
  --toast-warning-variant-link-color: var(--toast-warning-variant-link-light-mode-color);
  --toast-warning-variant-link-dark-mode-color: var(--toast-warning-variant-text-dark-mode-color);
  --toast-warning-variant-link-font-family: var(--toast-warning-variant-text-font-family);
  --toast-warning-variant-link-leading: var(--toast-warning-variant-text-leading);
  --toast-warning-variant-link-light-mode-color: var(--toast-warning-variant-text-light-mode-color);
  --toast-warning-variant-link-multiline-gap: var(--toast-warning-variant-text-multiline-gap);
  --toast-warning-variant-link-multiline-spacing: var(--toast-warning-variant-text-multiline-spacing);
  --toast-warning-variant-link-number-spacing: var(--toast-warning-variant-text-number-spacing);
  --toast-warning-variant-link-scale: var(--toast-warning-variant-text-scale);
  --toast-warning-variant-link-size: var(--toast-warning-variant-text-size);
  --toast-warning-variant-link-tracking: var(--toast-warning-variant-text-tracking);
  --toast-warning-variant-link-weight: var(--toast-warning-variant-text-weight);
  --toast-warning-variant-progress-bar-color: var(--toast-warning-variant-progress-bar-light-mode-color);
  --toast-warning-variant-progress-bar-dark-mode-color: var(--toast-warning-variant-accent-dark-mode-color);
  --toast-warning-variant-progress-bar-light-mode-color: var(--toast-warning-variant-accent-light-mode-color);
  --toast-warning-variant-separator-case: var(--toast-warning-variant-link-case);
  --toast-warning-variant-separator-color: var(--toast-warning-variant-separator-light-mode-color);
  --toast-warning-variant-separator-dark-mode-color: var(--toast-warning-variant-link-dark-mode-color);
  --toast-warning-variant-separator-font-family: var(--toast-warning-variant-link-font-family);
  --toast-warning-variant-separator-leading: var(--toast-warning-variant-link-leading);
  --toast-warning-variant-separator-light-mode-color: var(--toast-warning-variant-link-light-mode-color);
  --toast-warning-variant-separator-multiline-gap: var(--toast-warning-variant-link-multiline-gap);
  --toast-warning-variant-separator-multiline-spacing: var(--toast-warning-variant-link-multiline-spacing);
  --toast-warning-variant-separator-number-spacing: var(--toast-warning-variant-link-number-spacing);
  --toast-warning-variant-separator-scale: var(--toast-warning-variant-link-scale);
  --toast-warning-variant-separator-size: var(--toast-warning-variant-link-size);
  --toast-warning-variant-separator-tracking: var(--toast-warning-variant-link-tracking);
  --toast-warning-variant-separator-weight: var(--toast-warning-variant-link-weight);
  --toast-warning-variant-text-case: var(--toast-text-case);
  --toast-warning-variant-text-color: var(--toast-warning-variant-text-light-mode-color);
  --toast-warning-variant-text-dark-mode-color: var(--toast-text-dark-mode-color);
  --toast-warning-variant-text-font-family: var(--toast-text-font-family);
  --toast-warning-variant-text-leading: var(--toast-text-leading);
  --toast-warning-variant-text-light-mode-color: var(--toast-text-light-mode-color);
  --toast-warning-variant-text-multiline-gap: var(--toast-text-multiline-gap);
  --toast-warning-variant-text-multiline-spacing: var(--toast-text-multiline-spacing);
  --toast-warning-variant-text-number-spacing: var(--toast-text-number-spacing);
  --toast-warning-variant-text-scale: var(--toast-text-scale);
  --toast-warning-variant-text-size: var(--toast-text-size);
  --toast-warning-variant-text-tracking: var(--toast-text-tracking);
  --toast-warning-variant-text-weight: var(--toast-text-weight);

  /* ========== toggle ========== */
  --toggle-border-radius: var(--core-radius-circle);
  --toggle-border-size: var(--core-border-20);
  --toggle-disabled-state-selected-value-border-color: var(--toggle-disabled-state-selected-value-light-mode-border-color);
  --toggle-disabled-state-selected-value-dark-mode-border-color: transparent;
  --toggle-disabled-state-selected-value-dark-mode-thumb-color: var(--core-fill-white-dark-mode-color);
  --toggle-disabled-state-selected-value-dark-mode-track-color: var(--core-fill-20-dark-mode-color);
  --toggle-disabled-state-selected-value-light-mode-border-color: transparent;
  --toggle-disabled-state-selected-value-light-mode-thumb-color: var(--core-fill-white-light-mode-color);
  --toggle-disabled-state-selected-value-light-mode-track-color: var(--core-fill-20-light-mode-color);
  --toggle-disabled-state-selected-value-thumb-color: var(--toggle-disabled-state-selected-value-light-mode-thumb-color);
  --toggle-disabled-state-selected-value-track-color: var(--toggle-disabled-state-selected-value-light-mode-track-color);
  --toggle-disabled-state-unselected-value-border-color: var(--toggle-disabled-state-unselected-value-light-mode-border-color);
  --toggle-disabled-state-unselected-value-dark-mode-border-color: var(--core-fill-50-dark-mode-color);
  --toggle-disabled-state-unselected-value-dark-mode-thumb-color: var(--core-fill-30-dark-mode-color);
  --toggle-disabled-state-unselected-value-dark-mode-track-color: var(--core-fill-50-dark-mode-color);
  --toggle-disabled-state-unselected-value-light-mode-border-color: var(--core-fill-50-light-mode-color);
  --toggle-disabled-state-unselected-value-light-mode-thumb-color: var(--core-fill-30-light-mode-color);
  --toggle-disabled-state-unselected-value-light-mode-track-color: var(--core-fill-50-light-mode-color);
  --toggle-disabled-state-unselected-value-thumb-color: var(--toggle-disabled-state-unselected-value-light-mode-thumb-color);
  --toggle-disabled-state-unselected-value-track-color: var(--toggle-disabled-state-unselected-value-light-mode-track-color);
  --toggle-focus-ring-border-size: var(--core-focus-ring-border-size);
  --toggle-focus-ring-buffer-size: 0px;
  --toggle-focus-ring-color: var(--toggle-focus-ring-light-mode-color);
  --toggle-focus-ring-dark-mode-color: var(--core-focus-ring-dark-mode-color);
  --toggle-focus-ring-light-mode-color: var(--core-focus-ring-light-mode-color);
  --toggle-focus-state-selected-value-border-color: var(--toggle-focus-state-selected-value-light-mode-border-color);
  --toggle-focus-state-selected-value-dark-mode-border-color: var(--toggle-hover-state-selected-value-dark-mode-border-color);
  --toggle-focus-state-selected-value-dark-mode-thumb-color: var(--toggle-hover-state-selected-value-dark-mode-thumb-color);
  --toggle-focus-state-selected-value-dark-mode-track-color: var(--toggle-hover-state-selected-value-dark-mode-track-color);
  --toggle-focus-state-selected-value-light-mode-border-color: var(--toggle-hover-state-selected-value-light-mode-border-color);
  --toggle-focus-state-selected-value-light-mode-thumb-color: var(--toggle-hover-state-selected-value-light-mode-thumb-color);
  --toggle-focus-state-selected-value-light-mode-track-color: var(--toggle-hover-state-selected-value-light-mode-track-color);
  --toggle-focus-state-selected-value-thumb-color: var(--toggle-focus-state-selected-value-light-mode-thumb-color);
  --toggle-focus-state-selected-value-track-color: var(--toggle-focus-state-selected-value-light-mode-track-color);
  --toggle-focus-state-unselected-value-border-color: var(--toggle-focus-state-unselected-value-light-mode-border-color);
  --toggle-focus-state-unselected-value-dark-mode-border-color: var(--toggle-hover-state-unselected-value-dark-mode-border-color);
  --toggle-focus-state-unselected-value-dark-mode-thumb-color: var(--toggle-hover-state-unselected-value-dark-mode-thumb-color);
  --toggle-focus-state-unselected-value-dark-mode-track-color: var(--toggle-hover-state-unselected-value-dark-mode-track-color);
  --toggle-focus-state-unselected-value-light-mode-border-color: var(--toggle-hover-state-unselected-value-light-mode-border-color);
  --toggle-focus-state-unselected-value-light-mode-thumb-color: var(--toggle-hover-state-unselected-value-light-mode-thumb-color);
  --toggle-focus-state-unselected-value-light-mode-track-color: var(--toggle-hover-state-unselected-value-light-mode-track-color);
  --toggle-focus-state-unselected-value-thumb-color: var(--toggle-focus-state-unselected-value-light-mode-thumb-color);
  --toggle-focus-state-unselected-value-track-color: var(--toggle-focus-state-unselected-value-light-mode-track-color);
  --toggle-height: 24px;
  --toggle-horizontal-padding: var(--core-metrics-spacing-50);
  --toggle-hover-state-selected-value-border-color: var(--toggle-hover-state-selected-value-light-mode-border-color);
  --toggle-hover-state-selected-value-dark-mode-border-color: var(--core-emphasis-20-dark-mode-color);
  --toggle-hover-state-selected-value-dark-mode-thumb-color: var(--core-fill-white-dark-mode-color);
  --toggle-hover-state-selected-value-dark-mode-track-color: var(--core-emphasis-20-dark-mode-color);
  --toggle-hover-state-selected-value-light-mode-border-color: var(--core-emphasis-20-light-mode-color);
  --toggle-hover-state-selected-value-light-mode-thumb-color: var(--core-fill-white-light-mode-color);
  --toggle-hover-state-selected-value-light-mode-track-color: var(--core-emphasis-20-light-mode-color);
  --toggle-hover-state-selected-value-thumb-color: var(--toggle-hover-state-selected-value-light-mode-thumb-color);
  --toggle-hover-state-selected-value-track-color: var(--toggle-hover-state-selected-value-light-mode-track-color);
  --toggle-hover-state-unselected-value-border-color: var(--toggle-hover-state-unselected-value-light-mode-border-color);
  --toggle-hover-state-unselected-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);
  --toggle-hover-state-unselected-value-dark-mode-thumb-color: var(--core-emphasis-fill-dark-mode-color);
  --toggle-hover-state-unselected-value-dark-mode-track-color: transparent;
  --toggle-hover-state-unselected-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);
  --toggle-hover-state-unselected-value-light-mode-thumb-color: var(--core-emphasis-fill-light-mode-color);
  --toggle-hover-state-unselected-value-light-mode-track-color: transparent;
  --toggle-hover-state-unselected-value-thumb-color: var(--toggle-hover-state-unselected-value-light-mode-thumb-color);
  --toggle-hover-state-unselected-value-track-color: var(--toggle-hover-state-unselected-value-light-mode-track-color);
  --toggle-normal-state-selected-value-border-color: var(--toggle-normal-state-selected-value-light-mode-border-color);
  --toggle-normal-state-selected-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);
  --toggle-normal-state-selected-value-dark-mode-thumb-color: var(--core-fill-white-dark-mode-color);
  --toggle-normal-state-selected-value-dark-mode-track-color: var(--core-emphasis-fill-dark-mode-color);
  --toggle-normal-state-selected-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);
  --toggle-normal-state-selected-value-light-mode-thumb-color: var(--core-fill-white-light-mode-color);
  --toggle-normal-state-selected-value-light-mode-track-color: var(--core-emphasis-fill-light-mode-color);
  --toggle-normal-state-selected-value-thumb-color: var(--toggle-normal-state-selected-value-light-mode-thumb-color);
  --toggle-normal-state-selected-value-track-color: var(--toggle-normal-state-selected-value-light-mode-track-color);
  --toggle-normal-state-unselected-value-border-color: var(--toggle-normal-state-unselected-value-light-mode-border-color);
  --toggle-normal-state-unselected-value-dark-mode-border-color: var(--core-fill-20-dark-mode-color);
  --toggle-normal-state-unselected-value-dark-mode-thumb-color: var(--core-fill-20-dark-mode-color);
  --toggle-normal-state-unselected-value-dark-mode-track-color: transparent;
  --toggle-normal-state-unselected-value-light-mode-border-color: var(--core-fill-20-light-mode-color);
  --toggle-normal-state-unselected-value-light-mode-thumb-color: var(--core-fill-20-light-mode-color);
  --toggle-normal-state-unselected-value-light-mode-track-color: transparent;
  --toggle-normal-state-unselected-value-thumb-color: var(--toggle-normal-state-unselected-value-light-mode-thumb-color);
  --toggle-normal-state-unselected-value-track-color: var(--toggle-normal-state-unselected-value-light-mode-track-color);
  --toggle-padding-horizontal: 5px;
  --toggle-padding-vertical: 5px;
  --toggle-pressed-state-selected-value-border-color: var(--toggle-pressed-state-selected-value-light-mode-border-color);
  --toggle-pressed-state-selected-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color);
  --toggle-pressed-state-selected-value-dark-mode-thumb-color: var(--core-fill-white-dark-mode-color);
  --toggle-pressed-state-selected-value-dark-mode-track-color: var(--core-emphasis-10-dark-mode-color);
  --toggle-pressed-state-selected-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color);
  --toggle-pressed-state-selected-value-light-mode-thumb-color: var(--core-fill-white-light-mode-color);
  --toggle-pressed-state-selected-value-light-mode-track-color: var(--core-emphasis-10-light-mode-color);
  --toggle-pressed-state-selected-value-thumb-color: var(--toggle-pressed-state-selected-value-light-mode-thumb-color);
  --toggle-pressed-state-selected-value-track-color: var(--toggle-pressed-state-selected-value-light-mode-track-color);
  --toggle-pressed-state-unselected-value-border-color: var(--toggle-pressed-state-unselected-value-light-mode-border-color);
  --toggle-pressed-state-unselected-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color);
  --toggle-pressed-state-unselected-value-dark-mode-thumb-color: var(--core-emphasis-10-dark-mode-color);
  --toggle-pressed-state-unselected-value-dark-mode-track-color: transparent;
  --toggle-pressed-state-unselected-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color);
  --toggle-pressed-state-unselected-value-light-mode-thumb-color: var(--core-emphasis-10-light-mode-color);
  --toggle-pressed-state-unselected-value-light-mode-track-color: transparent;
  --toggle-pressed-state-unselected-value-thumb-color: var(--toggle-pressed-state-unselected-value-light-mode-thumb-color);
  --toggle-pressed-state-unselected-value-track-color: var(--toggle-pressed-state-unselected-value-light-mode-track-color);
  --toggle-vertical-padding: var(--core-metrics-spacing-50);
  --toggle-width: 40px;

  /* ========== tooltip ========== */
  --tooltip-animation-move-transition-duration: var(--tooltip-trigger-animation-fade-transition-duration);
  --tooltip-background-color: var(--tooltip-background-light-mode-color);
  --tooltip-background-dark-mode-color: var(--tooltip-popover-background-dark-mode-color);
  --tooltip-background-light-mode-color: var(--tooltip-popover-background-light-mode-color);
  --tooltip-link-case: var(--tooltip-popover-link-case);
  --tooltip-link-color: var(--tooltip-link-light-mode-color);
  --tooltip-link-dark-mode-color: var(--tooltip-popover-link-dark-mode-color);
  --tooltip-link-font-family: var(--tooltip-popover-link-font-family);
  --tooltip-link-leading: var(--tooltip-popover-link-leading);
  --tooltip-link-light-mode-color: var(--tooltip-popover-link-light-mode-color);
  --tooltip-link-number-spacing: var(--tooltip-popover-link-number-spacing);
  --tooltip-link-scale: var(--tooltip-popover-link-scale);
  --tooltip-link-size: var(--tooltip-popover-link-size);
  --tooltip-link-tracking: var(--tooltip-popover-link-tracking);
  --tooltip-link-weight: var(--tooltip-popover-link-weight);
  --tooltip-maximum-width: var(--tooltip-popover-maximum-width);
  --tooltip-minimum-height: var(--tooltip-trigger-minimum-height);
  --tooltip-minimum-width: var(--tooltip-trigger-minimum-width);
  --tooltip-padding-horizontal-size: var(--tooltip-popover-horizontal-padding);
  --tooltip-padding-vertical-size: var(--tooltip-popover-vertical-padding);
  --tooltip-popover-background-color: var(--tooltip-popover-background-light-mode-color);
  --tooltip-popover-background-dark-mode-color: var(--core-surface-inverse-dark-mode-color);
  --tooltip-popover-background-light-mode-color: var(--core-surface-inverse-light-mode-color);
  --tooltip-popover-horizontal-padding: var(--core-metrics-spacing-150);
  --tooltip-popover-link-case: var(--core-type-semibold-20-case);
  --tooltip-popover-link-color: var(--tooltip-popover-link-light-mode-color);
  --tooltip-popover-link-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --tooltip-popover-link-font-family: var(--core-type-semibold-20-font-family);
  --tooltip-popover-link-leading: var(--core-type-semibold-20-leading);
  --tooltip-popover-link-light-mode-color: var(--core-text-inverse-light-mode-color);
  --tooltip-popover-link-number-spacing: var(--core-type-semibold-20-number-spacing);
  --tooltip-popover-link-scale: var(--core-type-semibold-20-scale);
  --tooltip-popover-link-size: var(--core-type-semibold-20-size);
  --tooltip-popover-link-tracking: var(--core-type-semibold-20-tracking);
  --tooltip-popover-link-weight: var(--core-type-semibold-20-weight);
  --tooltip-popover-maximum-width: 400px;
  --tooltip-popover-radius: var(--core-radius-100);
  --tooltip-popover-text-case: var(--core-type-paragraph-20-case);
  --tooltip-popover-text-color: var(--tooltip-popover-text-light-mode-color);
  --tooltip-popover-text-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --tooltip-popover-text-font-family: var(--core-type-paragraph-20-font-family);
  --tooltip-popover-text-leading: var(--core-type-paragraph-20-leading);
  --tooltip-popover-text-light-mode-color: var(--core-text-inverse-light-mode-color);
  --tooltip-popover-text-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --tooltip-popover-text-scale: var(--core-type-paragraph-20-scale);
  --tooltip-popover-text-size: var(--core-type-paragraph-20-size);
  --tooltip-popover-text-tracking: var(--core-type-paragraph-20-tracking);
  --tooltip-popover-text-weight: var(--core-type-paragraph-20-weight);
  --tooltip-popover-vertical-padding: var(--core-metrics-spacing-100);
  --tooltip-radius: var(--tooltip-popover-radius);
  --tooltip-text-case: var(--tooltip-popover-text-case);
  --tooltip-text-color: var(--tooltip-text-light-mode-color);
  --tooltip-text-dark-mode-color: var(--tooltip-popover-text-dark-mode-color);
  --tooltip-text-font-family: var(--tooltip-popover-text-font-family);
  --tooltip-text-leading: var(--tooltip-popover-text-leading);
  --tooltip-text-light-mode-color: var(--tooltip-popover-text-light-mode-color);
  --tooltip-text-number-spacing: var(--tooltip-popover-text-number-spacing);
  --tooltip-text-scale: var(--tooltip-popover-text-scale);
  --tooltip-text-size: var(--tooltip-popover-text-size);
  --tooltip-text-tracking: var(--tooltip-popover-text-tracking);
  --tooltip-text-weight: var(--tooltip-popover-text-weight);
  --tooltip-trigger-animation-fade-transition-duration: var(--core-animation-move-transition-moderate-speed-duration);
  --tooltip-trigger-icon-active-state-color: var(--tooltip-trigger-icon-active-state-light-mode-color);
  --tooltip-trigger-icon-active-state-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --tooltip-trigger-icon-active-state-light-mode-color: var(--core-fill-10-light-mode-color);
  --tooltip-trigger-icon-disabled-state-color: var(--tooltip-trigger-icon-disabled-state-light-mode-color);
  --tooltip-trigger-icon-disabled-state-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --tooltip-trigger-icon-disabled-state-light-mode-color: var(--core-fill-30-light-mode-color);
  --tooltip-trigger-icon-normal-state-color: var(--tooltip-trigger-icon-normal-state-light-mode-color);
  --tooltip-trigger-icon-normal-state-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --tooltip-trigger-icon-normal-state-light-mode-color: var(--core-fill-20-light-mode-color);
  --tooltip-trigger-minimum-height: var(--tooltip-trigger-minimum-width);
  --tooltip-trigger-minimum-width: var(--core-metrics-spacing-500);
  --tooltip-trigger-text-active-state-color: var(--tooltip-trigger-text-active-state-light-mode-color);
  --tooltip-trigger-text-active-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --tooltip-trigger-text-active-state-light-mode-color: var(--core-text-10-light-mode-color);
  --tooltip-trigger-text-disabled-state-color: var(--tooltip-trigger-text-disabled-state-light-mode-color);
  --tooltip-trigger-text-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);
  --tooltip-trigger-text-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);
  --tooltip-trigger-text-normal-state-color: var(--tooltip-trigger-text-normal-state-light-mode-color);
  --tooltip-trigger-text-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --tooltip-trigger-text-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --tooltip-trigger-text-underline-size: 1px;

  /* ========== tracker ========== */
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-case);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-size);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-spacing);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-case: var(--core-type-heading-20-case);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-font-family: var(--core-type-heading-20-font-family);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-leading: var(--core-type-heading-20-leading);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-number-spacing: var(--core-type-heading-20-number-spacing);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-scale: var(--core-type-heading-20-scale);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-size: var(--core-type-heading-20-size);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-spacing: var(--core-metrics-spacing-100);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-tracking: var(--core-type-heading-20-tracking);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-weight: var(--core-type-heading-20-weight);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-maximum-width: 100px;
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-minimum-width: 0px;
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-case);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-size);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-spacing);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-spacing);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case: var(--core-type-semibold-30-case);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family: var(--core-type-semibold-30-font-family);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading: var(--core-type-semibold-30-leading);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing: var(--core-type-semibold-30-number-spacing);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale: var(--core-type-semibold-30-scale);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size: var(--core-type-semibold-30-size);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing: var(--core-metrics-spacing-100);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking: var(--core-type-semibold-30-tracking);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight: var(--core-type-semibold-30-weight);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width: 90px;
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width: 0px;
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-spacing);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--core-text-inverse-light-mode-color);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding: 2px;
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width: 0px;
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding: 1px;
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width: 0px;
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding: 0px;
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color: var(--core-fill-10-light-mode-color);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height: var(--divider-thin-size-height);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius: var(--divider-radius);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding: var(--divider-extra-small-variant-vertical-padding);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width: var(--core-metrics-spacing-150);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding: 0px;
  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size: var(--core-metrics-spacing-200);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width: 2px;
  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width: 4px;
  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color: var(--core-fill-10-light-mode-color);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding: 0px;
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding: 9px;
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case: var(--core-type-semibold-10-case);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family: var(--core-type-semibold-10-font-family);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading: var(--core-type-semibold-10-leading);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing: var(--core-type-semibold-10-number-spacing);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale: var(--core-type-semibold-10-scale);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size: var(--core-type-semibold-10-size);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing: var(--core-metrics-spacing-100);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking: var(--core-type-semibold-10-tracking);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight: var(--core-type-semibold-10-weight);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width: 80px;
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width: 0px;
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing: var(--core-metrics-spacing-100);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color: var(--core-text-20-dark-mode-color);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding: 1px;
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width: 2px;
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding: 0px;
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color: var(--core-text-20-light-mode-color);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-height: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-height);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-radius);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-width: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-width);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-dark-mode-color);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-case);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-size);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-spacing);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-height: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-height);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-radius);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-width);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-dark-mode-color);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-case);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-size);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-spacing: var(--core-metrics-spacing-200);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-height);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-radius);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-width);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-dark-mode-color);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-case);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-size);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-spacing);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-height: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-height);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-radius);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-width: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-dark-mode-color);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-case);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-size);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-spacing);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-height: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-height);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-radius);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-dark-mode-color);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-case);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-size);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-spacing: var(--core-metrics-spacing-150);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-height);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-radius);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-dark-mode-color);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-case);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-size);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-spacing);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-height: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-height);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-radius);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-width);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-dark-mode-color);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-case);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-size);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-spacing);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-height: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-height);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-radius);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-dark-mode-color);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-case);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-size);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-spacing: var(--core-metrics-spacing-100);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-height);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-radius);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-width);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-dark-mode-color);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-case);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-size);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-spacing);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-height);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-radius);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-vertical-padding);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-width);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-dark-mode-color);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-case);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-font-family);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-leading);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-number-spacing);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-scale);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-size);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-spacing);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-tracking);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-weight);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-maximum-width);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-minimum-width);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-spacing);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-height);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-radius);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-vertical-padding);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-connector-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-width);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-dark-mode-color);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-spacing);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-height);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-radius);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-vertical-padding);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-width);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-dark-mode-color);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-case);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-font-family);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-leading);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-number-spacing);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-scale);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-size);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-spacing);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-tracking);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-weight);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-maximum-width);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-minimum-width);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-spacing);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-case);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-font-family);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-leading);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-number-spacing);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-scale);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-size);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-spacing);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-tracking);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-weight);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-maximum-width);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-minimum-width);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-spacing);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-case);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-font-family);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-leading);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-number-spacing);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-scale);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-size);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-spacing);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-tracking);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-weight);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-maximum-width);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-minimum-width);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-spacing);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-height: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-height);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-radius);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-vertical-padding);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-case);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-size);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-spacing);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width: var(--core-metrics-spacing-400);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-spacing: var(--core-metrics-spacing-300);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-height);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-radius);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-vertical-padding);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-case);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-size);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-spacing);

}


/*
 * Market Blue (legacy): dark mode tokens scoped to [data-market-features*="dark-mode"]
 */

/* This file is automatically generated. Do not edit. */

@media (prefers-color-scheme: dark) {
  [data-market-features*="dark-mode"] {
    /* ======================================================================
     * CORE
     * ====================================================================== */

    /* ========== core ========== */
    --core-blue-10-color: var(--core-blue-10-dark-mode-color);
    --core-blue-20-color: var(--core-blue-20-dark-mode-color);
    --core-blue-30-color: var(--core-blue-30-dark-mode-color);
    --core-blue-40-color: var(--core-blue-40-dark-mode-color);
    --core-blue-fill-color: var(--core-blue-fill-dark-mode-color);
    --core-blue-text-color: var(--core-blue-text-dark-mode-color);
    --core-brown-10-color: var(--core-brown-10-dark-mode-color);
    --core-brown-20-color: var(--core-brown-20-dark-mode-color);
    --core-brown-30-color: var(--core-brown-30-dark-mode-color);
    --core-brown-40-color: var(--core-brown-40-dark-mode-color);
    --core-brown-fill-color: var(--core-brown-fill-dark-mode-color);
    --core-brown-text-color: var(--core-brown-text-dark-mode-color);
    --core-burgundy-10-color: var(--core-burgundy-10-dark-mode-color);
    --core-burgundy-20-color: var(--core-burgundy-20-dark-mode-color);
    --core-burgundy-30-color: var(--core-burgundy-30-dark-mode-color);
    --core-burgundy-40-color: var(--core-burgundy-40-dark-mode-color);
    --core-burgundy-fill-color: var(--core-burgundy-fill-dark-mode-color);
    --core-burgundy-text-color: var(--core-burgundy-text-dark-mode-color);
    --core-critical-10-color: var(--core-critical-10-dark-mode-color);
    --core-critical-20-color: var(--core-critical-20-dark-mode-color);
    --core-critical-30-color: var(--core-critical-30-dark-mode-color);
    --core-critical-40-color: var(--core-critical-40-dark-mode-color);
    --core-critical-fill-color: var(--core-critical-fill-dark-mode-color);
    --core-critical-text-color: var(--core-critical-text-dark-mode-color);
    --core-divider-10-color: var(--core-divider-10-dark-mode-color);
    --core-divider-20-color: var(--core-divider-20-dark-mode-color);
    --core-emphasis-10-color: var(--core-emphasis-10-dark-mode-color);
    --core-emphasis-20-color: var(--core-emphasis-20-dark-mode-color);
    --core-emphasis-30-color: var(--core-emphasis-30-dark-mode-color);
    --core-emphasis-40-color: var(--core-emphasis-40-dark-mode-color);
    --core-emphasis-fill-color: var(--core-emphasis-fill-dark-mode-color);
    --core-emphasis-text-color: var(--core-emphasis-text-dark-mode-color);
    --core-fill-10-color: var(--core-fill-10-dark-mode-color);
    --core-fill-20-color: var(--core-fill-20-dark-mode-color);
    --core-fill-30-color: var(--core-fill-30-dark-mode-color);
    --core-fill-40-color: var(--core-fill-40-dark-mode-color);
    --core-fill-50-color: var(--core-fill-50-dark-mode-color);
    --core-fill-black-color: var(--core-fill-black-dark-mode-color);
    --core-fill-inverse-color: var(--core-fill-inverse-dark-mode-color);
    --core-fill-white-color: var(--core-fill-white-dark-mode-color);
    --core-focus-color: var(--core-focus-dark-mode-color);
    --core-focus-ring-color: var(--core-focus-ring-dark-mode-color);
    --core-forest-10-color: var(--core-forest-10-dark-mode-color);
    --core-forest-20-color: var(--core-forest-20-dark-mode-color);
    --core-forest-30-color: var(--core-forest-30-dark-mode-color);
    --core-forest-40-color: var(--core-forest-40-dark-mode-color);
    --core-forest-fill-color: var(--core-forest-fill-dark-mode-color);
    --core-forest-text-color: var(--core-forest-text-dark-mode-color);
    --core-gold-10-color: var(--core-gold-10-dark-mode-color);
    --core-gold-20-color: var(--core-gold-20-dark-mode-color);
    --core-gold-30-color: var(--core-gold-30-dark-mode-color);
    --core-gold-40-color: var(--core-gold-40-dark-mode-color);
    --core-gold-fill-color: var(--core-gold-fill-dark-mode-color);
    --core-gold-text-color: var(--core-gold-text-dark-mode-color);
    --core-green-10-color: var(--core-green-10-dark-mode-color);
    --core-green-20-color: var(--core-green-20-dark-mode-color);
    --core-green-30-color: var(--core-green-30-dark-mode-color);
    --core-green-40-color: var(--core-green-40-dark-mode-color);
    --core-green-fill-color: var(--core-green-fill-dark-mode-color);
    --core-green-text-color: var(--core-green-text-dark-mode-color);
    --core-orange-10-color: var(--core-orange-10-dark-mode-color);
    --core-orange-20-color: var(--core-orange-20-dark-mode-color);
    --core-orange-30-color: var(--core-orange-30-dark-mode-color);
    --core-orange-40-color: var(--core-orange-40-dark-mode-color);
    --core-orange-fill-color: var(--core-orange-fill-dark-mode-color);
    --core-orange-text-color: var(--core-orange-text-dark-mode-color);
    --core-pink-10-color: var(--core-pink-10-dark-mode-color);
    --core-pink-20-color: var(--core-pink-20-dark-mode-color);
    --core-pink-30-color: var(--core-pink-30-dark-mode-color);
    --core-pink-40-color: var(--core-pink-40-dark-mode-color);
    --core-pink-fill-color: var(--core-pink-fill-dark-mode-color);
    --core-pink-text-color: var(--core-pink-text-dark-mode-color);
    --core-purple-10-color: var(--core-purple-10-dark-mode-color);
    --core-purple-20-color: var(--core-purple-20-dark-mode-color);
    --core-purple-30-color: var(--core-purple-30-dark-mode-color);
    --core-purple-40-color: var(--core-purple-40-dark-mode-color);
    --core-purple-fill-color: var(--core-purple-fill-dark-mode-color);
    --core-purple-text-color: var(--core-purple-text-dark-mode-color);
    --core-red-10-color: var(--core-red-10-dark-mode-color);
    --core-red-20-color: var(--core-red-20-dark-mode-color);
    --core-red-30-color: var(--core-red-30-dark-mode-color);
    --core-red-40-color: var(--core-red-40-dark-mode-color);
    --core-red-fill-color: var(--core-red-fill-dark-mode-color);
    --core-red-text-color: var(--core-red-text-dark-mode-color);
    --core-sky-10-color: var(--core-sky-10-dark-mode-color);
    --core-sky-20-color: var(--core-sky-20-dark-mode-color);
    --core-sky-30-color: var(--core-sky-30-dark-mode-color);
    --core-sky-40-color: var(--core-sky-40-dark-mode-color);
    --core-sky-fill-color: var(--core-sky-fill-dark-mode-color);
    --core-sky-text-color: var(--core-sky-text-dark-mode-color);
    --core-success-10-color: var(--core-success-10-dark-mode-color);
    --core-success-20-color: var(--core-success-20-dark-mode-color);
    --core-success-30-color: var(--core-success-30-dark-mode-color);
    --core-success-40-color: var(--core-success-40-dark-mode-color);
    --core-success-fill-color: var(--core-success-fill-dark-mode-color);
    --core-success-text-color: var(--core-success-text-dark-mode-color);
    --core-surface-10-color: var(--core-surface-10-dark-mode-color);
    --core-surface-20-color: var(--core-surface-20-dark-mode-color);
    --core-surface-30-color: var(--core-surface-30-dark-mode-color);
    --core-surface-5-color: var(--core-surface-5-dark-mode-color);
    --core-surface-inverse-color: var(--core-surface-inverse-dark-mode-color);
    --core-surface-overlay-color: var(--core-surface-overlay-dark-mode-color);
    --core-taupe-10-color: var(--core-taupe-10-dark-mode-color);
    --core-taupe-20-color: var(--core-taupe-20-dark-mode-color);
    --core-taupe-30-color: var(--core-taupe-30-dark-mode-color);
    --core-taupe-40-color: var(--core-taupe-40-dark-mode-color);
    --core-taupe-fill-color: var(--core-taupe-fill-dark-mode-color);
    --core-taupe-text-color: var(--core-taupe-text-dark-mode-color);
    --core-teal-10-color: var(--core-teal-10-dark-mode-color);
    --core-teal-20-color: var(--core-teal-20-dark-mode-color);
    --core-teal-30-color: var(--core-teal-30-dark-mode-color);
    --core-teal-40-color: var(--core-teal-40-dark-mode-color);
    --core-teal-fill-color: var(--core-teal-fill-dark-mode-color);
    --core-teal-text-color: var(--core-teal-text-dark-mode-color);
    --core-text-10-color: var(--core-text-10-dark-mode-color);
    --core-text-20-color: var(--core-text-20-dark-mode-color);
    --core-text-30-color: var(--core-text-30-dark-mode-color);
    --core-text-black-color: var(--core-text-black-dark-mode-color);
    --core-text-inverse-color: var(--core-text-inverse-dark-mode-color);
    --core-text-white-color: var(--core-text-white-dark-mode-color);
    --core-transparent-color: var(--core-transparent-dark-mode-color);
    --core-warning-10-color: var(--core-warning-10-dark-mode-color);
    --core-warning-20-color: var(--core-warning-20-dark-mode-color);
    --core-warning-30-color: var(--core-warning-30-dark-mode-color);
    --core-warning-40-color: var(--core-warning-40-dark-mode-color);
    --core-warning-fill-color: var(--core-warning-fill-dark-mode-color);
    --core-warning-text-color: var(--core-warning-text-dark-mode-color);
    --core-yellow-10-color: var(--core-yellow-10-dark-mode-color);
    --core-yellow-20-color: var(--core-yellow-20-dark-mode-color);
    --core-yellow-30-color: var(--core-yellow-30-dark-mode-color);
    --core-yellow-40-color: var(--core-yellow-40-dark-mode-color);
    --core-yellow-fill-color: var(--core-yellow-fill-dark-mode-color);
    --core-yellow-text-color: var(--core-yellow-text-dark-mode-color);

    /* ======================================================================
     * COMPONENT
     * ====================================================================== */

    /* ========== accessory ========== */
    --accessory-background-color: var(--accessory-background-dark-mode-color);
    --accessory-disabled-state-background-color: var(--accessory-disabled-state-background-dark-mode-color);
    --accessory-disabled-state-icon-color: var(--accessory-disabled-state-icon-dark-mode-color);
    --accessory-disabled-state-text-color: var(--accessory-disabled-state-text-dark-mode-color);
    --accessory-icon-variant-color: var(--accessory-icon-variant-dark-mode-color);
    --accessory-initials-variant-color: var(--accessory-initials-variant-dark-mode-color);
    --accessory-normal-state-background-color: var(--accessory-normal-state-background-dark-mode-color);
    --accessory-normal-state-icon-color: var(--accessory-normal-state-icon-dark-mode-color);
    --accessory-normal-state-text-color: var(--accessory-normal-state-text-dark-mode-color);

    /* ========== accordion ========== */
    --accordion-disabled-state-content-color: var(--accordion-disabled-state-content-dark-mode-color);
    --accordion-disabled-state-side-text-color: var(--accordion-disabled-state-side-text-dark-mode-color);
    --accordion-focus-state-content-color: var(--accordion-focus-state-content-dark-mode-color);
    --accordion-focus-state-side-text-color: var(--accordion-focus-state-side-text-dark-mode-color);
    --accordion-heading-10-variant-separator-color: var(--accordion-heading-10-variant-separator-dark-mode-color);
    --accordion-heading-20-variant-separator-color: var(--accordion-heading-20-variant-separator-dark-mode-color);
    --accordion-heading-30-variant-separator-color: var(--accordion-heading-30-variant-separator-dark-mode-color);
    --accordion-hover-state-content-color: var(--accordion-hover-state-content-dark-mode-color);
    --accordion-hover-state-side-text-color: var(--accordion-hover-state-side-text-dark-mode-color);
    --accordion-large-size-separator-color: var(--accordion-large-size-separator-dark-mode-color);
    --accordion-medium-size-separator-color: var(--accordion-medium-size-separator-dark-mode-color);
    --accordion-normal-state-content-color: var(--accordion-normal-state-content-dark-mode-color);
    --accordion-normal-state-side-text-color: var(--accordion-normal-state-side-text-dark-mode-color);
    --accordion-pressed-state-content-color: var(--accordion-pressed-state-content-dark-mode-color);
    --accordion-pressed-state-side-text-color: var(--accordion-pressed-state-side-text-dark-mode-color);
    --accordion-small-size-separator-color: var(--accordion-small-size-separator-dark-mode-color);

    /* ========== actionCard ========== */
    --action-card-active-state-selected-value-background-color: var(--action-card-active-state-selected-value-background-dark-mode-color);
    --action-card-active-state-selected-value-border-color: var(--action-card-active-state-selected-value-border-dark-mode-color);
    --action-card-active-state-unselected-value-background-color: var(--action-card-active-state-unselected-value-background-dark-mode-color);
    --action-card-active-state-unselected-value-border-color: var(--action-card-active-state-unselected-value-border-dark-mode-color);
    --action-card-background-color: var(--action-card-background-dark-mode-color);
    --action-card-border-disabled-state-color: var(--action-card-border-disabled-state-dark-mode-color);
    --action-card-border-hover-state-color: var(--action-card-border-hover-state-dark-mode-color);
    --action-card-border-selected-state-color: var(--action-card-border-selected-state-dark-mode-color);
    --action-card-disabled-state-selected-value-background-color: var(--action-card-disabled-state-selected-value-background-dark-mode-color);
    --action-card-disabled-state-selected-value-border-color: var(--action-card-disabled-state-selected-value-border-dark-mode-color);
    --action-card-disabled-state-unselected-value-background-color: var(--action-card-disabled-state-unselected-value-background-dark-mode-color);
    --action-card-disabled-state-unselected-value-border-color: var(--action-card-disabled-state-unselected-value-border-dark-mode-color);
    --action-card-focus-ring-color: var(--action-card-focus-ring-dark-mode-color);
    --action-card-hover-state-selected-value-background-color: var(--action-card-hover-state-selected-value-background-dark-mode-color);
    --action-card-hover-state-selected-value-border-color: var(--action-card-hover-state-selected-value-border-dark-mode-color);
    --action-card-hover-state-unselected-value-background-color: var(--action-card-hover-state-unselected-value-background-dark-mode-color);
    --action-card-hover-state-unselected-value-border-color: var(--action-card-hover-state-unselected-value-border-dark-mode-color);
    --action-card-normal-state-selected-value-background-color: var(--action-card-normal-state-selected-value-background-dark-mode-color);
    --action-card-normal-state-selected-value-border-color: var(--action-card-normal-state-selected-value-border-dark-mode-color);
    --action-card-normal-state-unselected-value-background-color: var(--action-card-normal-state-unselected-value-background-dark-mode-color);
    --action-card-normal-state-unselected-value-border-color: var(--action-card-normal-state-unselected-value-border-dark-mode-color);
    --action-card-normal-state-unselected-value-border-high-contrast-color: var(--action-card-normal-state-unselected-value-border-high-contrast-dark-mode-color);
    --action-card-normal-state-unselected-value-border-normal-contrast-color: var(--action-card-normal-state-unselected-value-border-normal-contrast-dark-mode-color);

    /* ========== badge ========== */
    --badge-critical-style-background-color: var(--badge-critical-style-background-dark-mode-color);
    --badge-info-style-background-color: var(--badge-info-style-background-dark-mode-color);
    --badge-modal-blade-context-border-color: var(--badge-modal-blade-context-border-dark-mode-color);
    --badge-modal-dialog-context-border-color: var(--badge-modal-dialog-context-border-dark-mode-color);
    --badge-modal-full-context-border-color: var(--badge-modal-full-context-border-dark-mode-color);
    --badge-modal-partial-context-border-color: var(--badge-modal-partial-context-border-dark-mode-color);
    --badge-modal-popover-context-border-color: var(--badge-modal-popover-context-border-dark-mode-color);
    --badge-modal-sheet-context-border-color: var(--badge-modal-sheet-context-border-dark-mode-color);

    /* ========== banner ========== */
    --banner-button-separator-color: var(--banner-button-separator-dark-mode-color);
    --banner-critical-variant-background-color: var(--banner-critical-variant-background-dark-mode-color);
    --banner-critical-variant-border-color: var(--banner-critical-variant-border-dark-mode-color);
    --banner-critical-variant-button-text-color: var(--banner-critical-variant-button-text-dark-mode-color);
    --banner-critical-variant-disabled-state-text-link-text-color: var(--banner-critical-variant-disabled-state-text-link-text-dark-mode-color);
    --banner-critical-variant-focused-state-text-link-text-color: var(--banner-critical-variant-focused-state-text-link-text-dark-mode-color);
    --banner-critical-variant-hover-state-text-link-text-color: var(--banner-critical-variant-hover-state-text-link-text-dark-mode-color);
    --banner-critical-variant-icon-color: var(--banner-critical-variant-icon-dark-mode-color);
    --banner-critical-variant-icon-high-contrast-color: var(--banner-critical-variant-icon-high-contrast-dark-mode-color);
    --banner-critical-variant-icon-normal-contrast-color: var(--banner-critical-variant-icon-normal-contrast-dark-mode-color);
    --banner-critical-variant-normal-state-text-link-text-color: var(--banner-critical-variant-normal-state-text-link-text-dark-mode-color);
    --banner-critical-variant-pressed-state-text-link-text-color: var(--banner-critical-variant-pressed-state-text-link-text-dark-mode-color);
    --banner-critical-variant-text-color: var(--banner-critical-variant-text-dark-mode-color);
    --banner-critical-variant-text-link-text-color: var(--banner-critical-variant-text-link-text-dark-mode-color);
    --banner-dismiss-button-normal-state-color: var(--banner-dismiss-button-normal-state-dark-mode-color);
    --banner-dismiss-button-pressed-state-color: var(--banner-dismiss-button-pressed-state-dark-mode-color);
    --banner-info-variant-background-color: var(--banner-info-variant-background-dark-mode-color);
    --banner-info-variant-border-color: var(--banner-info-variant-border-dark-mode-color);
    --banner-info-variant-button-text-color: var(--banner-info-variant-button-text-dark-mode-color);
    --banner-info-variant-disabled-state-text-link-text-color: var(--banner-info-variant-disabled-state-text-link-text-dark-mode-color);
    --banner-info-variant-focused-state-text-link-text-color: var(--banner-info-variant-focused-state-text-link-text-dark-mode-color);
    --banner-info-variant-hover-state-text-link-text-color: var(--banner-info-variant-hover-state-text-link-text-dark-mode-color);
    --banner-info-variant-icon-color: var(--banner-info-variant-icon-dark-mode-color);
    --banner-info-variant-icon-high-contrast-color: var(--banner-info-variant-icon-high-contrast-dark-mode-color);
    --banner-info-variant-icon-normal-contrast-color: var(--banner-info-variant-icon-normal-contrast-dark-mode-color);
    --banner-info-variant-normal-state-text-link-text-color: var(--banner-info-variant-normal-state-text-link-text-dark-mode-color);
    --banner-info-variant-pressed-state-text-link-text-color: var(--banner-info-variant-pressed-state-text-link-text-dark-mode-color);
    --banner-info-variant-text-color: var(--banner-info-variant-text-dark-mode-color);
    --banner-info-variant-text-link-text-color: var(--banner-info-variant-text-link-text-dark-mode-color);
    --banner-insight-variant-background-color: var(--banner-insight-variant-background-dark-mode-color);
    --banner-insight-variant-border-color: var(--banner-insight-variant-border-dark-mode-color);
    --banner-insight-variant-button-text-color: var(--banner-insight-variant-button-text-dark-mode-color);
    --banner-insight-variant-disabled-state-text-link-text-color: var(--banner-insight-variant-disabled-state-text-link-text-dark-mode-color);
    --banner-insight-variant-focused-state-text-link-text-color: var(--banner-insight-variant-focused-state-text-link-text-dark-mode-color);
    --banner-insight-variant-hover-state-text-link-text-color: var(--banner-insight-variant-hover-state-text-link-text-dark-mode-color);
    --banner-insight-variant-icon-color: var(--banner-insight-variant-icon-dark-mode-color);
    --banner-insight-variant-icon-high-contrast-color: var(--banner-insight-variant-icon-high-contrast-dark-mode-color);
    --banner-insight-variant-icon-normal-contrast-color: var(--banner-insight-variant-icon-normal-contrast-dark-mode-color);
    --banner-insight-variant-normal-state-text-link-text-color: var(--banner-insight-variant-normal-state-text-link-text-dark-mode-color);
    --banner-insight-variant-pressed-state-text-link-text-color: var(--banner-insight-variant-pressed-state-text-link-text-dark-mode-color);
    --banner-insight-variant-text-color: var(--banner-insight-variant-text-dark-mode-color);
    --banner-insight-variant-text-link-text-color: var(--banner-insight-variant-text-link-text-dark-mode-color);
    --banner-success-variant-background-color: var(--banner-success-variant-background-dark-mode-color);
    --banner-success-variant-border-color: var(--banner-success-variant-border-dark-mode-color);
    --banner-success-variant-button-text-color: var(--banner-success-variant-button-text-dark-mode-color);
    --banner-success-variant-disabled-state-text-link-text-color: var(--banner-success-variant-disabled-state-text-link-text-dark-mode-color);
    --banner-success-variant-focused-state-text-link-text-color: var(--banner-success-variant-focused-state-text-link-text-dark-mode-color);
    --banner-success-variant-hover-state-text-link-text-color: var(--banner-success-variant-hover-state-text-link-text-dark-mode-color);
    --banner-success-variant-icon-color: var(--banner-success-variant-icon-dark-mode-color);
    --banner-success-variant-icon-high-contrast-color: var(--banner-success-variant-icon-high-contrast-dark-mode-color);
    --banner-success-variant-icon-normal-contrast-color: var(--banner-success-variant-icon-normal-contrast-dark-mode-color);
    --banner-success-variant-normal-state-text-link-text-color: var(--banner-success-variant-normal-state-text-link-text-dark-mode-color);
    --banner-success-variant-pressed-state-text-link-text-color: var(--banner-success-variant-pressed-state-text-link-text-dark-mode-color);
    --banner-success-variant-text-color: var(--banner-success-variant-text-dark-mode-color);
    --banner-success-variant-text-link-text-color: var(--banner-success-variant-text-link-text-dark-mode-color);
    --banner-text-link-group-separator-color: var(--banner-text-link-group-separator-dark-mode-color);
    --banner-warning-variant-background-color: var(--banner-warning-variant-background-dark-mode-color);
    --banner-warning-variant-border-color: var(--banner-warning-variant-border-dark-mode-color);
    --banner-warning-variant-button-text-color: var(--banner-warning-variant-button-text-dark-mode-color);
    --banner-warning-variant-disabled-state-text-link-text-color: var(--banner-warning-variant-disabled-state-text-link-text-dark-mode-color);
    --banner-warning-variant-focused-state-text-link-text-color: var(--banner-warning-variant-focused-state-text-link-text-dark-mode-color);
    --banner-warning-variant-hover-state-text-link-text-color: var(--banner-warning-variant-hover-state-text-link-text-dark-mode-color);
    --banner-warning-variant-icon-color: var(--banner-warning-variant-icon-dark-mode-color);
    --banner-warning-variant-icon-high-contrast-color: var(--banner-warning-variant-icon-high-contrast-dark-mode-color);
    --banner-warning-variant-icon-normal-contrast-color: var(--banner-warning-variant-icon-normal-contrast-dark-mode-color);
    --banner-warning-variant-normal-state-text-link-text-color: var(--banner-warning-variant-normal-state-text-link-text-dark-mode-color);
    --banner-warning-variant-pressed-state-text-link-text-color: var(--banner-warning-variant-pressed-state-text-link-text-dark-mode-color);
    --banner-warning-variant-text-color: var(--banner-warning-variant-text-dark-mode-color);
    --banner-warning-variant-text-link-text-color: var(--banner-warning-variant-text-link-text-dark-mode-color);

    /* ========== button-group ========== */
    --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);
    --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);
    --button-group-overflow-button-destructive-variant-primary-rank-hover-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);
    --button-group-overflow-button-destructive-variant-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);
    --button-group-overflow-button-destructive-variant-primary-rank-normal-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);
    --button-group-overflow-button-destructive-variant-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);
    --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);
    --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);
    --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);
    --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);
    --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);
    --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);
    --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);
    --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);
    --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);
    --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);
    --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);
    --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);
    --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);
    --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);
    --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);
    --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);
    --button-group-overflow-button-disabled-state-background-color: var(--button-group-overflow-button-disabled-state-dark-mode-background-color);
    --button-group-overflow-button-disabled-state-icon-color: var(--button-group-overflow-button-disabled-state-dark-mode-icon-color);
    --button-group-overflow-button-focus-state-background-color: var(--button-group-overflow-button-focus-state-dark-mode-background-color);
    --button-group-overflow-button-focus-state-icon-color: var(--button-group-overflow-button-focus-state-dark-mode-icon-color);
    --button-group-overflow-button-hover-state-background-color: var(--button-group-overflow-button-hover-state-dark-mode-background-color);
    --button-group-overflow-button-hover-state-icon-color: var(--button-group-overflow-button-hover-state-dark-mode-icon-color);
    --button-group-overflow-button-normal-state-background-color: var(--button-group-overflow-button-normal-state-dark-mode-background-color);
    --button-group-overflow-button-normal-state-icon-color: var(--button-group-overflow-button-normal-state-dark-mode-icon-color);
    --button-group-overflow-button-normal-variant-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
    --button-group-overflow-button-normal-variant-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);
    --button-group-overflow-button-normal-variant-primary-rank-focus-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);
    --button-group-overflow-button-normal-variant-primary-rank-focus-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);
    --button-group-overflow-button-normal-variant-primary-rank-hover-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);
    --button-group-overflow-button-normal-variant-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);
    --button-group-overflow-button-normal-variant-primary-rank-normal-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);
    --button-group-overflow-button-normal-variant-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);
    --button-group-overflow-button-normal-variant-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);
    --button-group-overflow-button-normal-variant-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);
    --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);
    --button-group-overflow-button-normal-variant-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
    --button-group-overflow-button-normal-variant-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);
    --button-group-overflow-button-normal-variant-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
    --button-group-overflow-button-normal-variant-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);
    --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);
    --button-group-overflow-button-pressed-state-background-color: var(--button-group-overflow-button-pressed-state-dark-mode-background-color);
    --button-group-overflow-button-pressed-state-icon-color: var(--button-group-overflow-button-pressed-state-dark-mode-icon-color);
    --button-group-overflow-button-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color);
    --button-group-overflow-button-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);
    --button-group-overflow-button-primary-rank-focus-state-background-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color);
    --button-group-overflow-button-primary-rank-focus-state-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color);
    --button-group-overflow-button-primary-rank-hover-state-background-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color);
    --button-group-overflow-button-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color);
    --button-group-overflow-button-primary-rank-normal-state-background-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color);
    --button-group-overflow-button-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color);
    --button-group-overflow-button-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color);
    --button-group-overflow-button-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);
    --button-group-overflow-button-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);
    --button-group-overflow-button-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);
    --button-group-overflow-button-secondary-rank-focus-state-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color);
    --button-group-overflow-button-secondary-rank-focus-state-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);
    --button-group-overflow-button-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color);
    --button-group-overflow-button-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);
    --button-group-overflow-button-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color);
    --button-group-overflow-button-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);
    --button-group-overflow-button-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);
    --button-group-overflow-button-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);
    --button-group-overflow-button-tertiary-rank-disabled-state-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);
    --button-group-overflow-button-tertiary-rank-disabled-state-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);
    --button-group-overflow-button-tertiary-rank-focus-state-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);
    --button-group-overflow-button-tertiary-rank-focus-state-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);
    --button-group-overflow-button-tertiary-rank-hover-state-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);
    --button-group-overflow-button-tertiary-rank-hover-state-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);
    --button-group-overflow-button-tertiary-rank-normal-state-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);
    --button-group-overflow-button-tertiary-rank-normal-state-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);
    --button-group-overflow-button-tertiary-rank-pressed-state-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);
    --button-group-overflow-button-tertiary-rank-pressed-state-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);

    /* ========== button ========== */
    --button-destructive-variant-primary-rank-disabled-state-background-color: var(--button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);
    --button-destructive-variant-primary-rank-disabled-state-label-color: var(--button-destructive-variant-primary-rank-disabled-state-dark-mode-label-color);
    --button-destructive-variant-primary-rank-focus-state-background-color: var(--button-destructive-variant-primary-rank-focus-state-dark-mode-background-color);
    --button-destructive-variant-primary-rank-focus-state-label-color: var(--button-destructive-variant-primary-rank-focus-state-dark-mode-label-color);
    --button-destructive-variant-primary-rank-hover-state-background-color: var(--button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);
    --button-destructive-variant-primary-rank-hover-state-label-color: var(--button-destructive-variant-primary-rank-hover-state-dark-mode-label-color);
    --button-destructive-variant-primary-rank-normal-state-background-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);
    --button-destructive-variant-primary-rank-normal-state-label-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color);
    --button-destructive-variant-primary-rank-pressed-state-background-color: var(--button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);
    --button-destructive-variant-primary-rank-pressed-state-label-color: var(--button-destructive-variant-primary-rank-pressed-state-dark-mode-label-color);
    --button-destructive-variant-secondary-rank-disabled-state-background-color: var(--button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --button-destructive-variant-secondary-rank-disabled-state-label-color: var(--button-destructive-variant-secondary-rank-disabled-state-dark-mode-label-color);
    --button-destructive-variant-secondary-rank-focus-state-background-color: var(--button-destructive-variant-secondary-rank-focus-state-dark-mode-background-color);
    --button-destructive-variant-secondary-rank-focus-state-label-color: var(--button-destructive-variant-secondary-rank-focus-state-dark-mode-label-color);
    --button-destructive-variant-secondary-rank-hover-state-background-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);
    --button-destructive-variant-secondary-rank-hover-state-label-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-label-color);
    --button-destructive-variant-secondary-rank-normal-state-background-color: var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);
    --button-destructive-variant-secondary-rank-normal-state-label-color: var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color);
    --button-destructive-variant-secondary-rank-pressed-state-background-color: var(--button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --button-destructive-variant-secondary-rank-pressed-state-label-color: var(--button-destructive-variant-secondary-rank-pressed-state-dark-mode-label-color);
    --button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);
    --button-destructive-variant-tertiary-rank-disabled-state-label-color: var(--button-destructive-variant-tertiary-rank-disabled-state-dark-mode-label-color);
    --button-destructive-variant-tertiary-rank-focus-state-background-color: var(--button-destructive-variant-tertiary-rank-focus-state-dark-mode-background-color);
    --button-destructive-variant-tertiary-rank-focus-state-label-color: var(--button-destructive-variant-tertiary-rank-focus-state-dark-mode-label-color);
    --button-destructive-variant-tertiary-rank-hover-state-background-color: var(--button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);
    --button-destructive-variant-tertiary-rank-hover-state-label-color: var(--button-destructive-variant-tertiary-rank-hover-state-dark-mode-label-color);
    --button-destructive-variant-tertiary-rank-normal-state-background-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);
    --button-destructive-variant-tertiary-rank-normal-state-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color);
    --button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);
    --button-destructive-variant-tertiary-rank-pressed-state-label-color: var(--button-destructive-variant-tertiary-rank-pressed-state-dark-mode-label-color);
    --button-focus-ring-color: var(--button-dark-mode-focus-ring-color);
    --button-normal-variant-primary-rank-disabled-state-background-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
    --button-normal-variant-primary-rank-disabled-state-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);
    --button-normal-variant-primary-rank-focus-state-background-color: var(--button-normal-variant-primary-rank-focus-state-dark-mode-background-color);
    --button-normal-variant-primary-rank-focus-state-label-color: var(--button-normal-variant-primary-rank-focus-state-dark-mode-label-color);
    --button-normal-variant-primary-rank-hover-state-background-color: var(--button-normal-variant-primary-rank-hover-state-dark-mode-background-color);
    --button-normal-variant-primary-rank-hover-state-label-color: var(--button-normal-variant-primary-rank-hover-state-dark-mode-label-color);
    --button-normal-variant-primary-rank-normal-state-background-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-background-color);
    --button-normal-variant-primary-rank-normal-state-label-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color);
    --button-normal-variant-primary-rank-pressed-state-background-color: var(--button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);
    --button-normal-variant-primary-rank-pressed-state-label-color: var(--button-normal-variant-primary-rank-pressed-state-dark-mode-label-color);
    --button-normal-variant-secondary-rank-disabled-state-background-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --button-normal-variant-secondary-rank-disabled-state-label-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color);
    --button-normal-variant-secondary-rank-focus-state-background-color: var(--button-normal-variant-secondary-rank-focus-state-dark-mode-background-color);
    --button-normal-variant-secondary-rank-focus-state-label-color: var(--button-normal-variant-secondary-rank-focus-state-dark-mode-label-color);
    --button-normal-variant-secondary-rank-hover-state-background-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
    --button-normal-variant-secondary-rank-hover-state-label-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-label-color);
    --button-normal-variant-secondary-rank-normal-state-background-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
    --button-normal-variant-secondary-rank-normal-state-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);
    --button-normal-variant-secondary-rank-pressed-state-background-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --button-normal-variant-secondary-rank-pressed-state-label-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color);
    --button-normal-variant-tertiary-rank-disabled-state-background-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color);
    --button-normal-variant-tertiary-rank-disabled-state-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color);
    --button-normal-variant-tertiary-rank-focus-state-background-color: var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color);
    --button-normal-variant-tertiary-rank-focus-state-label-color: var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color);
    --button-normal-variant-tertiary-rank-hover-state-background-color: var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color);
    --button-normal-variant-tertiary-rank-hover-state-label-color: var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color);
    --button-normal-variant-tertiary-rank-normal-state-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);
    --button-normal-variant-tertiary-rank-normal-state-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);
    --button-normal-variant-tertiary-rank-pressed-state-background-color: var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color);
    --button-normal-variant-tertiary-rank-pressed-state-label-color: var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color);

    /* ========== calculator ========== */
    --calculator-button-default-variant-background-disabled-state-color: var(--calculator-button-default-variant-background-disabled-state-dark-mode-color);
    --calculator-button-default-variant-background-normal-state-color: var(--calculator-button-default-variant-background-normal-state-dark-mode-color);
    --calculator-button-default-variant-background-pressed-state-color: var(--calculator-button-default-variant-background-pressed-state-dark-mode-color);
    --calculator-button-default-variant-foreground-disabled-state-color: var(--calculator-button-default-variant-foreground-disabled-state-dark-mode-color);
    --calculator-button-default-variant-foreground-normal-state-color: var(--calculator-button-default-variant-foreground-normal-state-dark-mode-color);
    --calculator-button-default-variant-foreground-pressed-state-color: var(--calculator-button-default-variant-foreground-pressed-state-dark-mode-color);
    --calculator-button-primary-operator-variant-background-disabled-state-color: var(--calculator-button-primary-operator-variant-background-disabled-state-dark-mode-color);
    --calculator-button-primary-operator-variant-background-normal-state-color: var(--calculator-button-primary-operator-variant-background-normal-state-dark-mode-color);
    --calculator-button-primary-operator-variant-background-pressed-state-color: var(--calculator-button-primary-operator-variant-background-pressed-state-dark-mode-color);
    --calculator-button-primary-operator-variant-foreground-disabled-state-color: var(--calculator-button-primary-operator-variant-foreground-disabled-state-dark-mode-color);
    --calculator-button-primary-operator-variant-foreground-normal-state-color: var(--calculator-button-primary-operator-variant-foreground-normal-state-dark-mode-color);
    --calculator-button-primary-operator-variant-foreground-pressed-state-color: var(--calculator-button-primary-operator-variant-foreground-pressed-state-dark-mode-color);
    --calculator-button-secondary-operator-variant-background-disabled-state-color: var(--calculator-button-secondary-operator-variant-background-disabled-state-dark-mode-color);
    --calculator-button-secondary-operator-variant-background-normal-state-color: var(--calculator-button-secondary-operator-variant-background-normal-state-dark-mode-color);
    --calculator-button-secondary-operator-variant-background-pressed-state-color: var(--calculator-button-secondary-operator-variant-background-pressed-state-dark-mode-color);
    --calculator-button-secondary-operator-variant-foreground-disabled-state-color: var(--calculator-button-secondary-operator-variant-foreground-disabled-state-dark-mode-color);
    --calculator-button-secondary-operator-variant-foreground-normal-state-color: var(--calculator-button-secondary-operator-variant-foreground-normal-state-dark-mode-color);
    --calculator-button-secondary-operator-variant-foreground-pressed-state-color: var(--calculator-button-secondary-operator-variant-foreground-pressed-state-dark-mode-color);
    --calculator-display-border-color: var(--calculator-display-border-dark-mode-color);
    --calculator-display-text-color: var(--calculator-display-text-dark-mode-color);

    /* ========== checkbox ========== */
    --checkbox-disabled-state-invalid-validity-checked-value-background-color: var(--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-background-color);
    --checkbox-disabled-state-invalid-validity-checked-value-border-color: var(--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-border-color);
    --checkbox-disabled-state-invalid-validity-checked-value-icon-color: var(--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-icon-color);
    --checkbox-disabled-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-background-color);
    --checkbox-disabled-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-border-color);
    --checkbox-disabled-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-icon-color);
    --checkbox-disabled-state-invalid-validity-unchecked-value-background-color: var(--checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-background-color);
    --checkbox-disabled-state-invalid-validity-unchecked-value-border-color: var(--checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-border-color);
    --checkbox-disabled-state-normal-validity-checked-value-background-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-background-color);
    --checkbox-disabled-state-normal-validity-checked-value-border-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-border-color);
    --checkbox-disabled-state-normal-validity-checked-value-icon-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-icon-color);
    --checkbox-disabled-state-normal-validity-indeterminate-value-background-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-background-color);
    --checkbox-disabled-state-normal-validity-indeterminate-value-border-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-border-color);
    --checkbox-disabled-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-icon-color);
    --checkbox-disabled-state-normal-validity-unchecked-value-background-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-background-color);
    --checkbox-disabled-state-normal-validity-unchecked-value-border-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-border-color);
    --checkbox-focus-ring-color: var(--checkbox-dark-mode-focus-ring-color);
    --checkbox-focus-state-invalid-validity-checked-value-background-color: var(--checkbox-focus-state-invalid-validity-checked-value-dark-mode-background-color);
    --checkbox-focus-state-invalid-validity-checked-value-border-color: var(--checkbox-focus-state-invalid-validity-checked-value-dark-mode-border-color);
    --checkbox-focus-state-invalid-validity-checked-value-icon-color: var(--checkbox-focus-state-invalid-validity-checked-value-dark-mode-icon-color);
    --checkbox-focus-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-background-color);
    --checkbox-focus-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-border-color);
    --checkbox-focus-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-icon-color);
    --checkbox-focus-state-invalid-validity-unchecked-value-background-color: var(--checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-background-color);
    --checkbox-focus-state-invalid-validity-unchecked-value-border-color: var(--checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-border-color);
    --checkbox-focus-state-normal-validity-checked-value-background-color: var(--checkbox-focus-state-normal-validity-checked-value-dark-mode-background-color);
    --checkbox-focus-state-normal-validity-checked-value-border-color: var(--checkbox-focus-state-normal-validity-checked-value-dark-mode-border-color);
    --checkbox-focus-state-normal-validity-checked-value-icon-color: var(--checkbox-focus-state-normal-validity-checked-value-dark-mode-icon-color);
    --checkbox-focus-state-normal-validity-indeterminate-value-background-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-background-color);
    --checkbox-focus-state-normal-validity-indeterminate-value-border-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-border-color);
    --checkbox-focus-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-icon-color);
    --checkbox-focus-state-normal-validity-unchecked-value-background-color: var(--checkbox-focus-state-normal-validity-unchecked-value-dark-mode-background-color);
    --checkbox-focus-state-normal-validity-unchecked-value-border-color: var(--checkbox-focus-state-normal-validity-unchecked-value-dark-mode-border-color);
    --checkbox-hover-state-invalid-validity-checked-value-background-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-background-color);
    --checkbox-hover-state-invalid-validity-checked-value-border-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-border-color);
    --checkbox-hover-state-invalid-validity-checked-value-icon-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-icon-color);
    --checkbox-hover-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-background-color);
    --checkbox-hover-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-border-color);
    --checkbox-hover-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-icon-color);
    --checkbox-hover-state-invalid-validity-unchecked-value-background-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-background-color);
    --checkbox-hover-state-invalid-validity-unchecked-value-border-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-border-color);
    --checkbox-hover-state-normal-validity-checked-value-background-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-background-color);
    --checkbox-hover-state-normal-validity-checked-value-border-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-border-color);
    --checkbox-hover-state-normal-validity-checked-value-icon-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-icon-color);
    --checkbox-hover-state-normal-validity-indeterminate-value-background-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-background-color);
    --checkbox-hover-state-normal-validity-indeterminate-value-border-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-border-color);
    --checkbox-hover-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-icon-color);
    --checkbox-hover-state-normal-validity-unchecked-value-background-color: var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-background-color);
    --checkbox-hover-state-normal-validity-unchecked-value-border-color: var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-border-color);
    --checkbox-normal-state-invalid-validity-checked-value-background-color: var(--checkbox-normal-state-invalid-validity-checked-value-dark-mode-background-color);
    --checkbox-normal-state-invalid-validity-checked-value-border-color: var(--checkbox-normal-state-invalid-validity-checked-value-dark-mode-border-color);
    --checkbox-normal-state-invalid-validity-checked-value-icon-color: var(--checkbox-normal-state-invalid-validity-checked-value-dark-mode-icon-color);
    --checkbox-normal-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-background-color);
    --checkbox-normal-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-border-color);
    --checkbox-normal-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-icon-color);
    --checkbox-normal-state-invalid-validity-unchecked-value-background-color: var(--checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-background-color);
    --checkbox-normal-state-invalid-validity-unchecked-value-border-color: var(--checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-border-color);
    --checkbox-normal-state-normal-validity-checked-value-background-color: var(--checkbox-normal-state-normal-validity-checked-value-dark-mode-background-color);
    --checkbox-normal-state-normal-validity-checked-value-border-color: var(--checkbox-normal-state-normal-validity-checked-value-dark-mode-border-color);
    --checkbox-normal-state-normal-validity-checked-value-icon-color: var(--checkbox-normal-state-normal-validity-checked-value-dark-mode-icon-color);
    --checkbox-normal-state-normal-validity-indeterminate-value-background-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-background-color);
    --checkbox-normal-state-normal-validity-indeterminate-value-border-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-border-color);
    --checkbox-normal-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-icon-color);
    --checkbox-normal-state-normal-validity-unchecked-value-background-color: var(--checkbox-normal-state-normal-validity-unchecked-value-dark-mode-background-color);
    --checkbox-normal-state-normal-validity-unchecked-value-border-color: var(--checkbox-normal-state-normal-validity-unchecked-value-dark-mode-border-color);
    --checkbox-pressed-state-invalid-validity-checked-value-background-color: var(--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-background-color);
    --checkbox-pressed-state-invalid-validity-checked-value-border-color: var(--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-border-color);
    --checkbox-pressed-state-invalid-validity-checked-value-icon-color: var(--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-icon-color);
    --checkbox-pressed-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-background-color);
    --checkbox-pressed-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-border-color);
    --checkbox-pressed-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-icon-color);
    --checkbox-pressed-state-invalid-validity-unchecked-value-background-color: var(--checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-background-color);
    --checkbox-pressed-state-invalid-validity-unchecked-value-border-color: var(--checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-border-color);
    --checkbox-pressed-state-normal-validity-checked-value-background-color: var(--checkbox-pressed-state-normal-validity-checked-value-dark-mode-background-color);
    --checkbox-pressed-state-normal-validity-checked-value-border-color: var(--checkbox-pressed-state-normal-validity-checked-value-dark-mode-border-color);
    --checkbox-pressed-state-normal-validity-checked-value-icon-color: var(--checkbox-pressed-state-normal-validity-checked-value-dark-mode-icon-color);
    --checkbox-pressed-state-normal-validity-indeterminate-value-background-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-background-color);
    --checkbox-pressed-state-normal-validity-indeterminate-value-border-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-border-color);
    --checkbox-pressed-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-icon-color);
    --checkbox-pressed-state-normal-validity-unchecked-value-background-color: var(--checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-background-color);
    --checkbox-pressed-state-normal-validity-unchecked-value-border-color: var(--checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-border-color);

    /* ========== choice-button ========== */
    --choice-button-focus-ring-color: var(--choice-button-dark-mode-focus-ring-color);
    --choice-button-selected-value-disabled-state-background-color: var(--choice-button-selected-value-disabled-state-dark-mode-background-color);
    --choice-button-selected-value-disabled-state-label-color: var(--choice-button-selected-value-disabled-state-dark-mode-label-color);
    --choice-button-selected-value-hover-state-background-color: var(--choice-button-selected-value-hover-state-dark-mode-background-color);
    --choice-button-selected-value-hover-state-label-color: var(--choice-button-selected-value-hover-state-dark-mode-label-color);
    --choice-button-selected-value-normal-state-background-color: var(--choice-button-selected-value-normal-state-dark-mode-background-color);
    --choice-button-selected-value-normal-state-label-color: var(--choice-button-selected-value-normal-state-dark-mode-label-color);
    --choice-button-selected-value-pressed-state-background-color: var(--choice-button-selected-value-pressed-state-dark-mode-background-color);
    --choice-button-selected-value-pressed-state-label-color: var(--choice-button-selected-value-pressed-state-dark-mode-label-color);
    --choice-button-unselected-value-disabled-state-background-color: var(--choice-button-unselected-value-disabled-state-dark-mode-background-color);
    --choice-button-unselected-value-disabled-state-label-color: var(--choice-button-unselected-value-disabled-state-dark-mode-label-color);
    --choice-button-unselected-value-hover-state-background-color: var(--choice-button-unselected-value-hover-state-dark-mode-background-color);
    --choice-button-unselected-value-hover-state-label-color: var(--choice-button-unselected-value-hover-state-dark-mode-label-color);
    --choice-button-unselected-value-normal-state-background-color: var(--choice-button-unselected-value-normal-state-dark-mode-background-color);
    --choice-button-unselected-value-normal-state-label-color: var(--choice-button-unselected-value-normal-state-dark-mode-label-color);
    --choice-button-unselected-value-pressed-state-background-color: var(--choice-button-unselected-value-pressed-state-dark-mode-background-color);
    --choice-button-unselected-value-pressed-state-label-color: var(--choice-button-unselected-value-pressed-state-dark-mode-label-color);

    /* ========== choice-icon-button ========== */
    --choice-icon-button-focus-ring-color: var(--choice-icon-button-dark-mode-focus-ring-color);
    --choice-icon-button-selected-value-disabled-state-background-color: var(--choice-icon-button-selected-value-disabled-state-dark-mode-background-color);
    --choice-icon-button-selected-value-disabled-state-icon-color: var(--choice-icon-button-selected-value-disabled-state-dark-mode-icon-color);
    --choice-icon-button-selected-value-hover-state-background-color: var(--choice-icon-button-selected-value-hover-state-dark-mode-background-color);
    --choice-icon-button-selected-value-hover-state-icon-color: var(--choice-icon-button-selected-value-hover-state-dark-mode-icon-color);
    --choice-icon-button-selected-value-normal-state-background-color: var(--choice-icon-button-selected-value-normal-state-dark-mode-background-color);
    --choice-icon-button-selected-value-normal-state-icon-color: var(--choice-icon-button-selected-value-normal-state-dark-mode-icon-color);
    --choice-icon-button-selected-value-pressed-state-background-color: var(--choice-icon-button-selected-value-pressed-state-dark-mode-background-color);
    --choice-icon-button-selected-value-pressed-state-icon-color: var(--choice-icon-button-selected-value-pressed-state-dark-mode-icon-color);
    --choice-icon-button-unselected-value-disabled-state-background-color: var(--choice-icon-button-unselected-value-disabled-state-dark-mode-background-color);
    --choice-icon-button-unselected-value-disabled-state-icon-color: var(--choice-icon-button-unselected-value-disabled-state-dark-mode-icon-color);
    --choice-icon-button-unselected-value-hover-state-background-color: var(--choice-icon-button-unselected-value-hover-state-dark-mode-background-color);
    --choice-icon-button-unselected-value-hover-state-icon-color: var(--choice-icon-button-unselected-value-hover-state-dark-mode-icon-color);
    --choice-icon-button-unselected-value-normal-state-background-color: var(--choice-icon-button-unselected-value-normal-state-dark-mode-background-color);
    --choice-icon-button-unselected-value-normal-state-icon-color: var(--choice-icon-button-unselected-value-normal-state-dark-mode-icon-color);
    --choice-icon-button-unselected-value-pressed-state-background-color: var(--choice-icon-button-unselected-value-pressed-state-dark-mode-background-color);
    --choice-icon-button-unselected-value-pressed-state-icon-color: var(--choice-icon-button-unselected-value-pressed-state-dark-mode-icon-color);

    /* ========== coachmark ========== */
    --coachmark-background-color: var(--coachmark-background-dark-mode-color);
    --coachmark-heading-color: var(--coachmark-heading-dark-mode-color);
    --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);
    --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);
    --coachmark-icon-button-destructive-variant-primary-rank-hover-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);
    --coachmark-icon-button-destructive-variant-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);
    --coachmark-icon-button-destructive-variant-primary-rank-normal-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);
    --coachmark-icon-button-destructive-variant-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);
    --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);
    --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);
    --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);
    --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);
    --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);
    --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);
    --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);
    --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);
    --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);
    --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);
    --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);
    --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);
    --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);
    --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);
    --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);
    --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);
    --coachmark-icon-button-disabled-state-background-color: var(--coachmark-icon-button-disabled-state-dark-mode-background-color);
    --coachmark-icon-button-disabled-state-icon-color: var(--coachmark-icon-button-disabled-state-dark-mode-icon-color);
    --coachmark-icon-button-focus-state-background-color: var(--coachmark-icon-button-focus-state-dark-mode-background-color);
    --coachmark-icon-button-focus-state-icon-color: var(--coachmark-icon-button-focus-state-dark-mode-icon-color);
    --coachmark-icon-button-hover-state-background-color: var(--coachmark-icon-button-hover-state-dark-mode-background-color);
    --coachmark-icon-button-hover-state-icon-color: var(--coachmark-icon-button-hover-state-dark-mode-icon-color);
    --coachmark-icon-button-normal-state-background-color: var(--coachmark-icon-button-normal-state-dark-mode-background-color);
    --coachmark-icon-button-normal-state-icon-color: var(--coachmark-icon-button-normal-state-dark-mode-icon-color);
    --coachmark-icon-button-normal-variant-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
    --coachmark-icon-button-normal-variant-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);
    --coachmark-icon-button-normal-variant-primary-rank-focus-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);
    --coachmark-icon-button-normal-variant-primary-rank-focus-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);
    --coachmark-icon-button-normal-variant-primary-rank-hover-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);
    --coachmark-icon-button-normal-variant-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);
    --coachmark-icon-button-normal-variant-primary-rank-normal-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);
    --coachmark-icon-button-normal-variant-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);
    --coachmark-icon-button-normal-variant-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);
    --coachmark-icon-button-normal-variant-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);
    --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);
    --coachmark-icon-button-normal-variant-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
    --coachmark-icon-button-normal-variant-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);
    --coachmark-icon-button-normal-variant-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
    --coachmark-icon-button-normal-variant-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);
    --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);
    --coachmark-icon-button-pressed-state-background-color: var(--coachmark-icon-button-pressed-state-dark-mode-background-color);
    --coachmark-icon-button-pressed-state-icon-color: var(--coachmark-icon-button-pressed-state-dark-mode-icon-color);
    --coachmark-icon-button-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-primary-rank-disabled-state-dark-mode-background-color);
    --coachmark-icon-button-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-primary-rank-disabled-state-dark-mode-icon-color);
    --coachmark-icon-button-primary-rank-focus-state-background-color: var(--coachmark-icon-button-primary-rank-focus-state-dark-mode-background-color);
    --coachmark-icon-button-primary-rank-focus-state-icon-color: var(--coachmark-icon-button-primary-rank-focus-state-dark-mode-icon-color);
    --coachmark-icon-button-primary-rank-hover-state-background-color: var(--coachmark-icon-button-primary-rank-hover-state-dark-mode-background-color);
    --coachmark-icon-button-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-primary-rank-hover-state-dark-mode-icon-color);
    --coachmark-icon-button-primary-rank-normal-state-background-color: var(--coachmark-icon-button-primary-rank-normal-state-dark-mode-background-color);
    --coachmark-icon-button-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-primary-rank-normal-state-dark-mode-icon-color);
    --coachmark-icon-button-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-primary-rank-pressed-state-dark-mode-background-color);
    --coachmark-icon-button-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-primary-rank-pressed-state-dark-mode-icon-color);
    --coachmark-icon-button-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-secondary-rank-disabled-state-dark-mode-background-color);
    --coachmark-icon-button-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-secondary-rank-disabled-state-dark-mode-icon-color);
    --coachmark-icon-button-secondary-rank-focus-state-background-color: var(--coachmark-icon-button-secondary-rank-focus-state-dark-mode-background-color);
    --coachmark-icon-button-secondary-rank-focus-state-icon-color: var(--coachmark-icon-button-secondary-rank-focus-state-dark-mode-icon-color);
    --coachmark-icon-button-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-secondary-rank-hover-state-dark-mode-background-color);
    --coachmark-icon-button-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-secondary-rank-hover-state-dark-mode-icon-color);
    --coachmark-icon-button-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-secondary-rank-normal-state-dark-mode-background-color);
    --coachmark-icon-button-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-secondary-rank-normal-state-dark-mode-icon-color);
    --coachmark-icon-button-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-secondary-rank-pressed-state-dark-mode-background-color);
    --coachmark-icon-button-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-secondary-rank-pressed-state-dark-mode-icon-color);
    --coachmark-icon-button-tertiary-rank-disabled-state-background-color: var(--coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-background-color);
    --coachmark-icon-button-tertiary-rank-disabled-state-icon-color: var(--coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-icon-color);
    --coachmark-icon-button-tertiary-rank-focus-state-background-color: var(--coachmark-icon-button-tertiary-rank-focus-state-dark-mode-background-color);
    --coachmark-icon-button-tertiary-rank-focus-state-icon-color: var(--coachmark-icon-button-tertiary-rank-focus-state-dark-mode-icon-color);
    --coachmark-icon-button-tertiary-rank-hover-state-background-color: var(--coachmark-icon-button-tertiary-rank-hover-state-dark-mode-background-color);
    --coachmark-icon-button-tertiary-rank-hover-state-icon-color: var(--coachmark-icon-button-tertiary-rank-hover-state-dark-mode-icon-color);
    --coachmark-icon-button-tertiary-rank-normal-state-background-color: var(--coachmark-icon-button-tertiary-rank-normal-state-dark-mode-background-color);
    --coachmark-icon-button-tertiary-rank-normal-state-icon-color: var(--coachmark-icon-button-tertiary-rank-normal-state-dark-mode-icon-color);
    --coachmark-icon-button-tertiary-rank-pressed-state-background-color: var(--coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-background-color);
    --coachmark-icon-button-tertiary-rank-pressed-state-icon-color: var(--coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-icon-color);
    --coachmark-paragraph-color: var(--coachmark-paragraph-dark-mode-color);
    --coachmark-pill-alpha-variant-background-color: var(--coachmark-pill-alpha-variant-background-dark-mode-color);
    --coachmark-pill-alpha-variant-icon-color: var(--coachmark-pill-alpha-variant-icon-dark-mode-color);
    --coachmark-pill-alpha-variant-normal-state-background-color: var(--coachmark-pill-alpha-variant-normal-state-background-dark-mode-color);
    --coachmark-pill-alpha-variant-pressed-state-background-color: var(--coachmark-pill-alpha-variant-pressed-state-background-dark-mode-color);
    --coachmark-pill-alpha-variant-text-color: var(--coachmark-pill-alpha-variant-text-dark-mode-color);
    --coachmark-pill-beta-variant-background-color: var(--coachmark-pill-beta-variant-background-dark-mode-color);
    --coachmark-pill-beta-variant-icon-color: var(--coachmark-pill-beta-variant-icon-dark-mode-color);
    --coachmark-pill-beta-variant-normal-state-background-color: var(--coachmark-pill-beta-variant-normal-state-background-dark-mode-color);
    --coachmark-pill-beta-variant-pressed-state-background-color: var(--coachmark-pill-beta-variant-pressed-state-background-dark-mode-color);
    --coachmark-pill-beta-variant-text-color: var(--coachmark-pill-beta-variant-text-dark-mode-color);
    --coachmark-pill-border-color: var(--coachmark-pill-border-dark-mode-color);
    --coachmark-pill-critical-variant-background-color: var(--coachmark-pill-critical-variant-background-dark-mode-color);
    --coachmark-pill-critical-variant-icon-color: var(--coachmark-pill-critical-variant-icon-dark-mode-color);
    --coachmark-pill-critical-variant-normal-state-background-color: var(--coachmark-pill-critical-variant-normal-state-background-dark-mode-color);
    --coachmark-pill-critical-variant-pressed-state-background-color: var(--coachmark-pill-critical-variant-pressed-state-background-dark-mode-color);
    --coachmark-pill-critical-variant-text-color: var(--coachmark-pill-critical-variant-text-dark-mode-color);
    --coachmark-pill-emphasis-variant-background-color: var(--coachmark-pill-emphasis-variant-background-dark-mode-color);
    --coachmark-pill-emphasis-variant-icon-color: var(--coachmark-pill-emphasis-variant-icon-dark-mode-color);
    --coachmark-pill-emphasis-variant-normal-state-background-color: var(--coachmark-pill-emphasis-variant-normal-state-background-dark-mode-color);
    --coachmark-pill-emphasis-variant-pressed-state-background-color: var(--coachmark-pill-emphasis-variant-pressed-state-background-dark-mode-color);
    --coachmark-pill-emphasis-variant-text-color: var(--coachmark-pill-emphasis-variant-text-dark-mode-color);
    --coachmark-pill-insight-variant-background-color: var(--coachmark-pill-insight-variant-background-dark-mode-color);
    --coachmark-pill-insight-variant-icon-color: var(--coachmark-pill-insight-variant-icon-dark-mode-color);
    --coachmark-pill-insight-variant-normal-state-background-color: var(--coachmark-pill-insight-variant-normal-state-background-dark-mode-color);
    --coachmark-pill-insight-variant-pressed-state-background-color: var(--coachmark-pill-insight-variant-pressed-state-background-dark-mode-color);
    --coachmark-pill-insight-variant-text-color: var(--coachmark-pill-insight-variant-text-dark-mode-color);
    --coachmark-pill-normal-variant-background-color: var(--coachmark-pill-normal-variant-background-dark-mode-color);
    --coachmark-pill-normal-variant-icon-color: var(--coachmark-pill-normal-variant-icon-dark-mode-color);
    --coachmark-pill-normal-variant-normal-state-background-color: var(--coachmark-pill-normal-variant-normal-state-background-dark-mode-color);
    --coachmark-pill-normal-variant-pressed-state-background-color: var(--coachmark-pill-normal-variant-pressed-state-background-dark-mode-color);
    --coachmark-pill-normal-variant-text-color: var(--coachmark-pill-normal-variant-text-dark-mode-color);
    --coachmark-pill-success-variant-background-color: var(--coachmark-pill-success-variant-background-dark-mode-color);
    --coachmark-pill-success-variant-icon-color: var(--coachmark-pill-success-variant-icon-dark-mode-color);
    --coachmark-pill-success-variant-normal-state-background-color: var(--coachmark-pill-success-variant-normal-state-background-dark-mode-color);
    --coachmark-pill-success-variant-pressed-state-background-color: var(--coachmark-pill-success-variant-pressed-state-background-dark-mode-color);
    --coachmark-pill-success-variant-text-color: var(--coachmark-pill-success-variant-text-dark-mode-color);
    --coachmark-pill-warning-variant-background-color: var(--coachmark-pill-warning-variant-background-dark-mode-color);
    --coachmark-pill-warning-variant-icon-color: var(--coachmark-pill-warning-variant-icon-dark-mode-color);
    --coachmark-pill-warning-variant-normal-state-background-color: var(--coachmark-pill-warning-variant-normal-state-background-dark-mode-color);
    --coachmark-pill-warning-variant-pressed-state-background-color: var(--coachmark-pill-warning-variant-pressed-state-background-dark-mode-color);
    --coachmark-pill-warning-variant-text-color: var(--coachmark-pill-warning-variant-text-dark-mode-color);
    --coachmark-step-indicator-color: var(--coachmark-step-indicator-dark-mode-color);
    --coachmark-text-link-color: var(--coachmark-text-link-dark-mode-color);

    /* ========== colorPicker ========== */
    --color-picker-adjustments-scrubber-border-inner-color: var(--color-picker-adjustments-scrubber-border-inner-dark-mode-color);
    --color-picker-adjustments-scrubber-border-outer-color: var(--color-picker-adjustments-scrubber-border-outer-dark-mode-color);
    --color-picker-dots-icon-color: var(--color-picker-dots-icon-dark-mode-color);
    --color-picker-grid-color-palette-gray-color: var(--color-picker-grid-color-palette-gray-dark-mode-color);
    --color-picker-swatch-selected-state-border-color: var(--color-picker-swatch-selected-state-dark-mode-border-color);

    /* ========== contentCard ========== */
    --content-card-background-color: var(--content-card-background-dark-mode-color);
    --content-card-border-color: var(--content-card-border-dark-mode-color);
    --content-card-border-high-contrast-color: var(--content-card-border-high-contrast-dark-mode-color);
    --content-card-border-normal-contrast-color: var(--content-card-border-normal-contrast-dark-mode-color);
    --content-card-default-variant-background-color: var(--content-card-default-variant-background-dark-mode-color);
    --content-card-default-variant-border-color: var(--content-card-default-variant-border-dark-mode-color);
    --content-card-default-variant-border-high-contrast-color: var(--content-card-default-variant-border-high-contrast-dark-mode-color);
    --content-card-default-variant-border-normal-contrast-color: var(--content-card-default-variant-border-normal-contrast-dark-mode-color);
    --content-card-emphasis-variant-background-color: var(--content-card-emphasis-variant-background-dark-mode-color);
    --content-card-emphasis-variant-border-color: var(--content-card-emphasis-variant-border-dark-mode-color);

    /* ========== content-expander ========== */
    --content-expander-collapsed-display-disabled-state-color: var(--content-expander-collapsed-display-disabled-state-dark-mode-color);
    --content-expander-collapsed-display-hover-state-color: var(--content-expander-collapsed-display-hover-state-dark-mode-color);
    --content-expander-collapsed-display-normal-state-color: var(--content-expander-collapsed-display-normal-state-dark-mode-color);
    --content-expander-collapsed-display-pressed-state-color: var(--content-expander-collapsed-display-pressed-state-dark-mode-color);
    --content-expander-disabled-state-color: var(--content-expander-disabled-state-dark-mode-color);
    --content-expander-expanded-display-disabled-state-color: var(--content-expander-expanded-display-disabled-state-dark-mode-color);
    --content-expander-expanded-display-hover-state-color: var(--content-expander-expanded-display-hover-state-dark-mode-color);
    --content-expander-expanded-display-normal-state-color: var(--content-expander-expanded-display-normal-state-dark-mode-color);
    --content-expander-expanded-display-pressed-state-color: var(--content-expander-expanded-display-pressed-state-dark-mode-color);
    --content-expander-hover-state-color: var(--content-expander-hover-state-dark-mode-color);
    --content-expander-normal-state-color: var(--content-expander-normal-state-dark-mode-color);
    --content-expander-pressed-state-color: var(--content-expander-pressed-state-dark-mode-color);

    /* ========== datePicker ========== */
    --date-picker-date-background-range-first-selection-disabled-state-color: var(--date-picker-date-background-range-first-selection-disabled-state-dark-mode-color);
    --date-picker-date-background-range-first-selection-hover-state-color: var(--date-picker-date-background-range-first-selection-hover-state-dark-mode-color);
    --date-picker-date-background-range-first-selection-normal-state-color: var(--date-picker-date-background-range-first-selection-normal-state-dark-mode-color);
    --date-picker-date-background-range-first-selection-pressed-state-color: var(--date-picker-date-background-range-first-selection-pressed-state-dark-mode-color);
    --date-picker-date-background-range-last-selection-disabled-state-color: var(--date-picker-date-background-range-last-selection-disabled-state-dark-mode-color);
    --date-picker-date-background-range-last-selection-hover-state-color: var(--date-picker-date-background-range-last-selection-hover-state-dark-mode-color);
    --date-picker-date-background-range-last-selection-normal-state-color: var(--date-picker-date-background-range-last-selection-normal-state-dark-mode-color);
    --date-picker-date-background-range-last-selection-pressed-state-color: var(--date-picker-date-background-range-last-selection-pressed-state-dark-mode-color);
    --date-picker-date-background-range-middle-selection-disabled-state-color: var(--date-picker-date-background-range-middle-selection-disabled-state-dark-mode-color);
    --date-picker-date-background-range-middle-selection-hover-state-color: var(--date-picker-date-background-range-middle-selection-hover-state-dark-mode-color);
    --date-picker-date-background-range-middle-selection-normal-state-color: var(--date-picker-date-background-range-middle-selection-normal-state-dark-mode-color);
    --date-picker-date-background-range-middle-selection-pressed-state-color: var(--date-picker-date-background-range-middle-selection-pressed-state-dark-mode-color);
    --date-picker-date-background-single-selection-disabled-state-color: var(--date-picker-date-background-single-selection-disabled-state-dark-mode-color);
    --date-picker-date-background-single-selection-hover-state-color: var(--date-picker-date-background-single-selection-hover-state-dark-mode-color);
    --date-picker-date-background-single-selection-normal-state-color: var(--date-picker-date-background-single-selection-normal-state-dark-mode-color);
    --date-picker-date-background-single-selection-pressed-state-color: var(--date-picker-date-background-single-selection-pressed-state-dark-mode-color);
    --date-picker-date-background-unselected-selection-disabled-state-color: var(--date-picker-date-background-unselected-selection-disabled-state-dark-mode-color);
    --date-picker-date-background-unselected-selection-hover-state-color: var(--date-picker-date-background-unselected-selection-hover-state-dark-mode-color);
    --date-picker-date-background-unselected-selection-normal-state-color: var(--date-picker-date-background-unselected-selection-normal-state-dark-mode-color);
    --date-picker-date-background-unselected-selection-pressed-state-color: var(--date-picker-date-background-unselected-selection-pressed-state-dark-mode-color);
    --date-picker-date-border-disabled-state-color-color: var(--date-picker-date-border-disabled-state-color-dark-mode-color);
    --date-picker-date-border-focused-state-color-color: var(--date-picker-date-border-focused-state-color-dark-mode-color);
    --date-picker-date-border-normal-state-color-color: var(--date-picker-date-border-normal-state-color-dark-mode-color);
    --date-picker-date-text-range-first-selection-disabled-state-color: var(--date-picker-date-text-range-first-selection-disabled-state-dark-mode-color);
    --date-picker-date-text-range-first-selection-hover-state-color: var(--date-picker-date-text-range-first-selection-hover-state-dark-mode-color);
    --date-picker-date-text-range-first-selection-normal-state-color: var(--date-picker-date-text-range-first-selection-normal-state-dark-mode-color);
    --date-picker-date-text-range-first-selection-pressed-state-color: var(--date-picker-date-text-range-first-selection-pressed-state-dark-mode-color);
    --date-picker-date-text-range-last-selection-disabled-state-color: var(--date-picker-date-text-range-last-selection-disabled-state-dark-mode-color);
    --date-picker-date-text-range-last-selection-hover-state-color: var(--date-picker-date-text-range-last-selection-hover-state-dark-mode-color);
    --date-picker-date-text-range-last-selection-normal-state-color: var(--date-picker-date-text-range-last-selection-normal-state-dark-mode-color);
    --date-picker-date-text-range-last-selection-pressed-state-color: var(--date-picker-date-text-range-last-selection-pressed-state-dark-mode-color);
    --date-picker-date-text-range-middle-selection-disabled-state-color: var(--date-picker-date-text-range-middle-selection-disabled-state-dark-mode-color);
    --date-picker-date-text-range-middle-selection-hover-state-color: var(--date-picker-date-text-range-middle-selection-hover-state-dark-mode-color);
    --date-picker-date-text-range-middle-selection-normal-state-color: var(--date-picker-date-text-range-middle-selection-normal-state-dark-mode-color);
    --date-picker-date-text-range-middle-selection-pressed-state-color: var(--date-picker-date-text-range-middle-selection-pressed-state-dark-mode-color);
    --date-picker-date-text-single-selection-disabled-state-color: var(--date-picker-date-text-single-selection-disabled-state-dark-mode-color);
    --date-picker-date-text-single-selection-hover-state-color: var(--date-picker-date-text-single-selection-hover-state-dark-mode-color);
    --date-picker-date-text-single-selection-normal-state-color: var(--date-picker-date-text-single-selection-normal-state-dark-mode-color);
    --date-picker-date-text-single-selection-pressed-state-color: var(--date-picker-date-text-single-selection-pressed-state-dark-mode-color);
    --date-picker-date-text-unselected-selection-disabled-state-color: var(--date-picker-date-text-unselected-selection-disabled-state-dark-mode-color);
    --date-picker-date-text-unselected-selection-hover-state-color: var(--date-picker-date-text-unselected-selection-hover-state-dark-mode-color);
    --date-picker-date-text-unselected-selection-normal-state-color: var(--date-picker-date-text-unselected-selection-normal-state-dark-mode-color);
    --date-picker-date-text-unselected-selection-pressed-state-color: var(--date-picker-date-text-unselected-selection-pressed-state-dark-mode-color);
    --date-picker-header-button-background-color: var(--date-picker-header-button-background-dark-mode-color);
    --date-picker-header-button-color: var(--date-picker-header-button-dark-mode-color);
    --date-picker-header-color-color: var(--date-picker-header-color-dark-mode-color);
    --date-picker-menu-row-background-selected-state-color-color: var(--date-picker-menu-row-background-selected-state-color-dark-mode-color);
    --date-picker-menu-row-label-selected-state-text-color: var(--date-picker-menu-row-label-selected-state-text-dark-mode-color);
    --date-picker-today-border-color-color: var(--date-picker-today-border-color-dark-mode-color);
    --date-picker-today-label-disabled-state-color-color: var(--date-picker-today-label-disabled-state-color-dark-mode-color);
    --date-picker-weekdays-color-color: var(--date-picker-weekdays-color-dark-mode-color);

    /* ========== divider ========== */
    --divider-fill-color: var(--divider-fill-dark-mode-color);

    /* ========== dropdown-button ========== */
    --dropdown-button-normal-variant-primary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
    --dropdown-button-normal-variant-primary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);
    --dropdown-button-normal-variant-primary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);
    --dropdown-button-normal-variant-primary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-label-color);
    --dropdown-button-normal-variant-primary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);
    --dropdown-button-normal-variant-primary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-label-color);
    --dropdown-button-normal-variant-primary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);
    --dropdown-button-normal-variant-primary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-label-color);
    --dropdown-button-normal-variant-primary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);
    --dropdown-button-normal-variant-primary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-label-color);
    --dropdown-button-normal-variant-secondary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --dropdown-button-normal-variant-secondary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color);
    --dropdown-button-normal-variant-secondary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-background-color);
    --dropdown-button-normal-variant-secondary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-label-color);
    --dropdown-button-normal-variant-secondary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
    --dropdown-button-normal-variant-secondary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-label-color);
    --dropdown-button-normal-variant-secondary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
    --dropdown-button-normal-variant-secondary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);
    --dropdown-button-normal-variant-secondary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --dropdown-button-normal-variant-secondary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color);
    --dropdown-button-normal-variant-tertiary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color);
    --dropdown-button-normal-variant-tertiary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color);
    --dropdown-button-normal-variant-tertiary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color);
    --dropdown-button-normal-variant-tertiary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color);
    --dropdown-button-normal-variant-tertiary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color);
    --dropdown-button-normal-variant-tertiary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color);
    --dropdown-button-normal-variant-tertiary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);
    --dropdown-button-normal-variant-tertiary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);
    --dropdown-button-normal-variant-tertiary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color);
    --dropdown-button-normal-variant-tertiary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color);

    /* ========== dropdown-icon-button ========== */
    --dropdown-icon-button-disabled-state-background-color: var(--dropdown-icon-button-disabled-state-dark-mode-background-color);
    --dropdown-icon-button-disabled-state-icon-color: var(--dropdown-icon-button-disabled-state-dark-mode-icon-color);
    --dropdown-icon-button-focus-state-background-color: var(--dropdown-icon-button-focus-state-dark-mode-background-color);
    --dropdown-icon-button-focus-state-icon-color: var(--dropdown-icon-button-focus-state-dark-mode-icon-color);
    --dropdown-icon-button-hover-state-background-color: var(--dropdown-icon-button-hover-state-dark-mode-background-color);
    --dropdown-icon-button-hover-state-icon-color: var(--dropdown-icon-button-hover-state-dark-mode-icon-color);
    --dropdown-icon-button-normal-state-background-color: var(--dropdown-icon-button-normal-state-dark-mode-background-color);
    --dropdown-icon-button-normal-state-icon-color: var(--dropdown-icon-button-normal-state-dark-mode-icon-color);
    --dropdown-icon-button-pressed-state-background-color: var(--dropdown-icon-button-pressed-state-dark-mode-background-color);
    --dropdown-icon-button-pressed-state-icon-color: var(--dropdown-icon-button-pressed-state-dark-mode-icon-color);

    /* ========== empty-state ========== */
    --empty-state-background-color: var(--empty-state-background-dark-mode-color);
    --empty-state-border-color: var(--empty-state-border-dark-mode-color);
    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-disabled-state-background-color: var(--empty-state-button-group-overflow-button-disabled-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-disabled-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-focus-state-background-color: var(--empty-state-button-group-overflow-button-focus-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-focus-state-icon-color: var(--empty-state-button-group-overflow-button-focus-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-hover-state-background-color: var(--empty-state-button-group-overflow-button-hover-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-hover-state-icon-color: var(--empty-state-button-group-overflow-button-hover-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-pressed-state-background-color: var(--empty-state-button-group-overflow-button-pressed-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-pressed-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-primary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-primary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-primary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-primary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-primary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-primary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-primary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-primary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-primary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-primary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-secondary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-secondary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-secondary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-secondary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-secondary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-secondary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-secondary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-secondary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-secondary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-secondary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-tertiary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-tertiary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-tertiary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-tertiary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-tertiary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-tertiary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);
    --empty-state-heading-color: var(--empty-state-heading-dark-mode-color);
    --empty-state-heading-text-color: var(--empty-state-heading-text-dark-mode-color);
    --empty-state-paragraph-text-color: var(--empty-state-paragraph-text-dark-mode-color);

    /* ========== field ========== */
    --field-action-text-color: var(--field-dark-mode-action-text-color);
    --field-disabled-state-background-color: var(--field-disabled-state-dark-mode-background-color);
    --field-disabled-state-border-color: var(--field-disabled-state-dark-mode-border-color);
    --field-disabled-state-empty-phase-label-color: var(--field-disabled-state-empty-phase-dark-mode-label-color);
    --field-disabled-state-float-phase-label-color: var(--field-disabled-state-float-phase-dark-mode-label-color);
    --field-disabled-state-input-color: var(--field-disabled-state-dark-mode-input-color);
    --field-error-message-text-color: var(--field-dark-mode-error-message-text-color);
    --field-focus-state-background-color: var(--field-focus-state-dark-mode-background-color);
    --field-focus-state-float-phase-label-color: var(--field-focus-state-float-phase-dark-mode-label-color);
    --field-focus-state-input-color: var(--field-focus-state-dark-mode-input-color);
    --field-focus-state-invalid-validity-border-color: var(--field-focus-state-invalid-validity-dark-mode-border-color);
    --field-focus-state-normal-validity-border-color: var(--field-focus-state-normal-validity-dark-mode-border-color);
    --field-helper-text-text-color: var(--field-dark-mode-helper-text-text-color);
    --field-hover-state-background-color: var(--field-hover-state-dark-mode-background-color);
    --field-hover-state-empty-phase-label-color: var(--field-hover-state-empty-phase-dark-mode-label-color);
    --field-hover-state-float-phase-label-color: var(--field-hover-state-float-phase-dark-mode-label-color);
    --field-hover-state-input-color: var(--field-hover-state-dark-mode-input-color);
    --field-hover-state-invalid-validity-border-color: var(--field-hover-state-invalid-validity-dark-mode-border-color);
    --field-hover-state-normal-validity-border-color: var(--field-hover-state-normal-validity-dark-mode-border-color);
    --field-normal-state-background-color: var(--field-normal-state-dark-mode-background-color);
    --field-normal-state-empty-phase-label-color: var(--field-normal-state-empty-phase-dark-mode-label-color);
    --field-normal-state-float-phase-label-color: var(--field-normal-state-float-phase-dark-mode-label-color);
    --field-normal-state-input-color: var(--field-normal-state-dark-mode-input-color);
    --field-normal-state-invalid-validity-border-color: var(--field-normal-state-invalid-validity-dark-mode-border-color);
    --field-normal-state-normal-validity-border-color: var(--field-normal-state-normal-validity-dark-mode-border-color);
    --field-normal-state-normal-validity-border-high-contrast-color: var(--field-normal-state-normal-validity-dark-mode-border-high-contrast-color);
    --field-normal-state-normal-validity-border-normal-contrast-color: var(--field-normal-state-normal-validity-dark-mode-border-normal-contrast-color);
    --field-placeholder-text-color: var(--field-dark-mode-placeholder-text-color);
    --field-selection-caret-color: var(--field-dark-mode-selection-caret-color);
    --field-selection-highlight-color: var(--field-dark-mode-selection-highlight-color);
    --field-selection-text-cursor-color: var(--field-dark-mode-selection-text-cursor-color);

    /* ========== file-upload ========== */
    --file-upload-dropzone-disabled-state-background-color: var(--file-upload-dropzone-disabled-state-background-dark-mode-color);
    --file-upload-dropzone-disabled-state-border-color: var(--file-upload-dropzone-disabled-state-border-dark-mode-color);
    --file-upload-dropzone-disabled-state-icon-color: var(--file-upload-dropzone-disabled-state-icon-dark-mode-color);
    --file-upload-dropzone-disabled-state-subtext-color: var(--file-upload-dropzone-disabled-state-subtext-dark-mode-color);
    --file-upload-dropzone-disabled-state-text-color: var(--file-upload-dropzone-disabled-state-text-dark-mode-color);
    --file-upload-dropzone-hover-state-background-color: var(--file-upload-dropzone-hover-state-background-dark-mode-color);
    --file-upload-dropzone-hover-state-border-color: var(--file-upload-dropzone-hover-state-border-dark-mode-color);
    --file-upload-dropzone-hover-state-icon-color: var(--file-upload-dropzone-hover-state-icon-dark-mode-color);
    --file-upload-dropzone-hover-state-subtext-color: var(--file-upload-dropzone-hover-state-subtext-dark-mode-color);
    --file-upload-dropzone-hover-state-text-color: var(--file-upload-dropzone-hover-state-text-dark-mode-color);
    --file-upload-dropzone-normal-state-background-color: var(--file-upload-dropzone-normal-state-background-dark-mode-color);
    --file-upload-dropzone-normal-state-border-color: var(--file-upload-dropzone-normal-state-border-dark-mode-color);
    --file-upload-dropzone-normal-state-icon-color: var(--file-upload-dropzone-normal-state-icon-dark-mode-color);
    --file-upload-dropzone-normal-state-subtext-color: var(--file-upload-dropzone-normal-state-subtext-dark-mode-color);
    --file-upload-dropzone-normal-state-text-color: var(--file-upload-dropzone-normal-state-text-dark-mode-color);
    --file-upload-dropzone-pressed-state-background-color: var(--file-upload-dropzone-pressed-state-background-dark-mode-color);
    --file-upload-dropzone-pressed-state-border-color: var(--file-upload-dropzone-pressed-state-border-dark-mode-color);
    --file-upload-dropzone-pressed-state-icon-color: var(--file-upload-dropzone-pressed-state-icon-dark-mode-color);
    --file-upload-dropzone-pressed-state-subtext-color: var(--file-upload-dropzone-pressed-state-subtext-dark-mode-color);
    --file-upload-dropzone-pressed-state-text-color: var(--file-upload-dropzone-pressed-state-text-dark-mode-color);
    --file-upload-upload-item-error-state-background-color: var(--file-upload-upload-item-error-state-background-dark-mode-color);
    --file-upload-upload-item-error-state-leading-accessory-background-color: var(--file-upload-upload-item-error-state-leading-accessory-background-dark-mode-color);
    --file-upload-upload-item-error-state-leading-accessory-icon-color: var(--file-upload-upload-item-error-state-leading-accessory-icon-dark-mode-color);
    --file-upload-upload-item-error-state-subtext-color: var(--file-upload-upload-item-error-state-subtext-dark-mode-color);
    --file-upload-upload-item-error-state-text-color: var(--file-upload-upload-item-error-state-text-dark-mode-color);
    --file-upload-upload-item-error-state-trailing-accessory-icon-color: var(--file-upload-upload-item-error-state-trailing-accessory-icon-dark-mode-color);
    --file-upload-upload-item-hover-state-background-color: var(--file-upload-upload-item-hover-state-background-dark-mode-color);
    --file-upload-upload-item-hover-state-leading-accessory-background-color: var(--file-upload-upload-item-hover-state-leading-accessory-background-dark-mode-color);
    --file-upload-upload-item-hover-state-leading-accessory-icon-color: var(--file-upload-upload-item-hover-state-leading-accessory-icon-dark-mode-color);
    --file-upload-upload-item-hover-state-subtext-color: var(--file-upload-upload-item-hover-state-subtext-dark-mode-color);
    --file-upload-upload-item-hover-state-text-color: var(--file-upload-upload-item-hover-state-text-dark-mode-color);
    --file-upload-upload-item-hover-state-trailing-accessory-icon-color: var(--file-upload-upload-item-hover-state-trailing-accessory-icon-dark-mode-color);
    --file-upload-upload-item-loading-state-background-color: var(--file-upload-upload-item-loading-state-background-dark-mode-color);
    --file-upload-upload-item-loading-state-leading-accessory-background-color: var(--file-upload-upload-item-loading-state-leading-accessory-background-dark-mode-color);
    --file-upload-upload-item-loading-state-leading-accessory-icon-color: var(--file-upload-upload-item-loading-state-leading-accessory-icon-dark-mode-color);
    --file-upload-upload-item-loading-state-subtext-color: var(--file-upload-upload-item-loading-state-subtext-dark-mode-color);
    --file-upload-upload-item-loading-state-text-color: var(--file-upload-upload-item-loading-state-text-dark-mode-color);
    --file-upload-upload-item-loading-state-trailing-accessory-icon-color: var(--file-upload-upload-item-loading-state-trailing-accessory-icon-dark-mode-color);
    --file-upload-upload-item-multiple-value-separator-color: var(--file-upload-upload-item-multiple-value-separator-dark-mode-color);
    --file-upload-upload-item-normal-state-background-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);
    --file-upload-upload-item-normal-state-leading-accessory-background-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color);
    --file-upload-upload-item-normal-state-leading-accessory-icon-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color);
    --file-upload-upload-item-normal-state-subtext-color: var(--file-upload-upload-item-normal-state-subtext-dark-mode-color);
    --file-upload-upload-item-normal-state-text-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color);
    --file-upload-upload-item-normal-state-trailing-accessory-icon-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color);
    --file-upload-upload-item-pressed-state-background-color: var(--file-upload-upload-item-pressed-state-background-dark-mode-color);
    --file-upload-upload-item-pressed-state-leading-accessory-background-color: var(--file-upload-upload-item-pressed-state-leading-accessory-background-dark-mode-color);
    --file-upload-upload-item-pressed-state-leading-accessory-icon-color: var(--file-upload-upload-item-pressed-state-leading-accessory-icon-dark-mode-color);
    --file-upload-upload-item-pressed-state-subtext-color: var(--file-upload-upload-item-pressed-state-subtext-dark-mode-color);
    --file-upload-upload-item-pressed-state-text-color: var(--file-upload-upload-item-pressed-state-text-dark-mode-color);
    --file-upload-upload-item-pressed-state-trailing-accessory-icon-color: var(--file-upload-upload-item-pressed-state-trailing-accessory-icon-dark-mode-color);
    --file-upload-upload-item-single-value-border-color-color: var(--file-upload-upload-item-single-value-border-color-dark-mode-color);
    --file-upload-upload-item-success-state-background-color: var(--file-upload-upload-item-success-state-background-dark-mode-color);
    --file-upload-upload-item-success-state-leading-accessory-background-color: var(--file-upload-upload-item-success-state-leading-accessory-background-dark-mode-color);
    --file-upload-upload-item-success-state-leading-accessory-icon-color: var(--file-upload-upload-item-success-state-leading-accessory-icon-dark-mode-color);
    --file-upload-upload-item-success-state-subtext-color: var(--file-upload-upload-item-success-state-subtext-dark-mode-color);
    --file-upload-upload-item-success-state-text-color: var(--file-upload-upload-item-success-state-text-dark-mode-color);
    --file-upload-upload-item-success-state-trailing-accessory-icon-color: var(--file-upload-upload-item-success-state-trailing-accessory-icon-dark-mode-color);

    /* ========== filter-button ========== */
    --filter-button-disabled-state-background-color: var(--filter-button-disabled-state-background-dark-mode-color);
    --filter-button-disabled-state-border-color: var(--filter-button-disabled-state-border-dark-mode-color);
    --filter-button-disabled-state-feedback-color: var(--filter-button-disabled-state-feedback-dark-mode-color);
    --filter-button-disabled-state-label-color: var(--filter-button-disabled-state-label-dark-mode-color);
    --filter-button-hover-state-background-color: var(--filter-button-hover-state-background-dark-mode-color);
    --filter-button-hover-state-border-color: var(--filter-button-hover-state-border-dark-mode-color);
    --filter-button-hover-state-feedback-color: var(--filter-button-hover-state-feedback-dark-mode-color);
    --filter-button-hover-state-label-color: var(--filter-button-hover-state-label-dark-mode-color);
    --filter-button-normal-state-background-color: var(--filter-button-normal-state-background-dark-mode-color);
    --filter-button-normal-state-border-color: var(--filter-button-normal-state-border-dark-mode-color);
    --filter-button-normal-state-border-high-contrast-color: var(--filter-button-normal-state-border-high-contrast-dark-mode-color);
    --filter-button-normal-state-border-normal-contrast-color: var(--filter-button-normal-state-border-normal-contrast-dark-mode-color);
    --filter-button-normal-state-feedback-color: var(--filter-button-normal-state-feedback-dark-mode-color);
    --filter-button-normal-state-label-color: var(--filter-button-normal-state-label-dark-mode-color);
    --filter-button-pressed-state-background-color: var(--filter-button-pressed-state-background-dark-mode-color);
    --filter-button-pressed-state-border-color: var(--filter-button-pressed-state-border-dark-mode-color);
    --filter-button-pressed-state-feedback-color: var(--filter-button-pressed-state-feedback-dark-mode-color);
    --filter-button-pressed-state-label-color: var(--filter-button-pressed-state-label-dark-mode-color);

    /* ========== hardware-slider ========== */
    --hardware-slider-icon-tint-color: var(--hardware-slider-icon-tint-dark-mode-color);
    --hardware-slider-track-active-disabled-state-background-color: var(--hardware-slider-track-active-disabled-state-background-dark-mode-color);
    --hardware-slider-track-active-normal-state-background-color: var(--hardware-slider-track-active-normal-state-background-dark-mode-color);
    --hardware-slider-track-inactive-disabled-state-background-color: var(--hardware-slider-track-inactive-disabled-state-background-dark-mode-color);
    --hardware-slider-track-inactive-normal-state-background-color: var(--hardware-slider-track-inactive-normal-state-background-dark-mode-color);

    /* ========== header ========== */
    --header-compact-content-style-secondary-title-color: var(--header-compact-content-style-secondary-title-dark-mode-color);
    --header-compact-content-style-title-color: var(--header-compact-content-style-title-dark-mode-color);
    --header-divider-color: var(--header-divider-dark-mode-color);
    --header-large-content-style-secondary-title-color: var(--header-large-content-style-secondary-title-dark-mode-color);
    --header-large-content-style-title-color: var(--header-large-content-style-title-dark-mode-color);
    --header-main-text-text-color: var(--header-main-text-dark-mode-text-color);
    --header-paragraph-color: var(--header-paragraph-dark-mode-color);
    --header-sub-text-text-color: var(--header-sub-text-dark-mode-text-color);

    /* ========== icon-button ========== */
    --icon-button-destructive-variant-primary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);
    --icon-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);
    --icon-button-destructive-variant-primary-rank-hover-state-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);
    --icon-button-destructive-variant-primary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);
    --icon-button-destructive-variant-primary-rank-normal-state-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);
    --icon-button-destructive-variant-primary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);
    --icon-button-destructive-variant-primary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);
    --icon-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);
    --icon-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --icon-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);
    --icon-button-destructive-variant-secondary-rank-hover-state-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);
    --icon-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);
    --icon-button-destructive-variant-secondary-rank-normal-state-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);
    --icon-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);
    --icon-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --icon-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);
    --icon-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);
    --icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);
    --icon-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);
    --icon-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);
    --icon-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);
    --icon-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);
    --icon-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);
    --icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);
    --icon-button-disabled-state-background-color: var(--icon-button-disabled-state-dark-mode-background-color);
    --icon-button-disabled-state-icon-color: var(--icon-button-disabled-state-dark-mode-icon-color);
    --icon-button-focus-state-background-color: var(--icon-button-focus-state-dark-mode-background-color);
    --icon-button-focus-state-icon-color: var(--icon-button-focus-state-dark-mode-icon-color);
    --icon-button-hover-state-background-color: var(--icon-button-hover-state-dark-mode-background-color);
    --icon-button-hover-state-icon-color: var(--icon-button-hover-state-dark-mode-icon-color);
    --icon-button-normal-state-background-color: var(--icon-button-normal-state-dark-mode-background-color);
    --icon-button-normal-state-icon-color: var(--icon-button-normal-state-dark-mode-icon-color);
    --icon-button-normal-variant-primary-rank-disabled-state-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
    --icon-button-normal-variant-primary-rank-disabled-state-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);
    --icon-button-normal-variant-primary-rank-focus-state-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);
    --icon-button-normal-variant-primary-rank-focus-state-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);
    --icon-button-normal-variant-primary-rank-hover-state-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);
    --icon-button-normal-variant-primary-rank-hover-state-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);
    --icon-button-normal-variant-primary-rank-normal-state-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);
    --icon-button-normal-variant-primary-rank-normal-state-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);
    --icon-button-normal-variant-primary-rank-pressed-state-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);
    --icon-button-normal-variant-primary-rank-pressed-state-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);
    --icon-button-normal-variant-secondary-rank-disabled-state-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --icon-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);
    --icon-button-normal-variant-secondary-rank-hover-state-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
    --icon-button-normal-variant-secondary-rank-hover-state-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);
    --icon-button-normal-variant-secondary-rank-normal-state-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
    --icon-button-normal-variant-secondary-rank-normal-state-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);
    --icon-button-normal-variant-secondary-rank-pressed-state-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --icon-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);
    --icon-button-pressed-state-background-color: var(--icon-button-pressed-state-dark-mode-background-color);
    --icon-button-pressed-state-icon-color: var(--icon-button-pressed-state-dark-mode-icon-color);
    --icon-button-primary-rank-disabled-state-background-color: var(--icon-button-primary-rank-disabled-state-dark-mode-background-color);
    --icon-button-primary-rank-disabled-state-icon-color: var(--icon-button-primary-rank-disabled-state-dark-mode-icon-color);
    --icon-button-primary-rank-focus-state-background-color: var(--icon-button-primary-rank-focus-state-dark-mode-background-color);
    --icon-button-primary-rank-focus-state-icon-color: var(--icon-button-primary-rank-focus-state-dark-mode-icon-color);
    --icon-button-primary-rank-hover-state-background-color: var(--icon-button-primary-rank-hover-state-dark-mode-background-color);
    --icon-button-primary-rank-hover-state-icon-color: var(--icon-button-primary-rank-hover-state-dark-mode-icon-color);
    --icon-button-primary-rank-normal-state-background-color: var(--icon-button-primary-rank-normal-state-dark-mode-background-color);
    --icon-button-primary-rank-normal-state-icon-color: var(--icon-button-primary-rank-normal-state-dark-mode-icon-color);
    --icon-button-primary-rank-pressed-state-background-color: var(--icon-button-primary-rank-pressed-state-dark-mode-background-color);
    --icon-button-primary-rank-pressed-state-icon-color: var(--icon-button-primary-rank-pressed-state-dark-mode-icon-color);
    --icon-button-secondary-rank-disabled-state-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);
    --icon-button-secondary-rank-disabled-state-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);
    --icon-button-secondary-rank-focus-state-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);
    --icon-button-secondary-rank-focus-state-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);
    --icon-button-secondary-rank-hover-state-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);
    --icon-button-secondary-rank-hover-state-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);
    --icon-button-secondary-rank-normal-state-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);
    --icon-button-secondary-rank-normal-state-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);
    --icon-button-secondary-rank-pressed-state-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);
    --icon-button-secondary-rank-pressed-state-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);
    --icon-button-tertiary-rank-disabled-state-background-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-background-color);
    --icon-button-tertiary-rank-disabled-state-icon-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-icon-color);
    --icon-button-tertiary-rank-focus-state-background-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-background-color);
    --icon-button-tertiary-rank-focus-state-icon-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-icon-color);
    --icon-button-tertiary-rank-hover-state-background-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color);
    --icon-button-tertiary-rank-hover-state-icon-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color);
    --icon-button-tertiary-rank-normal-state-background-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-background-color);
    --icon-button-tertiary-rank-normal-state-icon-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-icon-color);
    --icon-button-tertiary-rank-pressed-state-background-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-background-color);
    --icon-button-tertiary-rank-pressed-state-icon-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-icon-color);

    /* ========== inline-section-header ========== */
    --inline-section-header-heading-color: var(--inline-section-header-heading-dark-mode-color);
    --inline-section-header-paragraph-color: var(--inline-section-header-paragraph-dark-mode-color);
    --inline-section-header-text-link-color: var(--inline-section-header-text-link-dark-mode-color);

    /* ========== inline-status ========== */
    --inline-status-error-variant-icon-color: var(--inline-status-error-variant-icon-dark-mode-color);
    --inline-status-error-variant-text-color: var(--inline-status-error-variant-text-dark-mode-color);
    --inline-status-info-variant-icon-color: var(--inline-status-info-variant-icon-dark-mode-color);
    --inline-status-info-variant-text-color: var(--inline-status-info-variant-text-dark-mode-color);
    --inline-status-success-variant-icon-color: var(--inline-status-success-variant-icon-dark-mode-color);
    --inline-status-success-variant-text-color: var(--inline-status-success-variant-text-dark-mode-color);
    --inline-status-warning-variant-icon-color: var(--inline-status-warning-variant-icon-dark-mode-color);
    --inline-status-warning-variant-text-color: var(--inline-status-warning-variant-text-dark-mode-color);

    /* ========== keyboard-bar ========== */
    --keyboard-bar-background-color: var(--keyboard-bar-dark-mode-background-color);
    --keyboard-bar-separator-color: var(--keyboard-bar-dark-mode-separator-color);
    --keyboard-bar-surface-color: var(--keyboard-bar-dark-mode-surface-color);

    /* ========== menu ========== */
    --menu-item-selected-value-disabled-state-accordion-color: var(--menu-item-selected-value-disabled-state-accordion-dark-mode-color);
    --menu-item-selected-value-disabled-state-background-color: var(--menu-item-selected-value-disabled-state-background-dark-mode-color);
    --menu-item-selected-value-disabled-state-drill-color: var(--menu-item-selected-value-disabled-state-drill-dark-mode-color);
    --menu-item-selected-value-disabled-state-text-color: var(--menu-item-selected-value-disabled-state-text-dark-mode-color);
    --menu-item-selected-value-hover-state-accordion-color: var(--menu-item-selected-value-hover-state-accordion-dark-mode-color);
    --menu-item-selected-value-hover-state-background-color: var(--menu-item-selected-value-hover-state-background-dark-mode-color);
    --menu-item-selected-value-hover-state-drill-color: var(--menu-item-selected-value-hover-state-drill-dark-mode-color);
    --menu-item-selected-value-hover-state-text-color: var(--menu-item-selected-value-hover-state-text-dark-mode-color);
    --menu-item-selected-value-normal-state-accordion-color: var(--menu-item-selected-value-normal-state-accordion-dark-mode-color);
    --menu-item-selected-value-normal-state-background-color: var(--menu-item-selected-value-normal-state-background-dark-mode-color);
    --menu-item-selected-value-normal-state-drill-color: var(--menu-item-selected-value-normal-state-drill-dark-mode-color);
    --menu-item-selected-value-normal-state-text-color: var(--menu-item-selected-value-normal-state-text-dark-mode-color);
    --menu-item-selected-value-pressed-state-accordion-color: var(--menu-item-selected-value-pressed-state-accordion-dark-mode-color);
    --menu-item-selected-value-pressed-state-background-color: var(--menu-item-selected-value-pressed-state-background-dark-mode-color);
    --menu-item-selected-value-pressed-state-drill-color: var(--menu-item-selected-value-pressed-state-drill-dark-mode-color);
    --menu-item-selected-value-pressed-state-text-color: var(--menu-item-selected-value-pressed-state-text-dark-mode-color);
    --menu-item-unselected-value-disabled-state-accordion-color: var(--menu-item-unselected-value-disabled-state-accordion-dark-mode-color);
    --menu-item-unselected-value-disabled-state-background-color: var(--menu-item-unselected-value-disabled-state-background-dark-mode-color);
    --menu-item-unselected-value-disabled-state-drill-color: var(--menu-item-unselected-value-disabled-state-drill-dark-mode-color);
    --menu-item-unselected-value-disabled-state-text-color: var(--menu-item-unselected-value-disabled-state-text-dark-mode-color);
    --menu-item-unselected-value-hover-state-accordion-color: var(--menu-item-unselected-value-hover-state-accordion-dark-mode-color);
    --menu-item-unselected-value-hover-state-background-color: var(--menu-item-unselected-value-hover-state-background-dark-mode-color);
    --menu-item-unselected-value-hover-state-drill-color: var(--menu-item-unselected-value-hover-state-drill-dark-mode-color);
    --menu-item-unselected-value-hover-state-text-color: var(--menu-item-unselected-value-hover-state-text-dark-mode-color);
    --menu-item-unselected-value-normal-state-accordion-color: var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color);
    --menu-item-unselected-value-normal-state-background-color: var(--menu-item-unselected-value-normal-state-background-dark-mode-color);
    --menu-item-unselected-value-normal-state-drill-color: var(--menu-item-unselected-value-normal-state-drill-dark-mode-color);
    --menu-item-unselected-value-normal-state-text-color: var(--menu-item-unselected-value-normal-state-text-dark-mode-color);
    --menu-item-unselected-value-pressed-state-accordion-color: var(--menu-item-unselected-value-pressed-state-accordion-dark-mode-color);
    --menu-item-unselected-value-pressed-state-background-color: var(--menu-item-unselected-value-pressed-state-background-dark-mode-color);
    --menu-item-unselected-value-pressed-state-drill-color: var(--menu-item-unselected-value-pressed-state-drill-dark-mode-color);
    --menu-item-unselected-value-pressed-state-text-color: var(--menu-item-unselected-value-pressed-state-text-dark-mode-color);

    /* ========== modalBlade ========== */
    --modal-blade-background-color: var(--modal-blade-background-dark-mode-color);

    /* ========== modalDialog ========== */
    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-disabled-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-disabled-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-focus-state-background-color: var(--modal-dialog-actions-overflow-button-focus-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-focus-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-hover-state-background-color: var(--modal-dialog-actions-overflow-button-hover-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-hover-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-pressed-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-pressed-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-primary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-disabled-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-primary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-primary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-focus-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-primary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-focus-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-primary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-hover-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-primary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-hover-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-primary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-normal-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-primary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-normal-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-primary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-pressed-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-primary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-secondary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-focus-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-secondary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-secondary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-hover-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-secondary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-secondary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-normal-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-secondary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);
    --modal-dialog-background-color: var(--modal-dialog-background-dark-mode-color);
    --modal-dialog-content-heading-color: var(--modal-dialog-content-heading-dark-mode-color);
    --modal-dialog-veil-color: var(--modal-dialog-veil-dark-mode-color);

    /* ========== modalFull ========== */
    --modal-full-background-color: var(--modal-full-background-dark-mode-color);
    --modal-full-veil-color: var(--modal-full-veil-dark-mode-color);

    /* ========== modalPartial ========== */
    --modal-partial-background-color: var(--modal-partial-background-dark-mode-color);
    --modal-partial-veil-color: var(--modal-partial-veil-dark-mode-color);

    /* ========== modalPopover ========== */
    --modal-popover-background-color: var(--modal-popover-background-dark-mode-color);

    /* ========== modalSheet ========== */
    --modal-sheet-background-color: var(--modal-sheet-background-dark-mode-color);
    --modal-sheet-handle-background-color: var(--modal-sheet-handle-dark-mode-background-color);
    --modal-sheet-handle-fill-color: var(--modal-sheet-handle-dark-mode-fill-color);
    --modal-sheet-veil-color: var(--modal-sheet-veil-dark-mode-color);

    /* ========== pageIndicator ========== */
    --page-indicator-dot-color: var(--page-indicator-dark-mode-dot-color);
    --page-indicator-selected-color: var(--page-indicator-dark-mode-selected-color);

    /* ========== pagingIndicator ========== */
    --paging-indicator-selected-state-color: var(--paging-indicator-selected-state-dark-mode-color);
    --paging-indicator-unselected-state-color: var(--paging-indicator-unselected-state-dark-mode-color);

    /* ========== pill ========== */
    --pill-alpha-variant-background-color: var(--pill-alpha-variant-background-dark-mode-color);
    --pill-alpha-variant-icon-color: var(--pill-alpha-variant-icon-dark-mode-color);
    --pill-alpha-variant-normal-state-background-color: var(--pill-alpha-variant-normal-state-background-dark-mode-color);
    --pill-alpha-variant-pressed-state-background-color: var(--pill-alpha-variant-pressed-state-background-dark-mode-color);
    --pill-alpha-variant-text-color: var(--pill-alpha-variant-text-dark-mode-color);
    --pill-beta-variant-background-color: var(--pill-beta-variant-background-dark-mode-color);
    --pill-beta-variant-icon-color: var(--pill-beta-variant-icon-dark-mode-color);
    --pill-beta-variant-normal-state-background-color: var(--pill-beta-variant-normal-state-background-dark-mode-color);
    --pill-beta-variant-pressed-state-background-color: var(--pill-beta-variant-pressed-state-background-dark-mode-color);
    --pill-beta-variant-text-color: var(--pill-beta-variant-text-dark-mode-color);
    --pill-border-color: var(--pill-border-dark-mode-color);
    --pill-critical-variant-background-color: var(--pill-critical-variant-background-dark-mode-color);
    --pill-critical-variant-icon-color: var(--pill-critical-variant-icon-dark-mode-color);
    --pill-critical-variant-normal-state-background-color: var(--pill-critical-variant-normal-state-background-dark-mode-color);
    --pill-critical-variant-pressed-state-background-color: var(--pill-critical-variant-pressed-state-background-dark-mode-color);
    --pill-critical-variant-text-color: var(--pill-critical-variant-text-dark-mode-color);
    --pill-emphasis-variant-background-color: var(--pill-emphasis-variant-background-dark-mode-color);
    --pill-emphasis-variant-icon-color: var(--pill-emphasis-variant-icon-dark-mode-color);
    --pill-emphasis-variant-normal-state-background-color: var(--pill-emphasis-variant-normal-state-background-dark-mode-color);
    --pill-emphasis-variant-pressed-state-background-color: var(--pill-emphasis-variant-pressed-state-background-dark-mode-color);
    --pill-emphasis-variant-text-color: var(--pill-emphasis-variant-text-dark-mode-color);
    --pill-insight-variant-background-color: var(--pill-insight-variant-background-dark-mode-color);
    --pill-insight-variant-icon-color: var(--pill-insight-variant-icon-dark-mode-color);
    --pill-insight-variant-normal-state-background-color: var(--pill-insight-variant-normal-state-background-dark-mode-color);
    --pill-insight-variant-pressed-state-background-color: var(--pill-insight-variant-pressed-state-background-dark-mode-color);
    --pill-insight-variant-text-color: var(--pill-insight-variant-text-dark-mode-color);
    --pill-normal-variant-background-color: var(--pill-normal-variant-background-dark-mode-color);
    --pill-normal-variant-icon-color: var(--pill-normal-variant-icon-dark-mode-color);
    --pill-normal-variant-normal-state-background-color: var(--pill-normal-variant-normal-state-background-dark-mode-color);
    --pill-normal-variant-pressed-state-background-color: var(--pill-normal-variant-pressed-state-background-dark-mode-color);
    --pill-normal-variant-text-color: var(--pill-normal-variant-text-dark-mode-color);
    --pill-success-variant-background-color: var(--pill-success-variant-background-dark-mode-color);
    --pill-success-variant-icon-color: var(--pill-success-variant-icon-dark-mode-color);
    --pill-success-variant-normal-state-background-color: var(--pill-success-variant-normal-state-background-dark-mode-color);
    --pill-success-variant-pressed-state-background-color: var(--pill-success-variant-pressed-state-background-dark-mode-color);
    --pill-success-variant-text-color: var(--pill-success-variant-text-dark-mode-color);
    --pill-warning-variant-background-color: var(--pill-warning-variant-background-dark-mode-color);
    --pill-warning-variant-icon-color: var(--pill-warning-variant-icon-dark-mode-color);
    --pill-warning-variant-normal-state-background-color: var(--pill-warning-variant-normal-state-background-dark-mode-color);
    --pill-warning-variant-pressed-state-background-color: var(--pill-warning-variant-pressed-state-background-dark-mode-color);
    --pill-warning-variant-text-color: var(--pill-warning-variant-text-dark-mode-color);

    /* ========== qrcode ========== */
    --qrcode-border-color: var(--qrcode-border-dark-mode-color);
    --qrcode-monochrome-variant-background-color: var(--qrcode-monochrome-variant-background-dark-mode-color);
    --qrcode-monochrome-variant-foreground-color: var(--qrcode-monochrome-variant-foreground-dark-mode-color);
    --qrcode-monochrome-variant-icon-color: var(--qrcode-monochrome-variant-icon-dark-mode-color);
    --qrcode-normal-variant-background-color: var(--qrcode-normal-variant-background-dark-mode-color);
    --qrcode-normal-variant-foreground-color: var(--qrcode-normal-variant-foreground-dark-mode-color);
    --qrcode-normal-variant-icon-color: var(--qrcode-normal-variant-icon-dark-mode-color);

    /* ========== quantity-input-field ========== */
    --quantity-input-field-display-color: var(--quantity-input-field-display-dark-mode-color);
    --quantity-input-field-display-placeholder-color: var(--quantity-input-field-display-placeholder-dark-mode-color);
    --quantity-input-field-value-text-color: var(--quantity-input-field-value-text-dark-mode-color);
    --quantity-input-field-value-text-placeholder-color: var(--quantity-input-field-value-text-placeholder-dark-mode-color);

    /* ========== radio ========== */
    --radio-disabled-state-invalid-validity-selected-value-background-color: var(--radio-disabled-state-invalid-validity-selected-value-dark-mode-background-color);
    --radio-disabled-state-invalid-validity-selected-value-border-color: var(--radio-disabled-state-invalid-validity-selected-value-dark-mode-border-color);
    --radio-disabled-state-invalid-validity-selected-value-icon-color: var(--radio-disabled-state-invalid-validity-selected-value-dark-mode-icon-color);
    --radio-disabled-state-invalid-validity-unselected-value-background-color: var(--radio-disabled-state-invalid-validity-unselected-value-dark-mode-background-color);
    --radio-disabled-state-invalid-validity-unselected-value-border-color: var(--radio-disabled-state-invalid-validity-unselected-value-dark-mode-border-color);
    --radio-disabled-state-normal-validity-selected-value-background-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-background-color);
    --radio-disabled-state-normal-validity-selected-value-border-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-border-color);
    --radio-disabled-state-normal-validity-selected-value-icon-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-icon-color);
    --radio-disabled-state-normal-validity-unselected-value-background-color: var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-background-color);
    --radio-disabled-state-normal-validity-unselected-value-border-color: var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-border-color);
    --radio-focus-ring-color: var(--radio-dark-mode-focus-ring-color);
    --radio-focus-state-invalid-validity-selected-value-background-color: var(--radio-focus-state-invalid-validity-selected-value-dark-mode-background-color);
    --radio-focus-state-invalid-validity-selected-value-border-color: var(--radio-focus-state-invalid-validity-selected-value-dark-mode-border-color);
    --radio-focus-state-invalid-validity-selected-value-icon-color: var(--radio-focus-state-invalid-validity-selected-value-dark-mode-icon-color);
    --radio-focus-state-invalid-validity-unselected-value-background-color: var(--radio-focus-state-invalid-validity-unselected-value-dark-mode-background-color);
    --radio-focus-state-invalid-validity-unselected-value-border-color: var(--radio-focus-state-invalid-validity-unselected-value-dark-mode-border-color);
    --radio-focus-state-normal-validity-selected-value-background-color: var(--radio-focus-state-normal-validity-selected-value-dark-mode-background-color);
    --radio-focus-state-normal-validity-selected-value-border-color: var(--radio-focus-state-normal-validity-selected-value-dark-mode-border-color);
    --radio-focus-state-normal-validity-selected-value-icon-color: var(--radio-focus-state-normal-validity-selected-value-dark-mode-icon-color);
    --radio-focus-state-normal-validity-unselected-value-background-color: var(--radio-focus-state-normal-validity-unselected-value-dark-mode-background-color);
    --radio-focus-state-normal-validity-unselected-value-border-color: var(--radio-focus-state-normal-validity-unselected-value-dark-mode-border-color);
    --radio-hover-state-invalid-validity-selected-value-background-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-background-color);
    --radio-hover-state-invalid-validity-selected-value-border-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-border-color);
    --radio-hover-state-invalid-validity-selected-value-icon-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-icon-color);
    --radio-hover-state-invalid-validity-unselected-value-background-color: var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-background-color);
    --radio-hover-state-invalid-validity-unselected-value-border-color: var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-border-color);
    --radio-hover-state-normal-validity-selected-value-background-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-background-color);
    --radio-hover-state-normal-validity-selected-value-border-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-border-color);
    --radio-hover-state-normal-validity-selected-value-icon-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-icon-color);
    --radio-hover-state-normal-validity-unselected-value-background-color: var(--radio-hover-state-normal-validity-unselected-value-dark-mode-background-color);
    --radio-hover-state-normal-validity-unselected-value-border-color: var(--radio-hover-state-normal-validity-unselected-value-dark-mode-border-color);
    --radio-normal-state-invalid-validity-selected-value-background-color: var(--radio-normal-state-invalid-validity-selected-value-dark-mode-background-color);
    --radio-normal-state-invalid-validity-selected-value-border-color: var(--radio-normal-state-invalid-validity-selected-value-dark-mode-border-color);
    --radio-normal-state-invalid-validity-selected-value-icon-color: var(--radio-normal-state-invalid-validity-selected-value-dark-mode-icon-color);
    --radio-normal-state-invalid-validity-unselected-value-background-color: var(--radio-normal-state-invalid-validity-unselected-value-dark-mode-background-color);
    --radio-normal-state-invalid-validity-unselected-value-border-color: var(--radio-normal-state-invalid-validity-unselected-value-dark-mode-border-color);
    --radio-normal-state-normal-validity-selected-value-background-color: var(--radio-normal-state-normal-validity-selected-value-dark-mode-background-color);
    --radio-normal-state-normal-validity-selected-value-border-color: var(--radio-normal-state-normal-validity-selected-value-dark-mode-border-color);
    --radio-normal-state-normal-validity-selected-value-icon-color: var(--radio-normal-state-normal-validity-selected-value-dark-mode-icon-color);
    --radio-normal-state-normal-validity-unselected-value-background-color: var(--radio-normal-state-normal-validity-unselected-value-dark-mode-background-color);
    --radio-normal-state-normal-validity-unselected-value-border-color: var(--radio-normal-state-normal-validity-unselected-value-dark-mode-border-color);
    --radio-pressed-state-invalid-validity-selected-value-background-color: var(--radio-pressed-state-invalid-validity-selected-value-dark-mode-background-color);
    --radio-pressed-state-invalid-validity-selected-value-border-color: var(--radio-pressed-state-invalid-validity-selected-value-dark-mode-border-color);
    --radio-pressed-state-invalid-validity-selected-value-icon-color: var(--radio-pressed-state-invalid-validity-selected-value-dark-mode-icon-color);
    --radio-pressed-state-invalid-validity-unselected-value-background-color: var(--radio-pressed-state-invalid-validity-unselected-value-dark-mode-background-color);
    --radio-pressed-state-invalid-validity-unselected-value-border-color: var(--radio-pressed-state-invalid-validity-unselected-value-dark-mode-border-color);
    --radio-pressed-state-normal-validity-selected-value-background-color: var(--radio-pressed-state-normal-validity-selected-value-dark-mode-background-color);
    --radio-pressed-state-normal-validity-selected-value-border-color: var(--radio-pressed-state-normal-validity-selected-value-dark-mode-border-color);
    --radio-pressed-state-normal-validity-selected-value-icon-color: var(--radio-pressed-state-normal-validity-selected-value-dark-mode-icon-color);
    --radio-pressed-state-normal-validity-unselected-value-background-color: var(--radio-pressed-state-normal-validity-unselected-value-dark-mode-background-color);
    --radio-pressed-state-normal-validity-unselected-value-border-color: var(--radio-pressed-state-normal-validity-unselected-value-dark-mode-border-color);

    /* ========== rich-text ========== */
    --rich-text-toolbar-background-color: var(--rich-text-toolbar-background-dark-mode-color);
    --rich-text-toolbar-button-selected-value-disabled-state-icon-color: var(--rich-text-toolbar-button-selected-value-disabled-state-icon-dark-mode-color);
    --rich-text-toolbar-button-selected-value-focus-state-background-color: var(--rich-text-toolbar-button-selected-value-focus-state-background-dark-mode-color);
    --rich-text-toolbar-button-selected-value-focus-state-icon-color: var(--rich-text-toolbar-button-selected-value-focus-state-icon-dark-mode-color);
    --rich-text-toolbar-button-selected-value-hover-state-background-color: var(--rich-text-toolbar-button-selected-value-hover-state-background-dark-mode-color);
    --rich-text-toolbar-button-selected-value-hover-state-icon-color: var(--rich-text-toolbar-button-selected-value-hover-state-icon-dark-mode-color);
    --rich-text-toolbar-button-selected-value-normal-state-background-color: var(--rich-text-toolbar-button-selected-value-normal-state-background-dark-mode-color);
    --rich-text-toolbar-button-selected-value-normal-state-icon-color: var(--rich-text-toolbar-button-selected-value-normal-state-icon-dark-mode-color);
    --rich-text-toolbar-button-selected-value-pressed-state-background-color: var(--rich-text-toolbar-button-selected-value-pressed-state-background-dark-mode-color);
    --rich-text-toolbar-button-selected-value-pressed-state-icon-color: var(--rich-text-toolbar-button-selected-value-pressed-state-icon-dark-mode-color);
    --rich-text-toolbar-button-unselected-value-disabled-state-icon-color: var(--rich-text-toolbar-button-unselected-value-disabled-state-icon-dark-mode-color);
    --rich-text-toolbar-button-unselected-value-focus-state-background-color: var(--rich-text-toolbar-button-unselected-value-focus-state-background-dark-mode-color);
    --rich-text-toolbar-button-unselected-value-focus-state-icon-color: var(--rich-text-toolbar-button-unselected-value-focus-state-icon-dark-mode-color);
    --rich-text-toolbar-button-unselected-value-hover-state-background-color: var(--rich-text-toolbar-button-unselected-value-hover-state-background-dark-mode-color);
    --rich-text-toolbar-button-unselected-value-hover-state-icon-color: var(--rich-text-toolbar-button-unselected-value-hover-state-icon-dark-mode-color);
    --rich-text-toolbar-button-unselected-value-normal-state-icon-color: var(--rich-text-toolbar-button-unselected-value-normal-state-icon-dark-mode-color);
    --rich-text-toolbar-button-unselected-value-pressed-state-background-color: var(--rich-text-toolbar-button-unselected-value-pressed-state-background-dark-mode-color);
    --rich-text-toolbar-button-unselected-value-pressed-state-icon-color: var(--rich-text-toolbar-button-unselected-value-pressed-state-icon-dark-mode-color);
    --rich-text-toolbar-overflow-gradient-color: var(--rich-text-toolbar-overflow-gradient-dark-mode-color);

    /* ========== row ========== */
    --row-destructive-variant-disabled-state-background-color: var(--row-destructive-variant-disabled-state-background-dark-mode-color);
    --row-destructive-variant-disabled-state-drill-color: var(--row-destructive-variant-disabled-state-drill-dark-mode-color);
    --row-destructive-variant-disabled-state-separator-color: var(--row-destructive-variant-disabled-state-separator-dark-mode-color);
    --row-destructive-variant-disabled-state-side-text-primary-color: var(--row-destructive-variant-disabled-state-side-text-primary-dark-mode-color);
    --row-destructive-variant-disabled-state-side-text-secondary-color: var(--row-destructive-variant-disabled-state-side-text-secondary-dark-mode-color);
    --row-destructive-variant-disabled-state-subtext-color: var(--row-destructive-variant-disabled-state-subtext-dark-mode-color);
    --row-destructive-variant-disabled-state-tertiary-text-color: var(--row-destructive-variant-disabled-state-tertiary-text-dark-mode-color);
    --row-destructive-variant-disabled-state-text-color: var(--row-destructive-variant-disabled-state-text-dark-mode-color);
    --row-destructive-variant-focus-ring-color: var(--row-destructive-variant-dark-mode-focus-ring-color);
    --row-destructive-variant-focus-state-background-color: var(--row-destructive-variant-focus-state-background-dark-mode-color);
    --row-destructive-variant-focus-state-drill-color: var(--row-destructive-variant-focus-state-drill-dark-mode-color);
    --row-destructive-variant-focus-state-icon-color: var(--row-destructive-variant-focus-state-icon-dark-mode-color);
    --row-destructive-variant-focus-state-separator-color: var(--row-destructive-variant-focus-state-separator-dark-mode-color);
    --row-destructive-variant-focus-state-side-text-primary-color: var(--row-destructive-variant-focus-state-side-text-primary-dark-mode-color);
    --row-destructive-variant-focus-state-side-text-secondary-color: var(--row-destructive-variant-focus-state-side-text-secondary-dark-mode-color);
    --row-destructive-variant-focus-state-subtext-color: var(--row-destructive-variant-focus-state-subtext-dark-mode-color);
    --row-destructive-variant-focus-state-tertiary-text-color: var(--row-destructive-variant-focus-state-tertiary-text-dark-mode-color);
    --row-destructive-variant-focus-state-text-color: var(--row-destructive-variant-focus-state-text-dark-mode-color);
    --row-destructive-variant-hover-state-background-color: var(--row-destructive-variant-hover-state-background-dark-mode-color);
    --row-destructive-variant-hover-state-drill-color: var(--row-destructive-variant-hover-state-drill-dark-mode-color);
    --row-destructive-variant-hover-state-icon-color: var(--row-destructive-variant-hover-state-icon-dark-mode-color);
    --row-destructive-variant-hover-state-separator-color: var(--row-destructive-variant-hover-state-separator-dark-mode-color);
    --row-destructive-variant-hover-state-side-text-primary-color: var(--row-destructive-variant-hover-state-side-text-primary-dark-mode-color);
    --row-destructive-variant-hover-state-side-text-secondary-color: var(--row-destructive-variant-hover-state-side-text-secondary-dark-mode-color);
    --row-destructive-variant-hover-state-subtext-color: var(--row-destructive-variant-hover-state-subtext-dark-mode-color);
    --row-destructive-variant-hover-state-tertiary-text-color: var(--row-destructive-variant-hover-state-tertiary-text-dark-mode-color);
    --row-destructive-variant-hover-state-text-color: var(--row-destructive-variant-hover-state-text-dark-mode-color);
    --row-destructive-variant-normal-state-background-color: var(--row-destructive-variant-normal-state-background-dark-mode-color);
    --row-destructive-variant-normal-state-drill-color: var(--row-destructive-variant-normal-state-drill-dark-mode-color);
    --row-destructive-variant-normal-state-icon-color: var(--row-destructive-variant-normal-state-icon-dark-mode-color);
    --row-destructive-variant-normal-state-separator-color: var(--row-destructive-variant-normal-state-separator-dark-mode-color);
    --row-destructive-variant-normal-state-side-text-primary-color: var(--row-destructive-variant-normal-state-side-text-primary-dark-mode-color);
    --row-destructive-variant-normal-state-side-text-secondary-color: var(--row-destructive-variant-normal-state-side-text-secondary-dark-mode-color);
    --row-destructive-variant-normal-state-subtext-color: var(--row-destructive-variant-normal-state-subtext-dark-mode-color);
    --row-destructive-variant-normal-state-tertiary-text-color: var(--row-destructive-variant-normal-state-tertiary-text-dark-mode-color);
    --row-destructive-variant-normal-state-text-color: var(--row-destructive-variant-normal-state-text-dark-mode-color);
    --row-destructive-variant-pressed-state-background-color: var(--row-destructive-variant-pressed-state-background-dark-mode-color);
    --row-destructive-variant-pressed-state-drill-color: var(--row-destructive-variant-pressed-state-drill-dark-mode-color);
    --row-destructive-variant-pressed-state-icon-color: var(--row-destructive-variant-pressed-state-icon-dark-mode-color);
    --row-destructive-variant-pressed-state-separator-color: var(--row-destructive-variant-pressed-state-separator-dark-mode-color);
    --row-destructive-variant-pressed-state-side-text-primary-color: var(--row-destructive-variant-pressed-state-side-text-primary-dark-mode-color);
    --row-destructive-variant-pressed-state-side-text-secondary-color: var(--row-destructive-variant-pressed-state-side-text-secondary-dark-mode-color);
    --row-destructive-variant-pressed-state-subtext-color: var(--row-destructive-variant-pressed-state-subtext-dark-mode-color);
    --row-destructive-variant-pressed-state-tertiary-text-color: var(--row-destructive-variant-pressed-state-tertiary-text-dark-mode-color);
    --row-destructive-variant-pressed-state-text-color: var(--row-destructive-variant-pressed-state-text-dark-mode-color);
    --row-destructive-variant-selected-state-background-color: var(--row-destructive-variant-selected-state-background-dark-mode-color);
    --row-destructive-variant-selected-state-drill-color: var(--row-destructive-variant-selected-state-drill-dark-mode-color);
    --row-destructive-variant-selected-state-icon-color: var(--row-destructive-variant-selected-state-icon-dark-mode-color);
    --row-destructive-variant-selected-state-separator-color: var(--row-destructive-variant-selected-state-separator-dark-mode-color);
    --row-destructive-variant-selected-state-side-text-primary-color: var(--row-destructive-variant-selected-state-side-text-primary-dark-mode-color);
    --row-destructive-variant-selected-state-side-text-secondary-color: var(--row-destructive-variant-selected-state-side-text-secondary-dark-mode-color);
    --row-destructive-variant-selected-state-subtext-color: var(--row-destructive-variant-selected-state-subtext-dark-mode-color);
    --row-destructive-variant-selected-state-tertiary-text-color: var(--row-destructive-variant-selected-state-tertiary-text-dark-mode-color);
    --row-destructive-variant-selected-state-text-color: var(--row-destructive-variant-selected-state-text-dark-mode-color);
    --row-disabled-state-background-color: var(--row-disabled-state-background-dark-mode-color);
    --row-disabled-state-drill-color: var(--row-disabled-state-drill-dark-mode-color);
    --row-disabled-state-separator-color: var(--row-disabled-state-separator-dark-mode-color);
    --row-disabled-state-side-text-primary-color: var(--row-disabled-state-side-text-primary-dark-mode-color);
    --row-disabled-state-side-text-secondary-color: var(--row-disabled-state-side-text-secondary-dark-mode-color);
    --row-disabled-state-subtext-color: var(--row-disabled-state-subtext-dark-mode-color);
    --row-disabled-state-tertiary-text-color: var(--row-disabled-state-tertiary-text-dark-mode-color);
    --row-disabled-state-text-color: var(--row-disabled-state-text-dark-mode-color);
    --row-focus-ring-color: var(--row-dark-mode-focus-ring-color);
    --row-focus-state-background-color: var(--row-focus-state-background-dark-mode-color);
    --row-focus-state-drill-color: var(--row-focus-state-drill-dark-mode-color);
    --row-focus-state-icon-color: var(--row-focus-state-icon-dark-mode-color);
    --row-focus-state-separator-color: var(--row-focus-state-separator-dark-mode-color);
    --row-focus-state-side-text-primary-color: var(--row-focus-state-side-text-primary-dark-mode-color);
    --row-focus-state-side-text-secondary-color: var(--row-focus-state-side-text-secondary-dark-mode-color);
    --row-focus-state-subtext-color: var(--row-focus-state-subtext-dark-mode-color);
    --row-focus-state-tertiary-text-color: var(--row-focus-state-tertiary-text-dark-mode-color);
    --row-focus-state-text-color: var(--row-focus-state-text-dark-mode-color);
    --row-hover-state-background-color: var(--row-hover-state-background-dark-mode-color);
    --row-hover-state-drill-color: var(--row-hover-state-drill-dark-mode-color);
    --row-hover-state-icon-color: var(--row-hover-state-icon-dark-mode-color);
    --row-hover-state-separator-color: var(--row-hover-state-separator-dark-mode-color);
    --row-hover-state-side-text-primary-color: var(--row-hover-state-side-text-primary-dark-mode-color);
    --row-hover-state-side-text-secondary-color: var(--row-hover-state-side-text-secondary-dark-mode-color);
    --row-hover-state-subtext-color: var(--row-hover-state-subtext-dark-mode-color);
    --row-hover-state-tertiary-text-color: var(--row-hover-state-tertiary-text-dark-mode-color);
    --row-hover-state-text-color: var(--row-hover-state-text-dark-mode-color);
    --row-normal-state-background-color: var(--row-normal-state-background-dark-mode-color);
    --row-normal-state-drill-color: var(--row-normal-state-drill-dark-mode-color);
    --row-normal-state-icon-color: var(--row-normal-state-icon-dark-mode-color);
    --row-normal-state-separator-color: var(--row-normal-state-separator-dark-mode-color);
    --row-normal-state-side-text-primary-color: var(--row-normal-state-side-text-primary-dark-mode-color);
    --row-normal-state-side-text-secondary-color: var(--row-normal-state-side-text-secondary-dark-mode-color);
    --row-normal-state-subtext-color: var(--row-normal-state-subtext-dark-mode-color);
    --row-normal-state-tertiary-text-color: var(--row-normal-state-tertiary-text-dark-mode-color);
    --row-normal-state-text-color: var(--row-normal-state-text-dark-mode-color);
    --row-normal-variant-disabled-state-background-color: var(--row-normal-variant-disabled-state-background-dark-mode-color);
    --row-normal-variant-disabled-state-drill-color: var(--row-normal-variant-disabled-state-drill-dark-mode-color);
    --row-normal-variant-disabled-state-separator-color: var(--row-normal-variant-disabled-state-separator-dark-mode-color);
    --row-normal-variant-disabled-state-side-text-primary-color: var(--row-normal-variant-disabled-state-side-text-primary-dark-mode-color);
    --row-normal-variant-disabled-state-side-text-secondary-color: var(--row-normal-variant-disabled-state-side-text-secondary-dark-mode-color);
    --row-normal-variant-disabled-state-subtext-color: var(--row-normal-variant-disabled-state-subtext-dark-mode-color);
    --row-normal-variant-disabled-state-tertiary-text-color: var(--row-normal-variant-disabled-state-tertiary-text-dark-mode-color);
    --row-normal-variant-disabled-state-text-color: var(--row-normal-variant-disabled-state-text-dark-mode-color);
    --row-normal-variant-focus-ring-color: var(--row-normal-variant-dark-mode-focus-ring-color);
    --row-normal-variant-focus-state-background-color: var(--row-normal-variant-focus-state-background-dark-mode-color);
    --row-normal-variant-focus-state-drill-color: var(--row-normal-variant-focus-state-drill-dark-mode-color);
    --row-normal-variant-focus-state-icon-color: var(--row-normal-variant-focus-state-icon-dark-mode-color);
    --row-normal-variant-focus-state-separator-color: var(--row-normal-variant-focus-state-separator-dark-mode-color);
    --row-normal-variant-focus-state-side-text-primary-color: var(--row-normal-variant-focus-state-side-text-primary-dark-mode-color);
    --row-normal-variant-focus-state-side-text-secondary-color: var(--row-normal-variant-focus-state-side-text-secondary-dark-mode-color);
    --row-normal-variant-focus-state-subtext-color: var(--row-normal-variant-focus-state-subtext-dark-mode-color);
    --row-normal-variant-focus-state-tertiary-text-color: var(--row-normal-variant-focus-state-tertiary-text-dark-mode-color);
    --row-normal-variant-focus-state-text-color: var(--row-normal-variant-focus-state-text-dark-mode-color);
    --row-normal-variant-hover-state-background-color: var(--row-normal-variant-hover-state-background-dark-mode-color);
    --row-normal-variant-hover-state-drill-color: var(--row-normal-variant-hover-state-drill-dark-mode-color);
    --row-normal-variant-hover-state-icon-color: var(--row-normal-variant-hover-state-icon-dark-mode-color);
    --row-normal-variant-hover-state-separator-color: var(--row-normal-variant-hover-state-separator-dark-mode-color);
    --row-normal-variant-hover-state-side-text-primary-color: var(--row-normal-variant-hover-state-side-text-primary-dark-mode-color);
    --row-normal-variant-hover-state-side-text-secondary-color: var(--row-normal-variant-hover-state-side-text-secondary-dark-mode-color);
    --row-normal-variant-hover-state-subtext-color: var(--row-normal-variant-hover-state-subtext-dark-mode-color);
    --row-normal-variant-hover-state-tertiary-text-color: var(--row-normal-variant-hover-state-tertiary-text-dark-mode-color);
    --row-normal-variant-hover-state-text-color: var(--row-normal-variant-hover-state-text-dark-mode-color);
    --row-normal-variant-normal-state-background-color: var(--row-normal-variant-normal-state-background-dark-mode-color);
    --row-normal-variant-normal-state-drill-color: var(--row-normal-variant-normal-state-drill-dark-mode-color);
    --row-normal-variant-normal-state-icon-color: var(--row-normal-variant-normal-state-icon-dark-mode-color);
    --row-normal-variant-normal-state-separator-color: var(--row-normal-variant-normal-state-separator-dark-mode-color);
    --row-normal-variant-normal-state-side-text-primary-color: var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color);
    --row-normal-variant-normal-state-side-text-secondary-color: var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color);
    --row-normal-variant-normal-state-subtext-color: var(--row-normal-variant-normal-state-subtext-dark-mode-color);
    --row-normal-variant-normal-state-tertiary-text-color: var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color);
    --row-normal-variant-normal-state-text-color: var(--row-normal-variant-normal-state-text-dark-mode-color);
    --row-normal-variant-pressed-state-background-color: var(--row-normal-variant-pressed-state-background-dark-mode-color);
    --row-normal-variant-pressed-state-drill-color: var(--row-normal-variant-pressed-state-drill-dark-mode-color);
    --row-normal-variant-pressed-state-icon-color: var(--row-normal-variant-pressed-state-icon-dark-mode-color);
    --row-normal-variant-pressed-state-separator-color: var(--row-normal-variant-pressed-state-separator-dark-mode-color);
    --row-normal-variant-pressed-state-side-text-primary-color: var(--row-normal-variant-pressed-state-side-text-primary-dark-mode-color);
    --row-normal-variant-pressed-state-side-text-secondary-color: var(--row-normal-variant-pressed-state-side-text-secondary-dark-mode-color);
    --row-normal-variant-pressed-state-subtext-color: var(--row-normal-variant-pressed-state-subtext-dark-mode-color);
    --row-normal-variant-pressed-state-tertiary-text-color: var(--row-normal-variant-pressed-state-tertiary-text-dark-mode-color);
    --row-normal-variant-pressed-state-text-color: var(--row-normal-variant-pressed-state-text-dark-mode-color);
    --row-normal-variant-selected-disabled-state-background-color: var(--row-normal-variant-selected-disabled-state-background-dark-mode-color);
    --row-normal-variant-selected-state-background-color: var(--row-normal-variant-selected-state-background-dark-mode-color);
    --row-normal-variant-selected-state-drill-color: var(--row-normal-variant-selected-state-drill-dark-mode-color);
    --row-normal-variant-selected-state-icon-color: var(--row-normal-variant-selected-state-icon-dark-mode-color);
    --row-normal-variant-selected-state-separator-color: var(--row-normal-variant-selected-state-separator-dark-mode-color);
    --row-normal-variant-selected-state-side-text-primary-color: var(--row-normal-variant-selected-state-side-text-primary-dark-mode-color);
    --row-normal-variant-selected-state-side-text-secondary-color: var(--row-normal-variant-selected-state-side-text-secondary-dark-mode-color);
    --row-normal-variant-selected-state-subtext-color: var(--row-normal-variant-selected-state-subtext-dark-mode-color);
    --row-normal-variant-selected-state-tertiary-text-color: var(--row-normal-variant-selected-state-tertiary-text-dark-mode-color);
    --row-normal-variant-selected-state-text-color: var(--row-normal-variant-selected-state-text-dark-mode-color);
    --row-pressed-state-background-color: var(--row-pressed-state-background-dark-mode-color);
    --row-pressed-state-drill-color: var(--row-pressed-state-drill-dark-mode-color);
    --row-pressed-state-icon-color: var(--row-pressed-state-icon-dark-mode-color);
    --row-pressed-state-separator-color: var(--row-pressed-state-separator-dark-mode-color);
    --row-pressed-state-side-text-primary-color: var(--row-pressed-state-side-text-primary-dark-mode-color);
    --row-pressed-state-side-text-secondary-color: var(--row-pressed-state-side-text-secondary-dark-mode-color);
    --row-pressed-state-subtext-color: var(--row-pressed-state-subtext-dark-mode-color);
    --row-pressed-state-tertiary-text-color: var(--row-pressed-state-tertiary-text-dark-mode-color);
    --row-pressed-state-text-color: var(--row-pressed-state-text-dark-mode-color);
    --row-selected-disabled-state-background-color: var(--row-selected-disabled-state-background-dark-mode-color);
    --row-selected-state-background-color: var(--row-selected-state-background-dark-mode-color);
    --row-selected-state-drill-color: var(--row-selected-state-drill-dark-mode-color);
    --row-selected-state-icon-color: var(--row-selected-state-icon-dark-mode-color);
    --row-selected-state-separator-color: var(--row-selected-state-separator-dark-mode-color);
    --row-selected-state-side-text-primary-color: var(--row-selected-state-side-text-primary-dark-mode-color);
    --row-selected-state-side-text-secondary-color: var(--row-selected-state-side-text-secondary-dark-mode-color);
    --row-selected-state-subtext-color: var(--row-selected-state-subtext-dark-mode-color);
    --row-selected-state-tertiary-text-color: var(--row-selected-state-tertiary-text-dark-mode-color);
    --row-selected-state-text-color: var(--row-selected-state-text-dark-mode-color);

    /* ========== search ========== */
    --search-disabled-state-border-color: var(--search-disabled-state-border-dark-mode-color);
    --search-disabled-state-input-color: var(--search-disabled-state-input-dark-mode-color);
    --search-disabled-state-leading-icon-color: var(--search-disabled-state-leading-icon-dark-mode-color);
    --search-disabled-state-trailing-icon-color: var(--search-disabled-state-trailing-icon-dark-mode-color);
    --search-focused-state-border-color: var(--search-focused-state-border-dark-mode-color);
    --search-hint-text-color: var(--search-hint-text-dark-mode-color);
    --search-normal-state-border-color: var(--search-normal-state-border-dark-mode-color);
    --search-normal-state-input-color: var(--search-normal-state-input-dark-mode-color);
    --search-normal-state-leading-icon-color: var(--search-normal-state-leading-icon-dark-mode-color);
    --search-normal-state-trailing-icon-color: var(--search-normal-state-trailing-icon-dark-mode-color);

    /* ========== segmentedControl ========== */
    --segmented-control-background-disabled-state-color: var(--segmented-control-background-disabled-state-dark-mode-color);
    --segmented-control-background-normal-state-color: var(--segmented-control-background-normal-state-dark-mode-color);
    --segmented-control-disabled-state-background-color: var(--segmented-control-disabled-state-background-dark-mode-color);
    --segmented-control-normal-state-background-color: var(--segmented-control-normal-state-background-dark-mode-color);
    --segmented-control-option-background-disabled-state-color: var(--segmented-control-option-background-disabled-state-dark-mode-color);
    --segmented-control-option-background-hover-state-color: var(--segmented-control-option-background-hover-state-dark-mode-color);
    --segmented-control-option-background-normal-state-color: var(--segmented-control-option-background-normal-state-dark-mode-color);
    --segmented-control-option-background-pressed-state-color: var(--segmented-control-option-background-pressed-state-dark-mode-color);
    --segmented-control-option-background-selected-state-color: var(--segmented-control-option-background-selected-state-dark-mode-color);
    --segmented-control-option-background-selected-value-disabled-state-color: var(--segmented-control-option-background-selected-value-disabled-state-dark-mode-color);
    --segmented-control-option-background-selected-value-hover-state-color: var(--segmented-control-option-background-selected-value-hover-state-dark-mode-color);
    --segmented-control-option-background-selected-value-normal-state-color: var(--segmented-control-option-background-selected-value-normal-state-dark-mode-color);
    --segmented-control-option-background-selected-value-pressed-state-color: var(--segmented-control-option-background-selected-value-pressed-state-dark-mode-color);
    --segmented-control-option-background-unselected-value-disabled-state-color: var(--segmented-control-option-background-unselected-value-disabled-state-dark-mode-color);
    --segmented-control-option-background-unselected-value-hover-state-color: var(--segmented-control-option-background-unselected-value-hover-state-dark-mode-color);
    --segmented-control-option-background-unselected-value-normal-state-color: var(--segmented-control-option-background-unselected-value-normal-state-dark-mode-color);
    --segmented-control-option-background-unselected-value-pressed-state-color: var(--segmented-control-option-background-unselected-value-pressed-state-dark-mode-color);
    --segmented-control-option-label-disabled-state-color: var(--segmented-control-option-label-disabled-state-dark-mode-color);
    --segmented-control-option-label-hover-state-color: var(--segmented-control-option-label-hover-state-dark-mode-color);
    --segmented-control-option-label-normal-state-color: var(--segmented-control-option-label-normal-state-dark-mode-color);
    --segmented-control-option-label-pressed-state-color: var(--segmented-control-option-label-pressed-state-dark-mode-color);
    --segmented-control-option-label-selected-state-color: var(--segmented-control-option-label-selected-state-dark-mode-color);
    --segmented-control-option-label-selected-value-disabled-state-color: var(--segmented-control-option-label-selected-value-disabled-state-dark-mode-color);
    --segmented-control-option-label-selected-value-hover-state-color: var(--segmented-control-option-label-selected-value-hover-state-dark-mode-color);
    --segmented-control-option-label-selected-value-normal-state-color: var(--segmented-control-option-label-selected-value-normal-state-dark-mode-color);
    --segmented-control-option-label-selected-value-pressed-state-color: var(--segmented-control-option-label-selected-value-pressed-state-dark-mode-color);
    --segmented-control-option-label-unselected-value-disabled-state-color: var(--segmented-control-option-label-unselected-value-disabled-state-dark-mode-color);
    --segmented-control-option-label-unselected-value-hover-state-color: var(--segmented-control-option-label-unselected-value-hover-state-dark-mode-color);
    --segmented-control-option-label-unselected-value-normal-state-color: var(--segmented-control-option-label-unselected-value-normal-state-dark-mode-color);
    --segmented-control-option-label-unselected-value-pressed-state-color: var(--segmented-control-option-label-unselected-value-pressed-state-dark-mode-color);
    --segmented-control-option-selected-value-disabled-state-background-color: var(--segmented-control-option-selected-value-disabled-state-background-dark-mode-color);
    --segmented-control-option-selected-value-disabled-state-label-color: var(--segmented-control-option-selected-value-disabled-state-label-dark-mode-color);
    --segmented-control-option-selected-value-hover-state-background-color: var(--segmented-control-option-selected-value-hover-state-background-dark-mode-color);
    --segmented-control-option-selected-value-hover-state-label-color: var(--segmented-control-option-selected-value-hover-state-label-dark-mode-color);
    --segmented-control-option-selected-value-normal-state-background-color: var(--segmented-control-option-selected-value-normal-state-background-dark-mode-color);
    --segmented-control-option-selected-value-normal-state-label-color: var(--segmented-control-option-selected-value-normal-state-label-dark-mode-color);
    --segmented-control-option-selected-value-pressed-state-background-color: var(--segmented-control-option-selected-value-pressed-state-background-dark-mode-color);
    --segmented-control-option-selected-value-pressed-state-label-color: var(--segmented-control-option-selected-value-pressed-state-label-dark-mode-color);
    --segmented-control-option-unselected-value-disabled-state-background-color: var(--segmented-control-option-unselected-value-disabled-state-dark-mode-background-color);
    --segmented-control-option-unselected-value-disabled-state-label-color: var(--segmented-control-option-unselected-value-disabled-state-label-dark-mode-color);
    --segmented-control-option-unselected-value-hover-state-background-color: var(--segmented-control-option-unselected-value-hover-state-dark-mode-background-color);
    --segmented-control-option-unselected-value-hover-state-label-color: var(--segmented-control-option-unselected-value-hover-state-label-dark-mode-color);
    --segmented-control-option-unselected-value-normal-state-background-color: var(--segmented-control-option-unselected-value-normal-state-dark-mode-background-color);
    --segmented-control-option-unselected-value-normal-state-label-color: var(--segmented-control-option-unselected-value-normal-state-label-dark-mode-color);
    --segmented-control-option-unselected-value-pressed-state-background-color: var(--segmented-control-option-unselected-value-pressed-state-dark-mode-background-color);
    --segmented-control-option-unselected-value-pressed-state-label-color: var(--segmented-control-option-unselected-value-pressed-state-label-dark-mode-color);

    /* ========== select ========== */
    --select-caret-color: var(--select-caret-dark-mode-color);
    --select-disclosure-indicator-color: var(--select-disclosure-indicator-dark-mode-color);

    /* ========== skeleton-loader ========== */
    --skeleton-loader-fill-color: var(--skeleton-loader-fill-dark-mode-color);
    --skeleton-loader-gradient-1-color: var(--skeleton-loader-gradient-dark-mode-1-color);
    --skeleton-loader-gradient-2-color: var(--skeleton-loader-gradient-dark-mode-2-color);
    --skeleton-loader-gradient-3-color: var(--skeleton-loader-gradient-dark-mode-3-color);

    /* ========== stepper ========== */
    --stepper-button-disabled-state-background-color: var(--stepper-button-disabled-state-dark-mode-background-color);
    --stepper-button-disabled-state-icon-color: var(--stepper-button-disabled-state-dark-mode-icon-color);
    --stepper-button-focus-state-background-color: var(--stepper-button-focus-state-dark-mode-background-color);
    --stepper-button-focus-state-icon-color: var(--stepper-button-focus-state-dark-mode-icon-color);
    --stepper-button-hover-state-background-color: var(--stepper-button-hover-state-dark-mode-background-color);
    --stepper-button-hover-state-icon-color: var(--stepper-button-hover-state-dark-mode-icon-color);
    --stepper-button-normal-state-background-color: var(--stepper-button-normal-state-dark-mode-background-color);
    --stepper-button-normal-state-icon-color: var(--stepper-button-normal-state-dark-mode-icon-color);
    --stepper-button-pressed-state-background-color: var(--stepper-button-pressed-state-dark-mode-background-color);
    --stepper-button-pressed-state-icon-color: var(--stepper-button-pressed-state-dark-mode-icon-color);
    --stepper-disabled-state-background-color: var(--stepper-disabled-state-background-dark-mode-color);
    --stepper-disabled-state-border-color: var(--stepper-disabled-state-border-dark-mode-color);
    --stepper-focus-state-background-color: var(--stepper-focus-state-background-dark-mode-color);
    --stepper-focus-state-invalid-validity-color: var(--stepper-focus-state-invalid-validity-dark-mode-color);
    --stepper-focus-state-normal-validity-color: var(--stepper-focus-state-normal-validity-dark-mode-color);
    --stepper-hover-state-background-color: var(--stepper-hover-state-background-dark-mode-color);
    --stepper-hover-state-invalid-validity-color: var(--stepper-hover-state-invalid-validity-dark-mode-color);
    --stepper-hover-state-normal-validity-color: var(--stepper-hover-state-normal-validity-dark-mode-color);
    --stepper-normal-state-background-color: var(--stepper-normal-state-background-dark-mode-color);
    --stepper-normal-state-invalid-validity-color: var(--stepper-normal-state-invalid-validity-dark-mode-color);
    --stepper-normal-state-normal-validity-color: var(--stepper-normal-state-normal-validity-dark-mode-color);
    --stepper-quantity-input-field-value-text-disabled-state-color: var(--stepper-quantity-input-field-value-text-disabled-state-dark-mode-color);
    --stepper-quantity-input-field-value-text-normal-state-color: var(--stepper-quantity-input-field-value-text-normal-state-dark-mode-color);
    --stepper-quantity-input-field-value-text-placeholder-color: var(--stepper-quantity-input-field-value-text-placeholder-dark-mode-color);

    /* ========== sticky-section-header ========== */
    --sticky-section-header-background-color: var(--sticky-section-header-background-dark-mode-color);
    --sticky-section-header-separator-color: var(--sticky-section-header-separator-dark-mode-color);
    --sticky-section-header-text-color: var(--sticky-section-header-text-dark-mode-color);
    --sticky-section-header-text-link-color: var(--sticky-section-header-text-link-dark-mode-color);

    /* ========== subtle-button ========== */
    --subtle-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-disabled-state-icon-dark-mode-color);
    --subtle-button-destructive-variant-primary-rank-hover-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-hover-state-icon-dark-mode-color);
    --subtle-button-destructive-variant-primary-rank-normal-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-normal-state-icon-dark-mode-color);
    --subtle-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-pressed-state-icon-dark-mode-color);
    --subtle-button-normal-variant-primary-rank-disabled-state-icon-color: var(--subtle-button-normal-variant-primary-rank-disabled-state-icon-dark-mode-color);
    --subtle-button-normal-variant-primary-rank-hover-state-icon-color: var(--subtle-button-normal-variant-primary-rank-hover-state-icon-dark-mode-color);
    --subtle-button-normal-variant-primary-rank-normal-state-icon-color: var(--subtle-button-normal-variant-primary-rank-normal-state-icon-dark-mode-color);
    --subtle-button-normal-variant-primary-rank-pressed-state-icon-color: var(--subtle-button-normal-variant-primary-rank-pressed-state-icon-dark-mode-color);

    /* ========== swipe-action ========== */
    --swipe-action-destructive-variant-background-color: var(--swipe-action-destructive-variant-background-dark-mode-color);
    --swipe-action-destructive-variant-foreground-color: var(--swipe-action-destructive-variant-foreground-dark-mode-color);
    --swipe-action-primary-variant-background-color: var(--swipe-action-primary-variant-background-dark-mode-color);
    --swipe-action-primary-variant-foreground-color: var(--swipe-action-primary-variant-foreground-dark-mode-color);
    --swipe-action-secondary-variant-background-color: var(--swipe-action-secondary-variant-background-dark-mode-color);
    --swipe-action-secondary-variant-foreground-color: var(--swipe-action-secondary-variant-foreground-dark-mode-color);

    /* ========== tabbar ========== */
    --tabbar-accessory-disabled-state-content-color: var(--tabbar-accessory-disabled-state-content-dark-mode-color);
    --tabbar-accessory-hover-state-content-color: var(--tabbar-accessory-hover-state-content-dark-mode-color);
    --tabbar-accessory-normal-state-content-color: var(--tabbar-accessory-normal-state-content-dark-mode-color);
    --tabbar-accessory-pressed-state-content-color: var(--tabbar-accessory-pressed-state-content-dark-mode-color);
    --tabbar-background-color: var(--tabbar-background-dark-mode-color);
    --tabbar-divider-color: var(--tabbar-divider-dark-mode-color);
    --tabbar-item-selected-value-disabled-state-background-color: var(--tabbar-item-selected-value-disabled-state-background-dark-mode-color);
    --tabbar-item-selected-value-disabled-state-content-color: var(--tabbar-item-selected-value-disabled-state-content-dark-mode-color);
    --tabbar-item-selected-value-hover-state-background-color: var(--tabbar-item-selected-value-hover-state-background-dark-mode-color);
    --tabbar-item-selected-value-hover-state-content-color: var(--tabbar-item-selected-value-hover-state-content-dark-mode-color);
    --tabbar-item-selected-value-normal-state-background-color: var(--tabbar-item-selected-value-normal-state-background-dark-mode-color);
    --tabbar-item-selected-value-normal-state-content-color: var(--tabbar-item-selected-value-normal-state-content-dark-mode-color);
    --tabbar-item-selected-value-pressed-state-background-color: var(--tabbar-item-selected-value-pressed-state-background-dark-mode-color);
    --tabbar-item-selected-value-pressed-state-content-color: var(--tabbar-item-selected-value-pressed-state-content-dark-mode-color);
    --tabbar-item-unselected-value-disabled-state-background-color: var(--tabbar-item-unselected-value-disabled-state-background-dark-mode-color);
    --tabbar-item-unselected-value-disabled-state-content-color: var(--tabbar-item-unselected-value-disabled-state-content-dark-mode-color);
    --tabbar-item-unselected-value-hover-state-background-color: var(--tabbar-item-unselected-value-hover-state-background-dark-mode-color);
    --tabbar-item-unselected-value-hover-state-content-color: var(--tabbar-item-unselected-value-hover-state-content-dark-mode-color);
    --tabbar-item-unselected-value-normal-state-background-color: var(--tabbar-item-unselected-value-normal-state-background-dark-mode-color);
    --tabbar-item-unselected-value-normal-state-content-color: var(--tabbar-item-unselected-value-normal-state-content-dark-mode-color);
    --tabbar-item-unselected-value-pressed-state-background-color: var(--tabbar-item-unselected-value-pressed-state-background-dark-mode-color);
    --tabbar-item-unselected-value-pressed-state-content-color: var(--tabbar-item-unselected-value-pressed-state-content-dark-mode-color);

    /* ========== tableCell ========== */
    --table-cell-disabled-state-text-color: var(--table-cell-disabled-state-text-dark-mode-color);
    --table-cell-focus-state-background-color: var(--table-cell-focus-state-background-dark-mode-color);
    --table-cell-hover-state-background-color: var(--table-cell-hover-state-background-dark-mode-color);
    --table-cell-pressed-state-background-color: var(--table-cell-pressed-state-background-dark-mode-color);
    --table-cell-selected-state-background-color: var(--table-cell-selected-state-background-dark-mode-color);

    /* ========== tag ========== */
    --tag-disabled-state-background-color: var(--tag-disabled-state-dark-mode-background-color);
    --tag-disabled-state-icon-color: var(--tag-disabled-state-dark-mode-icon-color);
    --tag-disabled-state-label-color: var(--tag-disabled-state-dark-mode-label-color);
    --tag-disabled-state-remove-indicator-color: var(--tag-disabled-state-dark-mode-remove-indicator-color);
    --tag-focus-state-background-color: var(--tag-focus-state-dark-mode-background-color);
    --tag-focus-state-icon-color: var(--tag-focus-state-dark-mode-icon-color);
    --tag-focus-state-label-color: var(--tag-focus-state-dark-mode-label-color);
    --tag-focus-state-remove-indicator-color: var(--tag-focus-state-dark-mode-remove-indicator-color);
    --tag-hover-state-background-color: var(--tag-hover-state-dark-mode-background-color);
    --tag-hover-state-icon-color: var(--tag-hover-state-dark-mode-icon-color);
    --tag-hover-state-label-color: var(--tag-hover-state-dark-mode-label-color);
    --tag-hover-state-remove-indicator-color: var(--tag-hover-state-dark-mode-remove-indicator-color);
    --tag-normal-state-background-color: var(--tag-normal-state-dark-mode-background-color);
    --tag-normal-state-icon-color: var(--tag-normal-state-dark-mode-icon-color);
    --tag-normal-state-label-color: var(--tag-normal-state-dark-mode-label-color);
    --tag-normal-state-remove-indicator-color: var(--tag-normal-state-dark-mode-remove-indicator-color);
    --tag-pressed-state-background-color: var(--tag-pressed-state-dark-mode-background-color);
    --tag-pressed-state-icon-color: var(--tag-pressed-state-dark-mode-icon-color);
    --tag-pressed-state-label-color: var(--tag-pressed-state-dark-mode-label-color);
    --tag-pressed-state-remove-indicator-color: var(--tag-pressed-state-dark-mode-remove-indicator-color);

    /* ========== text-link-group ========== */
    --text-link-group-separator-color: var(--text-link-group-separator-dark-mode-color);

    /* ========== text-link ========== */
    --text-link-destructive-variant-color: var(--text-link-destructive-variant-dark-mode-color);
    --text-link-destructive-variant-disabled-state-color: var(--text-link-destructive-variant-disabled-state-dark-mode-color);
    --text-link-destructive-variant-hover-state-color: var(--text-link-destructive-variant-hover-state-dark-mode-color);
    --text-link-destructive-variant-normal-state-color: var(--text-link-destructive-variant-normal-state-dark-mode-color);
    --text-link-destructive-variant-pressed-state-color: var(--text-link-destructive-variant-pressed-state-dark-mode-color);
    --text-link-inverted-variant-disabled-state-color: var(--text-link-inverted-variant-disabled-state-dark-mode-color);
    --text-link-inverted-variant-hover-state-color: var(--text-link-inverted-variant-hover-state-dark-mode-color);
    --text-link-inverted-variant-normal-state-color: var(--text-link-inverted-variant-normal-state-dark-mode-color);
    --text-link-inverted-variant-pressed-state-color: var(--text-link-inverted-variant-pressed-state-dark-mode-color);
    --text-link-normal-variant-color: var(--text-link-normal-variant-dark-mode-color);
    --text-link-normal-variant-disabled-state-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);
    --text-link-normal-variant-hover-state-color: var(--text-link-normal-variant-hover-state-dark-mode-color);
    --text-link-normal-variant-normal-state-color: var(--text-link-normal-variant-normal-state-dark-mode-color);
    --text-link-normal-variant-pressed-state-color: var(--text-link-normal-variant-pressed-state-dark-mode-color);

    /* ========== textarea ========== */
    --textarea-placeholder-color: var(--textarea-placeholder-dark-mode-color);
    --textarea-selection-caret-color: var(--textarea-selection-caret-dark-mode-color);
    --textarea-selection-highlight-color: var(--textarea-selection-highlight-dark-mode-color);
    --textarea-selection-text-cursor-color: var(--textarea-selection-text-cursor-dark-mode-color);

    /* ========== toast ========== */
    --toast-accent-color: var(--toast-accent-dark-mode-color);
    --toast-background-color: var(--toast-background-dark-mode-color);
    --toast-critical-variant-accent-color: var(--toast-critical-variant-accent-dark-mode-color);
    --toast-critical-variant-background-color: var(--toast-critical-variant-background-dark-mode-color);
    --toast-critical-variant-button-text-color: var(--toast-critical-variant-button-text-dark-mode-color);
    --toast-critical-variant-dismiss-button-color: var(--toast-critical-variant-dismiss-button-dark-mode-color);
    --toast-critical-variant-icon-color: var(--toast-critical-variant-icon-dark-mode-color);
    --toast-critical-variant-link-color: var(--toast-critical-variant-link-dark-mode-color);
    --toast-critical-variant-progress-bar-color: var(--toast-critical-variant-progress-bar-dark-mode-color);
    --toast-critical-variant-separator-color: var(--toast-critical-variant-separator-dark-mode-color);
    --toast-critical-variant-text-color: var(--toast-critical-variant-text-dark-mode-color);
    --toast-dismiss-button-color: var(--toast-dismiss-button-dark-mode-color);
    --toast-icon-color: var(--toast-icon-dark-mode-color);
    --toast-info-variant-accent-color: var(--toast-info-variant-accent-dark-mode-color);
    --toast-info-variant-background-color: var(--toast-info-variant-background-dark-mode-color);
    --toast-info-variant-button-text-color: var(--toast-info-variant-button-text-dark-mode-color);
    --toast-info-variant-dismiss-button-color: var(--toast-info-variant-dismiss-button-dark-mode-color);
    --toast-info-variant-icon-color: var(--toast-info-variant-icon-dark-mode-color);
    --toast-info-variant-link-color: var(--toast-info-variant-link-dark-mode-color);
    --toast-info-variant-progress-bar-color: var(--toast-info-variant-progress-bar-dark-mode-color);
    --toast-info-variant-separator-color: var(--toast-info-variant-separator-dark-mode-color);
    --toast-info-variant-text-color: var(--toast-info-variant-text-dark-mode-color);
    --toast-insight-variant-accent-color: var(--toast-insight-variant-accent-dark-mode-color);
    --toast-insight-variant-background-color: var(--toast-insight-variant-background-dark-mode-color);
    --toast-insight-variant-button-text-color: var(--toast-insight-variant-button-text-dark-mode-color);
    --toast-insight-variant-dismiss-button-color: var(--toast-insight-variant-dismiss-button-dark-mode-color);
    --toast-insight-variant-icon-color: var(--toast-insight-variant-icon-dark-mode-color);
    --toast-insight-variant-link-color: var(--toast-insight-variant-link-dark-mode-color);
    --toast-insight-variant-progress-bar-color: var(--toast-insight-variant-progress-bar-dark-mode-color);
    --toast-insight-variant-separator-color: var(--toast-insight-variant-separator-dark-mode-color);
    --toast-insight-variant-text-color: var(--toast-insight-variant-text-dark-mode-color);
    --toast-link-destructive-variant-color: var(--toast-link-destructive-variant-dark-mode-color);
    --toast-link-destructive-variant-disabled-state-color: var(--toast-link-destructive-variant-disabled-state-dark-mode-color);
    --toast-link-destructive-variant-hover-state-color: var(--toast-link-destructive-variant-hover-state-dark-mode-color);
    --toast-link-destructive-variant-normal-state-color: var(--toast-link-destructive-variant-normal-state-dark-mode-color);
    --toast-link-destructive-variant-pressed-state-color: var(--toast-link-destructive-variant-pressed-state-dark-mode-color);
    --toast-link-inverted-variant-disabled-state-color: var(--toast-link-inverted-variant-disabled-state-dark-mode-color);
    --toast-link-inverted-variant-hover-state-color: var(--toast-link-inverted-variant-hover-state-dark-mode-color);
    --toast-link-inverted-variant-normal-state-color: var(--toast-link-inverted-variant-normal-state-dark-mode-color);
    --toast-link-inverted-variant-pressed-state-color: var(--toast-link-inverted-variant-pressed-state-dark-mode-color);
    --toast-link-normal-variant-color: var(--toast-link-normal-variant-dark-mode-color);
    --toast-link-normal-variant-disabled-state-color: var(--toast-link-normal-variant-disabled-state-dark-mode-color);
    --toast-link-normal-variant-hover-state-color: var(--toast-link-normal-variant-hover-state-dark-mode-color);
    --toast-link-normal-variant-normal-state-color: var(--toast-link-normal-variant-normal-state-dark-mode-color);
    --toast-link-normal-variant-pressed-state-color: var(--toast-link-normal-variant-pressed-state-dark-mode-color);
    --toast-progress-bar-color: var(--toast-progress-bar-dark-mode-color);
    --toast-success-variant-accent-color: var(--toast-success-variant-accent-dark-mode-color);
    --toast-success-variant-background-color: var(--toast-success-variant-background-dark-mode-color);
    --toast-success-variant-button-text-color: var(--toast-success-variant-button-text-dark-mode-color);
    --toast-success-variant-dismiss-button-color: var(--toast-success-variant-dismiss-button-dark-mode-color);
    --toast-success-variant-icon-color: var(--toast-success-variant-icon-dark-mode-color);
    --toast-success-variant-link-color: var(--toast-success-variant-link-dark-mode-color);
    --toast-success-variant-progress-bar-color: var(--toast-success-variant-progress-bar-dark-mode-color);
    --toast-success-variant-separator-color: var(--toast-success-variant-separator-dark-mode-color);
    --toast-success-variant-text-color: var(--toast-success-variant-text-dark-mode-color);
    --toast-text-color: var(--toast-text-dark-mode-color);
    --toast-warning-variant-accent-color: var(--toast-warning-variant-accent-dark-mode-color);
    --toast-warning-variant-background-color: var(--toast-warning-variant-background-dark-mode-color);
    --toast-warning-variant-button-text-color: var(--toast-warning-variant-button-text-dark-mode-color);
    --toast-warning-variant-dismiss-button-color: var(--toast-warning-variant-dismiss-button-dark-mode-color);
    --toast-warning-variant-icon-color: var(--toast-warning-variant-icon-dark-mode-color);
    --toast-warning-variant-link-color: var(--toast-warning-variant-link-dark-mode-color);
    --toast-warning-variant-progress-bar-color: var(--toast-warning-variant-progress-bar-dark-mode-color);
    --toast-warning-variant-separator-color: var(--toast-warning-variant-separator-dark-mode-color);
    --toast-warning-variant-text-color: var(--toast-warning-variant-text-dark-mode-color);

    /* ========== toggle ========== */
    --toggle-disabled-state-selected-value-border-color: var(--toggle-disabled-state-selected-value-dark-mode-border-color);
    --toggle-disabled-state-selected-value-thumb-color: var(--toggle-disabled-state-selected-value-dark-mode-thumb-color);
    --toggle-disabled-state-selected-value-track-color: var(--toggle-disabled-state-selected-value-dark-mode-track-color);
    --toggle-disabled-state-unselected-value-border-color: var(--toggle-disabled-state-unselected-value-dark-mode-border-color);
    --toggle-disabled-state-unselected-value-thumb-color: var(--toggle-disabled-state-unselected-value-dark-mode-thumb-color);
    --toggle-disabled-state-unselected-value-track-color: var(--toggle-disabled-state-unselected-value-dark-mode-track-color);
    --toggle-focus-ring-color: var(--toggle-focus-ring-dark-mode-color);
    --toggle-focus-state-selected-value-border-color: var(--toggle-focus-state-selected-value-dark-mode-border-color);
    --toggle-focus-state-selected-value-thumb-color: var(--toggle-focus-state-selected-value-dark-mode-thumb-color);
    --toggle-focus-state-selected-value-track-color: var(--toggle-focus-state-selected-value-dark-mode-track-color);
    --toggle-focus-state-unselected-value-border-color: var(--toggle-focus-state-unselected-value-dark-mode-border-color);
    --toggle-focus-state-unselected-value-thumb-color: var(--toggle-focus-state-unselected-value-dark-mode-thumb-color);
    --toggle-focus-state-unselected-value-track-color: var(--toggle-focus-state-unselected-value-dark-mode-track-color);
    --toggle-hover-state-selected-value-border-color: var(--toggle-hover-state-selected-value-dark-mode-border-color);
    --toggle-hover-state-selected-value-thumb-color: var(--toggle-hover-state-selected-value-dark-mode-thumb-color);
    --toggle-hover-state-selected-value-track-color: var(--toggle-hover-state-selected-value-dark-mode-track-color);
    --toggle-hover-state-unselected-value-border-color: var(--toggle-hover-state-unselected-value-dark-mode-border-color);
    --toggle-hover-state-unselected-value-thumb-color: var(--toggle-hover-state-unselected-value-dark-mode-thumb-color);
    --toggle-hover-state-unselected-value-track-color: var(--toggle-hover-state-unselected-value-dark-mode-track-color);
    --toggle-normal-state-selected-value-border-color: var(--toggle-normal-state-selected-value-dark-mode-border-color);
    --toggle-normal-state-selected-value-thumb-color: var(--toggle-normal-state-selected-value-dark-mode-thumb-color);
    --toggle-normal-state-selected-value-track-color: var(--toggle-normal-state-selected-value-dark-mode-track-color);
    --toggle-normal-state-unselected-value-border-color: var(--toggle-normal-state-unselected-value-dark-mode-border-color);
    --toggle-normal-state-unselected-value-thumb-color: var(--toggle-normal-state-unselected-value-dark-mode-thumb-color);
    --toggle-normal-state-unselected-value-track-color: var(--toggle-normal-state-unselected-value-dark-mode-track-color);
    --toggle-pressed-state-selected-value-border-color: var(--toggle-pressed-state-selected-value-dark-mode-border-color);
    --toggle-pressed-state-selected-value-thumb-color: var(--toggle-pressed-state-selected-value-dark-mode-thumb-color);
    --toggle-pressed-state-selected-value-track-color: var(--toggle-pressed-state-selected-value-dark-mode-track-color);
    --toggle-pressed-state-unselected-value-border-color: var(--toggle-pressed-state-unselected-value-dark-mode-border-color);
    --toggle-pressed-state-unselected-value-thumb-color: var(--toggle-pressed-state-unselected-value-dark-mode-thumb-color);
    --toggle-pressed-state-unselected-value-track-color: var(--toggle-pressed-state-unselected-value-dark-mode-track-color);

    /* ========== tooltip ========== */
    --tooltip-background-color: var(--tooltip-background-dark-mode-color);
    --tooltip-link-color: var(--tooltip-link-dark-mode-color);
    --tooltip-popover-background-color: var(--tooltip-popover-background-dark-mode-color);
    --tooltip-popover-link-color: var(--tooltip-popover-link-dark-mode-color);
    --tooltip-popover-text-color: var(--tooltip-popover-text-dark-mode-color);
    --tooltip-text-color: var(--tooltip-text-dark-mode-color);
    --tooltip-trigger-icon-active-state-color: var(--tooltip-trigger-icon-active-state-dark-mode-color);
    --tooltip-trigger-icon-disabled-state-color: var(--tooltip-trigger-icon-disabled-state-dark-mode-color);
    --tooltip-trigger-icon-normal-state-color: var(--tooltip-trigger-icon-normal-state-dark-mode-color);
    --tooltip-trigger-text-active-state-color: var(--tooltip-trigger-text-active-state-dark-mode-color);
    --tooltip-trigger-text-disabled-state-color: var(--tooltip-trigger-text-disabled-state-dark-mode-color);
    --tooltip-trigger-text-normal-state-color: var(--tooltip-trigger-text-normal-state-dark-mode-color);

    /* ========== tracker ========== */
    --tracker-horizontal-orientation-compact-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-dark-mode-color);
    --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
    --tracker-horizontal-orientation-compact-density-large-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-dark-mode-color);
    --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-dark-mode-color);
    --tracker-horizontal-orientation-compact-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-dark-mode-color);
    --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
    --tracker-horizontal-orientation-compact-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-dark-mode-color);
    --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-dark-mode-color);
    --tracker-horizontal-orientation-compact-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);
    --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
    --tracker-horizontal-orientation-compact-density-small-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);
    --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);
    --tracker-horizontal-orientation-connectors-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-dark-mode-color);
    --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
    --tracker-horizontal-orientation-connectors-density-large-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-dark-mode-color);
    --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-dark-mode-color);
    --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-dark-mode-color);
    --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
    --tracker-horizontal-orientation-connectors-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-dark-mode-color);
    --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-dark-mode-color);
    --tracker-horizontal-orientation-connectors-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-dark-mode-color);
    --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
    --tracker-horizontal-orientation-connectors-density-small-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-dark-mode-color);
    --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-dark-mode-color);
    --tracker-horizontal-orientation-regular-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-dark-mode-color);
    --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
    --tracker-horizontal-orientation-regular-density-large-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-dark-mode-color);
    --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-dark-mode-color);
    --tracker-horizontal-orientation-regular-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-dark-mode-color);
    --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
    --tracker-horizontal-orientation-regular-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-dark-mode-color);
    --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-dark-mode-color);
    --tracker-horizontal-orientation-regular-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-dark-mode-color);
    --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
    --tracker-horizontal-orientation-regular-density-small-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-dark-mode-color);
    --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-dark-mode-color);
  }
}


/*
 * Monochrome: default & light mode tokens scoped to [data-market-theme="monochrome"]
 */

/* This file is automatically generated. Do not edit. */

[data-market-theme="monochrome"] {
  /* ========================================================================
   * CORE
   * ======================================================================== */

  /* ========== core ========== */
  --core-animation-enter-transition-easing: cubic-bezier(0.26, 0.10, 0.48, 1.0);
  --core-animation-enter-transition-fast-speed-duration: 0.10s;
  --core-animation-enter-transition-moderate-speed-duration: 0.24s;
  --core-animation-enter-transition-slow-speed-duration: 0.40s;
  --core-animation-exit-transition-easing: cubic-bezier(0.52, 0.0, 0.74, 0.0);
  --core-animation-exit-transition-fast-speed-duration: 0.10s;
  --core-animation-exit-transition-moderate-speed-duration: 0.16s;
  --core-animation-exit-transition-slow-speed-duration: 0.30s;
  --core-animation-move-transition-easing: cubic-bezier(0.76, 0.0, 0.24, 1.0);
  --core-animation-move-transition-fast-speed-duration: 0.10s;
  --core-animation-move-transition-moderate-speed-duration: 0.24s;
  --core-animation-move-transition-slow-speed-duration: 0.40s;
  --core-base-size: 8px;
  --core-blue-10-color: var(--core-blue-10-light-mode-color);
  --core-blue-10-dark-mode-color: #0055CC;
  --core-blue-10-light-mode-color: #0055CC;
  --core-blue-20-color: var(--core-blue-20-light-mode-color);
  --core-blue-20-dark-mode-color: #005FE5;
  --core-blue-20-light-mode-color: #005FE5;
  --core-blue-30-color: var(--core-blue-30-light-mode-color);
  --core-blue-30-dark-mode-color: #002559;
  --core-blue-30-light-mode-color: #CCE1FF;
  --core-blue-40-color: var(--core-blue-40-light-mode-color);
  --core-blue-40-dark-mode-color: #001533;
  --core-blue-40-light-mode-color: #E6F0FF;
  --core-blue-fill-color: var(--core-blue-fill-light-mode-color);
  --core-blue-fill-dark-mode-color: #006AFF;
  --core-blue-fill-light-mode-color: #006AFF;
  --core-blue-text-color: var(--core-blue-text-light-mode-color);
  --core-blue-text-dark-mode-color: #4A95FF;
  --core-blue-text-light-mode-color: #005AD9;
  --core-border-10: 1px;
  --core-border-20: 2px;
  --core-border-80: 8px;
  --core-breakpoint-extra-wide-min-width: 1024px;
  --core-breakpoint-medium-max-width: 839px;
  --core-breakpoint-medium-min-width: 600px;
  --core-breakpoint-narrow-max-width: 599px;
  --core-breakpoint-narrow-min-width: 0px;
  --core-breakpoint-wide-max-width: 1023px;
  --core-breakpoint-wide-min-max-width: 1023px;
  --core-breakpoint-wide-min-width: 800px;
  --core-brown-10-color: var(--core-brown-10-light-mode-color);
  --core-brown-10-dark-mode-color: #33261A;
  --core-brown-10-light-mode-color: #332517;
  --core-brown-20-color: var(--core-brown-20-light-mode-color);
  --core-brown-20-dark-mode-color: #4D3926;
  --core-brown-20-light-mode-color: #4D3722;
  --core-brown-30-color: var(--core-brown-30-light-mode-color);
  --core-brown-30-dark-mode-color: #592D00;
  --core-brown-30-light-mode-color: #FFE6CC;
  --core-brown-40-color: var(--core-brown-40-light-mode-color);
  --core-brown-40-dark-mode-color: #331900;
  --core-brown-40-light-mode-color: #FFF2E6;
  --core-brown-fill-color: var(--core-brown-fill-light-mode-color);
  --core-brown-fill-dark-mode-color: #664D33;
  --core-brown-fill-light-mode-color: #664A2E;
  --core-brown-text-color: var(--core-brown-text-light-mode-color);
  --core-brown-text-dark-mode-color: #C99866;
  --core-brown-text-light-mode-color: #664A2E;
  --core-burgundy-10-color: var(--core-burgundy-10-light-mode-color);
  --core-burgundy-10-dark-mode-color: #660525;
  --core-burgundy-10-light-mode-color: #660525;
  --core-burgundy-20-color: var(--core-burgundy-20-light-mode-color);
  --core-burgundy-20-dark-mode-color: #80062F;
  --core-burgundy-20-light-mode-color: #80062F;
  --core-burgundy-30-color: var(--core-burgundy-30-light-mode-color);
  --core-burgundy-30-dark-mode-color: #59001E;
  --core-burgundy-30-light-mode-color: #FFCCDD;
  --core-burgundy-40-color: var(--core-burgundy-40-light-mode-color);
  --core-burgundy-40-dark-mode-color: #330011;
  --core-burgundy-40-light-mode-color: #FFE6EE;
  --core-burgundy-fill-color: var(--core-burgundy-fill-light-mode-color);
  --core-burgundy-fill-dark-mode-color: #990838;
  --core-burgundy-fill-light-mode-color: #990838;
  --core-burgundy-text-color: var(--core-burgundy-text-light-mode-color);
  --core-burgundy-text-dark-mode-color: #FF568E;
  --core-burgundy-text-light-mode-color: #990838;
  --core-constant-black-color: #000000;
  --core-constant-gray-10-color: #101010;
  --core-constant-gray-15-color: #1a1a1a;
  --core-constant-gray-20-color: #1e1e1e;
  --core-constant-gray-25-color: #232323;
  --core-constant-gray-30-color: #2a2a2a;
  --core-constant-gray-40-color: #333333;
  --core-constant-gray-45-color: #595959;
  --core-constant-gray-50-color: #666666;
  --core-constant-gray-60-color: #878787;
  --core-constant-gray-65-color: #959595;
  --core-constant-gray-80-color: #cccccc;
  --core-constant-gray-85-color: #dadada;
  --core-constant-gray-90-color: #e8e8e8;
  --core-constant-gray-95-color: #f0f0f0;
  --core-constant-gray-98-color: #F7F7F7;
  --core-constant-white-color: #ffffff;
  --core-control-size-height: 20px;
  --core-control-size-width: 20px;
  --core-critical-10-color: var(--core-critical-10-light-mode-color);
  --core-critical-10-dark-mode-color: var(--core-red-10-dark-mode-color);
  --core-critical-10-light-mode-color: var(--core-red-10-light-mode-color);
  --core-critical-20-color: var(--core-critical-20-light-mode-color);
  --core-critical-20-dark-mode-color: var(--core-red-20-dark-mode-color);
  --core-critical-20-light-mode-color: var(--core-red-20-light-mode-color);
  --core-critical-30-color: var(--core-critical-30-light-mode-color);
  --core-critical-30-dark-mode-color: var(--core-red-30-dark-mode-color);
  --core-critical-30-light-mode-color: var(--core-red-30-light-mode-color);
  --core-critical-40-color: var(--core-critical-40-light-mode-color);
  --core-critical-40-dark-mode-color: var(--core-red-40-dark-mode-color);
  --core-critical-40-light-mode-color: var(--core-red-40-light-mode-color);
  --core-critical-fill-color: var(--core-critical-fill-light-mode-color);
  --core-critical-fill-dark-mode-color: var(--core-red-fill-dark-mode-color);
  --core-critical-fill-light-mode-color: var(--core-red-fill-light-mode-color);
  --core-critical-text-color: var(--core-critical-text-light-mode-color);
  --core-critical-text-dark-mode-color: var(--core-red-text-dark-mode-color);
  --core-critical-text-light-mode-color: var(--core-red-text-light-mode-color);
  --core-divider-10-color: var(--core-divider-10-light-mode-color);
  --core-divider-10-dark-mode-color: #959595;
  --core-divider-10-light-mode-color: #959595;
  --core-divider-20-color: var(--core-divider-20-light-mode-color);
  --core-divider-20-dark-mode-color: #333333;
  --core-divider-20-light-mode-color: #f0f0f0;
  --core-emphasis-10-color: var(--core-emphasis-10-light-mode-color);
  --core-emphasis-10-dark-mode-color: #CCCCCC;
  --core-emphasis-10-light-mode-color: #666666;
  --core-emphasis-20-color: var(--core-emphasis-20-light-mode-color);
  --core-emphasis-20-dark-mode-color: #DADADA;
  --core-emphasis-20-light-mode-color: #333333;
  --core-emphasis-30-color: var(--core-emphasis-30-light-mode-color);
  --core-emphasis-30-dark-mode-color: #595959;
  --core-emphasis-30-light-mode-color: #CCCCCC;
  --core-emphasis-40-color: var(--core-emphasis-40-light-mode-color);
  --core-emphasis-40-dark-mode-color: #333333;
  --core-emphasis-40-light-mode-color: #E8E8E8;
  --core-emphasis-fill-color: var(--core-emphasis-fill-light-mode-color);
  --core-emphasis-fill-dark-mode-color: #FFFFFF;
  --core-emphasis-fill-light-mode-color: #101010;
  --core-emphasis-text-color: var(--core-emphasis-text-light-mode-color);
  --core-emphasis-text-dark-mode-color: #FFFFFF;
  --core-emphasis-text-light-mode-color: #101010;
  --core-extra-wide-viewport-grid-column-count: 4;
  --core-extra-wide-viewport-grid-horizontal-spacing: var(--core-metrics-spacing-200);
  --core-extra-wide-viewport-grid-item-full-size-column-span: 4;
  --core-extra-wide-viewport-grid-item-large-size-column-span: 3;
  --core-extra-wide-viewport-grid-item-medium-size-column-span: 2;
  --core-extra-wide-viewport-grid-item-small-size-column-span: 1;
  --core-extra-wide-viewport-grid-vertical-spacing: var(--core-metrics-spacing-200);
  --core-fill-10-color: var(--core-fill-10-light-mode-color);
  --core-fill-10-dark-mode-color: #f0f0f0;
  --core-fill-10-light-mode-color: #101010;
  --core-fill-20-color: var(--core-fill-20-light-mode-color);
  --core-fill-20-dark-mode-color: #666666;
  --core-fill-20-light-mode-color: #959595;
  --core-fill-30-color: var(--core-fill-30-light-mode-color);
  --core-fill-30-dark-mode-color: #595959;
  --core-fill-30-light-mode-color: #dadada;
  --core-fill-40-color: var(--core-fill-40-light-mode-color);
  --core-fill-40-dark-mode-color: #333333;
  --core-fill-40-light-mode-color: #f0f0f0;
  --core-fill-50-color: var(--core-fill-50-light-mode-color);
  --core-fill-50-dark-mode-color: #2A2A2A;
  --core-fill-50-light-mode-color: #F7F7F7;
  --core-fill-black-color: var(--core-fill-black-light-mode-color);
  --core-fill-black-dark-mode-color: #000000;
  --core-fill-black-light-mode-color: #000000;
  --core-fill-inverse-color: var(--core-fill-inverse-light-mode-color);
  --core-fill-inverse-dark-mode-color: #000000;
  --core-fill-inverse-light-mode-color: #FFFFFF;
  --core-fill-white-color: var(--core-fill-white-light-mode-color);
  --core-fill-white-dark-mode-color: #FFFFFF;
  --core-fill-white-light-mode-color: #FFFFFF;
  --core-fixed-large-size: 64px;
  --core-fixed-medium-size: 48px;
  --core-fixed-small-size: 40px;
  --core-fixed-x-large-size: 80px;
  --core-fixed-x-small-size: 32px;
  --core-fixed-xx-small-size: 24px;
  --core-fixed-xxx-small-size: 16px;
  --core-focus-color: var(--core-focus-light-mode-color);
  --core-focus-dark-mode-color: var(--core-constant-white-color);
  --core-focus-light-mode-color: var(--core-constant-black-color);
  --core-focus-ring-border-size: var(--core-border-20);
  --core-focus-ring-buffer-size: var(--core-metrics-spacing-25);
  --core-focus-ring-color: var(--core-focus-ring-light-mode-color);
  --core-focus-ring-dark-mode-color: var(--core-focus-dark-mode-color);
  --core-focus-ring-light-mode-color: var(--core-focus-light-mode-color);
  --core-forest-10-color: var(--core-forest-10-light-mode-color);
  --core-forest-10-dark-mode-color: #0F4D19;
  --core-forest-10-light-mode-color: #0F4D19;
  --core-forest-20-color: var(--core-forest-20-light-mode-color);
  --core-forest-20-dark-mode-color: #146622;
  --core-forest-20-light-mode-color: #146622;
  --core-forest-30-color: var(--core-forest-30-light-mode-color);
  --core-forest-30-dark-mode-color: #00590F;
  --core-forest-30-light-mode-color: #CCFFD5;
  --core-forest-40-color: var(--core-forest-40-light-mode-color);
  --core-forest-40-dark-mode-color: #003308;
  --core-forest-40-light-mode-color: #E6FFEA;
  --core-forest-fill-color: var(--core-forest-fill-light-mode-color);
  --core-forest-fill-dark-mode-color: #19802A;
  --core-forest-fill-light-mode-color: #19802A;
  --core-forest-text-color: var(--core-forest-text-light-mode-color);
  --core-forest-text-dark-mode-color: #16D956;
  --core-forest-text-light-mode-color: #007D2A;
  --core-gold-10-color: var(--core-gold-10-light-mode-color);
  --core-gold-10-dark-mode-color: #CC8033;
  --core-gold-10-light-mode-color: #CC8033;
  --core-gold-20-color: var(--core-gold-20-light-mode-color);
  --core-gold-20-dark-mode-color: #E68F39;
  --core-gold-20-light-mode-color: #E68F39;
  --core-gold-30-color: var(--core-gold-30-light-mode-color);
  --core-gold-30-dark-mode-color: #592D00;
  --core-gold-30-light-mode-color: #FFE6CC;
  --core-gold-40-color: var(--core-gold-40-light-mode-color);
  --core-gold-40-dark-mode-color: #331A00;
  --core-gold-40-light-mode-color: #FFF2E6;
  --core-gold-fill-color: var(--core-gold-fill-light-mode-color);
  --core-gold-fill-dark-mode-color: #FF9F40;
  --core-gold-fill-light-mode-color: #FF9F40;
  --core-gold-text-color: var(--core-gold-text-light-mode-color);
  --core-gold-text-dark-mode-color: #FF9F40;
  --core-gold-text-light-mode-color: #945C25;
  --core-green-10-color: var(--core-green-10-light-mode-color);
  --core-green-10-dark-mode-color: #00802A;
  --core-green-10-light-mode-color: #00802A;
  --core-green-20-color: var(--core-green-20-light-mode-color);
  --core-green-20-dark-mode-color: #009933;
  --core-green-20-light-mode-color: #009933;
  --core-green-30-color: var(--core-green-30-light-mode-color);
  --core-green-30-dark-mode-color: #00591E;
  --core-green-30-light-mode-color: #CCFFDD;
  --core-green-40-color: var(--core-green-40-light-mode-color);
  --core-green-40-dark-mode-color: #003311;
  --core-green-40-light-mode-color: #E5FFEE;
  --core-green-fill-color: var(--core-green-fill-light-mode-color);
  --core-green-fill-dark-mode-color: #00B33B;
  --core-green-fill-light-mode-color: #00B23B;
  --core-green-text-color: var(--core-green-text-light-mode-color);
  --core-green-text-dark-mode-color: #16D956;
  --core-green-text-light-mode-color: #007D2A;
  --core-grid-column-count: var(--core-narrow-viewport-grid-column-count);
  --core-grid-horizontal-spacing: var(--core-narrow-viewport-grid-horizontal-spacing);
  --core-grid-item-full-size-column-span: var(--core-narrow-viewport-grid-item-full-size-column-span);
  --core-grid-item-large-size-column-span: var(--core-narrow-viewport-grid-item-large-size-column-span);
  --core-grid-item-medium-size-column-span: var(--core-narrow-viewport-grid-item-medium-size-column-span);
  --core-grid-item-small-size-column-span: var(--core-narrow-viewport-grid-item-small-size-column-span);
  --core-grid-vertical-spacing: var(--core-narrow-viewport-grid-vertical-spacing);
  --core-horizontal-size-class-regular-threshold: 600px;
  --core-horizontal-size-class-wide-threshold: 1200px;
  --core-icon-large-size-height: 40px;
  --core-icon-large-size-width: 40px;
  --core-icon-medium-size-height: 24px;
  --core-icon-medium-size-width: 24px;
  --core-icon-small-size-height: 16px;
  --core-icon-small-size-width: 16px;
  --core-large-size-minimum-height: var(--core-minimum-height-300);
  --core-medium-size-minimum-height: var(--core-minimum-height-200);
  --core-medium-viewport-grid-column-count: 2;
  --core-medium-viewport-grid-horizontal-spacing: var(--core-wide-viewport-grid-horizontal-spacing);
  --core-medium-viewport-grid-item-full-size-column-span: 2;
  --core-medium-viewport-grid-item-large-size-column-span: 1;
  --core-medium-viewport-grid-item-medium-size-column-span: 1;
  --core-medium-viewport-grid-item-small-size-column-span: 1;
  --core-medium-viewport-grid-vertical-spacing: var(--core-wide-viewport-grid-vertical-spacing);
  --core-metrics-spacing-100: 8px;
  --core-metrics-spacing-1000: 80px;
  --core-metrics-spacing-150: 12px;
  --core-metrics-spacing-1500: 120px;
  --core-metrics-spacing-200: 16px;
  --core-metrics-spacing-2000: 160px;
  --core-metrics-spacing-25: 2px;
  --core-metrics-spacing-250: 20px;
  --core-metrics-spacing-300: 24px;
  --core-metrics-spacing-400: 32px;
  --core-metrics-spacing-50: 4px;
  --core-metrics-spacing-500: 40px;
  --core-metrics-spacing-600: 48px;
  --core-metrics-spacing-800: 64px;
  --core-minimum-height-100: 40px;
  --core-minimum-height-200: 48px;
  --core-minimum-height-300: 64px;
  --core-minimum-height-400: 80px;
  --core-minimum-height-50: 24px;
  --core-minimum-height-75: 32px;
  --core-narrow-viewport-grid-column-count: 1;
  --core-narrow-viewport-grid-horizontal-spacing: var(--core-medium-viewport-grid-horizontal-spacing);
  --core-narrow-viewport-grid-item-full-size-column-span: 1;
  --core-narrow-viewport-grid-item-large-size-column-span: 1;
  --core-narrow-viewport-grid-item-medium-size-column-span: 1;
  --core-narrow-viewport-grid-item-small-size-column-span: 1;
  --core-narrow-viewport-grid-vertical-spacing: var(--core-medium-viewport-grid-vertical-spacing);
  --core-opacity-disabled-state: 0.4;
  --core-opacity-hover-state: 1;
  --core-opacity-normal-state: 1;
  --core-opacity-pressed-state: 1;
  --core-orange-10-color: var(--core-orange-10-light-mode-color);
  --core-orange-10-dark-mode-color: #BF4830;
  --core-orange-10-light-mode-color: #BF4830;
  --core-orange-20-color: var(--core-orange-20-light-mode-color);
  --core-orange-20-dark-mode-color: #DB5237;
  --core-orange-20-light-mode-color: #DB5237;
  --core-orange-30-color: var(--core-orange-30-light-mode-color);
  --core-orange-30-dark-mode-color: #590F00;
  --core-orange-30-light-mode-color: #FFD5CC;
  --core-orange-40-color: var(--core-orange-40-light-mode-color);
  --core-orange-40-dark-mode-color: #330800;
  --core-orange-40-light-mode-color: #FFEAE6;
  --core-orange-fill-color: var(--core-orange-fill-light-mode-color);
  --core-orange-fill-dark-mode-color: #F25B3D;
  --core-orange-fill-light-mode-color: #F25B3D;
  --core-orange-text-color: var(--core-orange-text-light-mode-color);
  --core-orange-text-dark-mode-color: #FF5F3F;
  --core-orange-text-light-mode-color: #A83F2A;
  --core-padding-set-even-large: var(--core-metrics-spacing-250);
  --core-padding-set-even-medium: var(--core-metrics-spacing-150);
  --core-padding-set-even-small: var(--core-metrics-spacing-100);
  --core-padding-set-wide-large-horizontal: var(--core-metrics-spacing-400);
  --core-padding-set-wide-large-vertical: var(--core-metrics-spacing-250);
  --core-padding-set-wide-medium-horizontal: var(--core-metrics-spacing-300);
  --core-padding-set-wide-medium-vertical: var(--core-metrics-spacing-150);
  --core-padding-set-wide-small-horizontal: var(--core-metrics-spacing-250);
  --core-padding-set-wide-small-vertical: var(--core-metrics-spacing-100);
  --core-pink-10-color: var(--core-pink-10-light-mode-color);
  --core-pink-10-dark-mode-color: #A62987;
  --core-pink-10-light-mode-color: #A62987;
  --core-pink-20-color: var(--core-pink-20-light-mode-color);
  --core-pink-20-dark-mode-color: #BF309B;
  --core-pink-20-light-mode-color: #BF309B;
  --core-pink-30-color: var(--core-pink-30-light-mode-color);
  --core-pink-30-dark-mode-color: #590043;
  --core-pink-30-light-mode-color: #FFCCF2;
  --core-pink-40-color: var(--core-pink-40-light-mode-color);
  --core-pink-40-dark-mode-color: #330026;
  --core-pink-40-light-mode-color: #FFE6F9;
  --core-pink-fill-color: var(--core-pink-fill-light-mode-color);
  --core-pink-fill-dark-mode-color: #D936B0;
  --core-pink-fill-light-mode-color: #D936B0;
  --core-pink-text-color: var(--core-pink-text-light-mode-color);
  --core-pink-text-dark-mode-color: #FF43D0;
  --core-pink-text-light-mode-color: #A82A88;
  --core-purple-10-color: var(--core-purple-10-light-mode-color);
  --core-purple-10-dark-mode-color: #6811A6;
  --core-purple-10-light-mode-color: #6811A6;
  --core-purple-20-color: var(--core-purple-20-light-mode-color);
  --core-purple-20-dark-mode-color: #7813BF;
  --core-purple-20-light-mode-color: #7813BF;
  --core-purple-30-color: var(--core-purple-30-light-mode-color);
  --core-purple-30-dark-mode-color: #340059;
  --core-purple-30-light-mode-color: #EACCFF;
  --core-purple-40-color: var(--core-purple-40-light-mode-color);
  --core-purple-40-dark-mode-color: #1E0033;
  --core-purple-40-light-mode-color: #F4E6FF;
  --core-purple-fill-color: var(--core-purple-fill-light-mode-color);
  --core-purple-fill-dark-mode-color: #8716D9;
  --core-purple-fill-light-mode-color: #8716D9;
  --core-purple-text-color: var(--core-purple-text-light-mode-color);
  --core-purple-text-dark-mode-color: #C26EFF;
  --core-purple-text-light-mode-color: #8716D9;
  --core-radius-10: 6px;
  --core-radius-100: 6px;
  --core-radius-20: 12px;
  --core-radius-200: 12px;
  --core-radius-266: 16px;
  --core-radius-33: 2px;
  --core-radius-400: 24px;
  --core-radius-533: 32px;
  --core-radius-6: 4px;
  --core-radius-66: 4px;
  --core-radius-circle: 1000px;
  --core-radius-forms: 8px;
  --core-radius-modals: 20px;
  --core-radius-none: 0px;
  --core-red-10-color: var(--core-red-10-light-mode-color);
  --core-red-10-dark-mode-color: #99001A;
  --core-red-10-light-mode-color: #99001A;
  --core-red-20-color: var(--core-red-20-light-mode-color);
  --core-red-20-dark-mode-color: #B2001E;
  --core-red-20-light-mode-color: #B2001E;
  --core-red-30-color: var(--core-red-30-light-mode-color);
  --core-red-30-dark-mode-color: #59000F;
  --core-red-30-light-mode-color: #FFCCD5;
  --core-red-40-color: var(--core-red-40-light-mode-color);
  --core-red-40-dark-mode-color: #330009;
  --core-red-40-light-mode-color: #FFE5EA;
  --core-red-fill-color: var(--core-red-fill-light-mode-color);
  --core-red-fill-dark-mode-color: #CC0023;
  --core-red-fill-light-mode-color: #CC0023;
  --core-red-text-color: var(--core-red-text-light-mode-color);
  --core-red-text-dark-mode-color: #FF5A76;
  --core-red-text-light-mode-color: #BF0020;
  --core-sky-10-color: var(--core-sky-10-light-mode-color);
  --core-sky-10-dark-mode-color: #1F75CC;
  --core-sky-10-light-mode-color: #1F75CC;
  --core-sky-20-color: var(--core-sky-20-light-mode-color);
  --core-sky-20-dark-mode-color: #2284E6;
  --core-sky-20-light-mode-color: #2284E6;
  --core-sky-30-color: var(--core-sky-30-light-mode-color);
  --core-sky-30-dark-mode-color: #002D59;
  --core-sky-30-light-mode-color: #CCE6FF;
  --core-sky-40-color: var(--core-sky-40-light-mode-color);
  --core-sky-40-dark-mode-color: #001A33;
  --core-sky-40-light-mode-color: #E6F2FF;
  --core-sky-fill-color: var(--core-sky-fill-light-mode-color);
  --core-sky-fill-dark-mode-color: #2693FF;
  --core-sky-fill-light-mode-color: #2693FF;
  --core-sky-text-color: var(--core-sky-text-light-mode-color);
  --core-sky-text-dark-mode-color: #2E97FF;
  --core-sky-text-light-mode-color: #0F65BA;
  --core-small-size-minimum-height: var(--core-minimum-height-100);
  --core-space-10-size: var(--core-base-size);
  --core-success-10-color: var(--core-success-10-light-mode-color);
  --core-success-10-dark-mode-color: var(--core-green-10-dark-mode-color);
  --core-success-10-light-mode-color: var(--core-green-10-light-mode-color);
  --core-success-20-color: var(--core-success-20-light-mode-color);
  --core-success-20-dark-mode-color: var(--core-green-20-dark-mode-color);
  --core-success-20-light-mode-color: var(--core-green-20-light-mode-color);
  --core-success-30-color: var(--core-success-30-light-mode-color);
  --core-success-30-dark-mode-color: var(--core-green-30-dark-mode-color);
  --core-success-30-light-mode-color: var(--core-green-30-light-mode-color);
  --core-success-40-color: var(--core-success-40-light-mode-color);
  --core-success-40-dark-mode-color: var(--core-green-40-dark-mode-color);
  --core-success-40-light-mode-color: var(--core-green-40-light-mode-color);
  --core-success-fill-color: var(--core-success-fill-light-mode-color);
  --core-success-fill-dark-mode-color: var(--core-green-fill-dark-mode-color);
  --core-success-fill-light-mode-color: var(--core-green-fill-light-mode-color);
  --core-success-text-color: var(--core-success-text-light-mode-color);
  --core-success-text-dark-mode-color: var(--core-green-text-dark-mode-color);
  --core-success-text-light-mode-color: var(--core-green-text-light-mode-color);
  --core-surface-10-color: var(--core-surface-10-light-mode-color);
  --core-surface-10-dark-mode-color: #101010;
  --core-surface-10-light-mode-color: #FFFFFF;
  --core-surface-20-color: var(--core-surface-20-light-mode-color);
  --core-surface-20-dark-mode-color: #1a1a1a;
  --core-surface-20-light-mode-color: #FFFFFF;
  --core-surface-30-color: var(--core-surface-30-light-mode-color);
  --core-surface-30-dark-mode-color: #232323;
  --core-surface-30-light-mode-color: #FFFFFF;
  --core-surface-5-color: var(--core-surface-5-light-mode-color);
  --core-surface-5-dark-mode-color: #000000;
  --core-surface-5-light-mode-color: #FFFFFF;
  --core-surface-inverse-color: var(--core-surface-inverse-light-mode-color);
  --core-surface-inverse-dark-mode-color: #FFFFFF;
  --core-surface-inverse-light-mode-color: #232323;
  --core-surface-overlay-color: var(--core-surface-overlay-light-mode-color);
  --core-surface-overlay-dark-mode-color: rgba(0,0,0,0.8);
  --core-surface-overlay-light-mode-color: rgba(0,0,0,0.8);
  --core-taupe-10-color: var(--core-taupe-10-light-mode-color);
  --core-taupe-10-dark-mode-color: #735639;
  --core-taupe-10-light-mode-color: #735639;
  --core-taupe-20-color: var(--core-taupe-20-light-mode-color);
  --core-taupe-20-dark-mode-color: #8C6946;
  --core-taupe-20-light-mode-color: #8C6946;
  --core-taupe-30-color: var(--core-taupe-30-light-mode-color);
  --core-taupe-30-dark-mode-color: #592D00;
  --core-taupe-30-light-mode-color: #FFE6CC;
  --core-taupe-40-color: var(--core-taupe-40-light-mode-color);
  --core-taupe-40-dark-mode-color: #331A00;
  --core-taupe-40-light-mode-color: #FFF2E6;
  --core-taupe-fill-color: var(--core-taupe-fill-light-mode-color);
  --core-taupe-fill-dark-mode-color: #A67C53;
  --core-taupe-fill-light-mode-color: #A67C53;
  --core-taupe-text-color: var(--core-taupe-text-light-mode-color);
  --core-taupe-text-dark-mode-color: #C99866;
  --core-taupe-text-light-mode-color: #826141;
  --core-teal-10-color: var(--core-teal-10-light-mode-color);
  --core-teal-10-dark-mode-color: #0D8C6D;
  --core-teal-10-light-mode-color: #0D8C6D;
  --core-teal-20-color: var(--core-teal-20-light-mode-color);
  --core-teal-20-dark-mode-color: #10A680;
  --core-teal-20-light-mode-color: #10A680;
  --core-teal-30-color: var(--core-teal-30-light-mode-color);
  --core-teal-30-dark-mode-color: #005943;
  --core-teal-30-light-mode-color: #CCFFF2;
  --core-teal-40-color: var(--core-teal-40-light-mode-color);
  --core-teal-40-dark-mode-color: #003326;
  --core-teal-40-light-mode-color: #E6FFF9;
  --core-teal-fill-color: var(--core-teal-fill-light-mode-color);
  --core-teal-fill-dark-mode-color: #12BF94;
  --core-teal-fill-light-mode-color: #12BF94;
  --core-teal-text-color: var(--core-teal-text-light-mode-color);
  --core-teal-text-dark-mode-color: #16D8A7;
  --core-teal-text-light-mode-color: #0C785D;
  --core-text-10-color: var(--core-text-10-light-mode-color);
  --core-text-10-dark-mode-color: #FFFFFF;
  --core-text-10-light-mode-color: #101010;
  --core-text-20-color: var(--core-text-20-light-mode-color);
  --core-text-20-dark-mode-color: #9B9B9B;
  --core-text-20-light-mode-color: #666666;
  --core-text-30-color: var(--core-text-30-light-mode-color);
  --core-text-30-dark-mode-color: #595959;
  --core-text-30-light-mode-color: #959595;
  --core-text-black-color: var(--core-text-black-light-mode-color);
  --core-text-black-dark-mode-color: #101010;
  --core-text-black-light-mode-color: #101010;
  --core-text-inverse-color: var(--core-text-inverse-light-mode-color);
  --core-text-inverse-dark-mode-color: #101010;
  --core-text-inverse-light-mode-color: #FFFFFF;
  --core-text-size: 16px;
  --core-text-white-color: var(--core-text-white-light-mode-color);
  --core-text-white-dark-mode-color: #FFFFFF;
  --core-text-white-light-mode-color: #FFFFFF;
  --core-transparent-color: var(--core-transparent-light-mode-color);
  --core-transparent-dark-mode-color: transparent;
  --core-transparent-light-mode-color: transparent;
  --core-type-bold-weight: 700;
  --core-type-display-10-case: none;
  --core-type-display-10-font-family: var(--core-type-display-font-family);
  --core-type-display-10-leading: 40px;
  --core-type-display-10-number-spacing: 'default';
  --core-type-display-10-scale: heading-30;
  --core-type-display-10-size: 32px;
  --core-type-display-10-tracking: 0;
  --core-type-display-10-weight: var(--core-type-bold-weight);
  --core-type-display-20-case: none;
  --core-type-display-20-font-family: var(--core-type-display-font-family);
  --core-type-display-20-leading: 56px;
  --core-type-display-20-number-spacing: 'default';
  --core-type-display-20-scale: heading-30;
  --core-type-display-20-size: 48px;
  --core-type-display-20-tracking: 0;
  --core-type-display-20-weight: var(--core-type-medium-weight);
  --core-type-display-font-family: 'Square Sans Display VF', 'Square Sans Display', Helvetica, Arial, sans-serif;
  --core-type-font-family: 'Square Sans Text VF', 'Square Sans Text', Helvetica, Arial, sans-serif;
  --core-type-heading-10-case: none;
  --core-type-heading-10-font-family: var(--core-type-font-family);
  --core-type-heading-10-leading: 22px;
  --core-type-heading-10-number-spacing: 'default';
  --core-type-heading-10-scale: heading-10;
  --core-type-heading-10-size: 14px;
  --core-type-heading-10-tracking: 0;
  --core-type-heading-10-weight: var(--core-type-bold-weight);
  --core-type-heading-20-case: none;
  --core-type-heading-20-font-family: var(--core-type-display-font-family);
  --core-type-heading-20-leading: 26px;
  --core-type-heading-20-number-spacing: 'default';
  --core-type-heading-20-scale: heading-20;
  --core-type-heading-20-size: 19px;
  --core-type-heading-20-tracking: 0;
  --core-type-heading-20-weight: var(--core-type-bold-weight);
  --core-type-heading-30-case: none;
  --core-type-heading-30-font-family: var(--core-type-display-font-family);
  --core-type-heading-30-leading: 32px;
  --core-type-heading-30-number-spacing: 'default';
  --core-type-heading-30-scale: heading-30;
  --core-type-heading-30-size: 25px;
  --core-type-heading-30-tracking: 0;
  --core-type-heading-30-weight: var(--core-type-bold-weight);
  --core-type-heading-5-case: uppercase;
  --core-type-heading-5-font-family: var(--core-type-font-family);
  --core-type-heading-5-leading: 20px;
  --core-type-heading-5-number-spacing: 'default';
  --core-type-heading-5-scale: heading-5;
  --core-type-heading-5-size: 12px;
  --core-type-heading-5-tracking: 0.050em;
  --core-type-heading-5-weight: var(--core-type-medium-weight);
  --core-type-medium-10-case: var(--core-type-paragraph-10-case);
  --core-type-medium-10-font-family: var(--core-type-paragraph-10-font-family);
  --core-type-medium-10-leading: var(--core-type-paragraph-10-leading);
  --core-type-medium-10-number-spacing: var(--core-type-paragraph-10-number-spacing);
  --core-type-medium-10-scale: var(--core-type-paragraph-10-scale);
  --core-type-medium-10-size: var(--core-type-paragraph-10-size);
  --core-type-medium-10-tracking: var(--core-type-paragraph-10-tracking);
  --core-type-medium-10-weight: var(--core-type-medium-weight);
  --core-type-medium-20-case: var(--core-type-paragraph-20-case);
  --core-type-medium-20-font-family: var(--core-type-paragraph-20-font-family);
  --core-type-medium-20-leading: var(--core-type-paragraph-20-leading);
  --core-type-medium-20-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --core-type-medium-20-scale: var(--core-type-paragraph-20-scale);
  --core-type-medium-20-size: var(--core-type-paragraph-20-size);
  --core-type-medium-20-tracking: var(--core-type-paragraph-20-tracking);
  --core-type-medium-20-weight: var(--core-type-medium-weight);
  --core-type-medium-30-case: var(--core-type-paragraph-30-case);
  --core-type-medium-30-font-family: var(--core-type-paragraph-30-font-family);
  --core-type-medium-30-leading: var(--core-type-paragraph-30-leading);
  --core-type-medium-30-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --core-type-medium-30-scale: var(--core-type-paragraph-30-scale);
  --core-type-medium-30-size: var(--core-type-paragraph-30-size);
  --core-type-medium-30-tracking: var(--core-type-paragraph-30-tracking);
  --core-type-medium-30-weight: var(--core-type-medium-weight);
  --core-type-medium-weight: 500;
  --core-type-mono-display-10-case: var(--core-type-display-10-case);
  --core-type-mono-display-10-font-family: var(--core-type-mono-font-family);
  --core-type-mono-display-10-leading: var(--core-type-display-10-leading);
  --core-type-mono-display-10-number-spacing: var(--core-type-display-10-number-spacing);
  --core-type-mono-display-10-scale: var(--core-type-display-10-scale);
  --core-type-mono-display-10-size: var(--core-type-display-10-size);
  --core-type-mono-display-10-tracking: var(--core-type-display-10-tracking);
  --core-type-mono-display-10-weight: var(--core-type-display-10-weight);
  --core-type-mono-display-20-case: var(--core-type-display-20-case);
  --core-type-mono-display-20-font-family: var(--core-type-mono-font-family);
  --core-type-mono-display-20-leading: var(--core-type-display-20-leading);
  --core-type-mono-display-20-number-spacing: var(--core-type-display-20-number-spacing);
  --core-type-mono-display-20-scale: var(--core-type-display-20-scale);
  --core-type-mono-display-20-size: var(--core-type-display-20-size);
  --core-type-mono-display-20-tracking: var(--core-type-display-20-tracking);
  --core-type-mono-display-20-weight: var(--core-type-display-20-weight);
  --core-type-mono-font-family: 'Square Sans Mono VF', 'Square Sans Mono', 'Roboto Mono', Roboto, monospace;
  --core-type-mono-heading-10-case: var(--core-type-heading-10-case);
  --core-type-mono-heading-10-font-family: var(--core-type-mono-font-family);
  --core-type-mono-heading-10-leading: var(--core-type-heading-10-leading);
  --core-type-mono-heading-10-number-spacing: var(--core-type-heading-10-number-spacing);
  --core-type-mono-heading-10-scale: var(--core-type-heading-10-scale);
  --core-type-mono-heading-10-size: var(--core-type-heading-10-size);
  --core-type-mono-heading-10-tracking: var(--core-type-heading-10-tracking);
  --core-type-mono-heading-10-weight: var(--core-type-heading-10-weight);
  --core-type-mono-heading-20-case: var(--core-type-heading-20-case);
  --core-type-mono-heading-20-font-family: var(--core-type-mono-font-family);
  --core-type-mono-heading-20-leading: var(--core-type-heading-20-leading);
  --core-type-mono-heading-20-number-spacing: var(--core-type-heading-20-number-spacing);
  --core-type-mono-heading-20-scale: var(--core-type-heading-20-scale);
  --core-type-mono-heading-20-size: var(--core-type-heading-20-size);
  --core-type-mono-heading-20-tracking: var(--core-type-heading-20-tracking);
  --core-type-mono-heading-20-weight: var(--core-type-heading-20-weight);
  --core-type-mono-heading-30-case: var(--core-type-heading-30-case);
  --core-type-mono-heading-30-font-family: var(--core-type-mono-font-family);
  --core-type-mono-heading-30-leading: var(--core-type-heading-30-leading);
  --core-type-mono-heading-30-number-spacing: var(--core-type-heading-30-number-spacing);
  --core-type-mono-heading-30-scale: var(--core-type-heading-30-scale);
  --core-type-mono-heading-30-size: var(--core-type-heading-30-size);
  --core-type-mono-heading-30-tracking: var(--core-type-heading-30-tracking);
  --core-type-mono-heading-30-weight: var(--core-type-heading-30-weight);
  --core-type-mono-medium-10-case: var(--core-type-medium-10-case);
  --core-type-mono-medium-10-font-family: var(--core-type-mono-font-family);
  --core-type-mono-medium-10-leading: var(--core-type-medium-10-leading);
  --core-type-mono-medium-10-number-spacing: var(--core-type-medium-10-number-spacing);
  --core-type-mono-medium-10-scale: var(--core-type-medium-10-scale);
  --core-type-mono-medium-10-size: var(--core-type-medium-10-size);
  --core-type-mono-medium-10-tracking: var(--core-type-medium-10-tracking);
  --core-type-mono-medium-10-weight: var(--core-type-medium-10-weight);
  --core-type-mono-medium-20-case: var(--core-type-medium-20-case);
  --core-type-mono-medium-20-font-family: var(--core-type-mono-font-family);
  --core-type-mono-medium-20-leading: var(--core-type-medium-20-leading);
  --core-type-mono-medium-20-number-spacing: var(--core-type-medium-20-number-spacing);
  --core-type-mono-medium-20-scale: var(--core-type-medium-20-scale);
  --core-type-mono-medium-20-size: var(--core-type-medium-20-size);
  --core-type-mono-medium-20-tracking: var(--core-type-medium-20-tracking);
  --core-type-mono-medium-20-weight: var(--core-type-medium-20-weight);
  --core-type-mono-medium-30-case: var(--core-type-medium-30-case);
  --core-type-mono-medium-30-font-family: var(--core-type-mono-font-family);
  --core-type-mono-medium-30-leading: var(--core-type-medium-30-leading);
  --core-type-mono-medium-30-number-spacing: var(--core-type-medium-30-number-spacing);
  --core-type-mono-medium-30-scale: var(--core-type-medium-30-scale);
  --core-type-mono-medium-30-size: var(--core-type-medium-30-size);
  --core-type-mono-medium-30-tracking: var(--core-type-medium-30-tracking);
  --core-type-mono-medium-30-weight: var(--core-type-medium-30-weight);
  --core-type-mono-paragraph-10-case: var(--core-type-paragraph-10-case);
  --core-type-mono-paragraph-10-font-family: var(--core-type-mono-font-family);
  --core-type-mono-paragraph-10-leading: var(--core-type-paragraph-10-leading);
  --core-type-mono-paragraph-10-number-spacing: var(--core-type-paragraph-10-number-spacing);
  --core-type-mono-paragraph-10-scale: var(--core-type-paragraph-10-scale);
  --core-type-mono-paragraph-10-size: var(--core-type-paragraph-10-size);
  --core-type-mono-paragraph-10-tracking: var(--core-type-paragraph-10-tracking);
  --core-type-mono-paragraph-10-weight: var(--core-type-paragraph-10-weight);
  --core-type-mono-paragraph-20-case: var(--core-type-paragraph-20-case);
  --core-type-mono-paragraph-20-font-family: var(--core-type-mono-font-family);
  --core-type-mono-paragraph-20-leading: var(--core-type-paragraph-20-leading);
  --core-type-mono-paragraph-20-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --core-type-mono-paragraph-20-scale: var(--core-type-paragraph-20-scale);
  --core-type-mono-paragraph-20-size: var(--core-type-paragraph-20-size);
  --core-type-mono-paragraph-20-tracking: var(--core-type-paragraph-20-tracking);
  --core-type-mono-paragraph-20-weight: var(--core-type-paragraph-20-weight);
  --core-type-mono-paragraph-30-case: var(--core-type-paragraph-30-case);
  --core-type-mono-paragraph-30-font-family: var(--core-type-mono-font-family);
  --core-type-mono-paragraph-30-leading: var(--core-type-paragraph-30-leading);
  --core-type-mono-paragraph-30-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --core-type-mono-paragraph-30-scale: var(--core-type-paragraph-30-scale);
  --core-type-mono-paragraph-30-size: var(--core-type-paragraph-30-size);
  --core-type-mono-paragraph-30-tracking: var(--core-type-paragraph-30-tracking);
  --core-type-mono-paragraph-30-weight: var(--core-type-paragraph-30-weight);
  --core-type-mono-semibold-10-case: var(--core-type-semibold-10-case);
  --core-type-mono-semibold-10-font-family: var(--core-type-mono-font-family);
  --core-type-mono-semibold-10-leading: var(--core-type-semibold-10-leading);
  --core-type-mono-semibold-10-number-spacing: var(--core-type-semibold-10-number-spacing);
  --core-type-mono-semibold-10-scale: var(--core-type-semibold-10-scale);
  --core-type-mono-semibold-10-size: var(--core-type-semibold-10-size);
  --core-type-mono-semibold-10-tracking: var(--core-type-semibold-10-tracking);
  --core-type-mono-semibold-10-weight: var(--core-type-semibold-10-weight);
  --core-type-mono-semibold-20-case: var(--core-type-semibold-20-case);
  --core-type-mono-semibold-20-font-family: var(--core-type-mono-font-family);
  --core-type-mono-semibold-20-leading: var(--core-type-semibold-20-leading);
  --core-type-mono-semibold-20-number-spacing: var(--core-type-semibold-20-number-spacing);
  --core-type-mono-semibold-20-scale: var(--core-type-semibold-20-scale);
  --core-type-mono-semibold-20-size: var(--core-type-semibold-20-size);
  --core-type-mono-semibold-20-tracking: var(--core-type-semibold-20-tracking);
  --core-type-mono-semibold-20-weight: var(--core-type-semibold-20-weight);
  --core-type-mono-semibold-30-case: var(--core-type-semibold-30-case);
  --core-type-mono-semibold-30-font-family: var(--core-type-mono-font-family);
  --core-type-mono-semibold-30-leading: var(--core-type-semibold-30-leading);
  --core-type-mono-semibold-30-number-spacing: var(--core-type-semibold-30-number-spacing);
  --core-type-mono-semibold-30-scale: var(--core-type-semibold-30-scale);
  --core-type-mono-semibold-30-size: var(--core-type-semibold-30-size);
  --core-type-mono-semibold-30-tracking: var(--core-type-semibold-30-tracking);
  --core-type-mono-semibold-30-weight: var(--core-type-semibold-30-weight);
  --core-type-paragraph-10-case: none;
  --core-type-paragraph-10-font-family: var(--core-type-font-family);
  --core-type-paragraph-10-leading: 18px;
  --core-type-paragraph-10-number-spacing: 'default';
  --core-type-paragraph-10-scale: paragraph-10;
  --core-type-paragraph-10-size: 12px;
  --core-type-paragraph-10-tracking: 0;
  --core-type-paragraph-10-weight: var(--core-type-regular-weight);
  --core-type-paragraph-20-case: none;
  --core-type-paragraph-20-font-family: var(--core-type-font-family);
  --core-type-paragraph-20-leading: 22px;
  --core-type-paragraph-20-number-spacing: 'default';
  --core-type-paragraph-20-scale: paragraph-20;
  --core-type-paragraph-20-size: 14px;
  --core-type-paragraph-20-tracking: 0;
  --core-type-paragraph-20-weight: var(--core-type-regular-weight);
  --core-type-paragraph-30-case: none;
  --core-type-paragraph-30-font-family: var(--core-type-font-family);
  --core-type-paragraph-30-leading: 24px;
  --core-type-paragraph-30-number-spacing: 'default';
  --core-type-paragraph-30-scale: paragraph-30;
  --core-type-paragraph-30-size: 16px;
  --core-type-paragraph-30-tracking: 0;
  --core-type-paragraph-30-weight: var(--core-type-regular-weight);
  --core-type-regular-weight: 400;
  --core-type-semibold-10-case: var(--core-type-paragraph-10-case);
  --core-type-semibold-10-font-family: var(--core-type-paragraph-10-font-family);
  --core-type-semibold-10-leading: var(--core-type-paragraph-10-leading);
  --core-type-semibold-10-number-spacing: var(--core-type-paragraph-10-number-spacing);
  --core-type-semibold-10-scale: var(--core-type-paragraph-10-scale);
  --core-type-semibold-10-size: var(--core-type-paragraph-10-size);
  --core-type-semibold-10-tracking: var(--core-type-paragraph-10-tracking);
  --core-type-semibold-10-weight: var(--core-type-semibold-weight);
  --core-type-semibold-20-case: var(--core-type-paragraph-20-case);
  --core-type-semibold-20-font-family: var(--core-type-paragraph-20-font-family);
  --core-type-semibold-20-leading: var(--core-type-paragraph-20-leading);
  --core-type-semibold-20-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --core-type-semibold-20-scale: var(--core-type-paragraph-20-scale);
  --core-type-semibold-20-size: var(--core-type-paragraph-20-size);
  --core-type-semibold-20-tracking: var(--core-type-paragraph-20-tracking);
  --core-type-semibold-20-weight: var(--core-type-semibold-weight);
  --core-type-semibold-30-case: var(--core-type-paragraph-30-case);
  --core-type-semibold-30-font-family: var(--core-type-paragraph-30-font-family);
  --core-type-semibold-30-leading: var(--core-type-paragraph-30-leading);
  --core-type-semibold-30-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --core-type-semibold-30-scale: var(--core-type-paragraph-30-scale);
  --core-type-semibold-30-size: var(--core-type-paragraph-30-size);
  --core-type-semibold-30-tracking: var(--core-type-paragraph-30-tracking);
  --core-type-semibold-30-weight: var(--core-type-semibold-weight);
  --core-type-semibold-weight: 600;
  --core-vertical-size-class-regular-threshold: 600px;
  --core-vertical-size-class-tall-threshold: 864px;
  --core-warning-10-color: var(--core-warning-10-light-mode-color);
  --core-warning-10-dark-mode-color: var(--core-gold-10-dark-mode-color);
  --core-warning-10-light-mode-color: var(--core-gold-10-light-mode-color);
  --core-warning-20-color: var(--core-warning-20-light-mode-color);
  --core-warning-20-dark-mode-color: var(--core-gold-20-dark-mode-color);
  --core-warning-20-light-mode-color: var(--core-gold-20-light-mode-color);
  --core-warning-30-color: var(--core-warning-30-light-mode-color);
  --core-warning-30-dark-mode-color: var(--core-gold-30-dark-mode-color);
  --core-warning-30-light-mode-color: var(--core-gold-30-light-mode-color);
  --core-warning-40-color: var(--core-warning-40-light-mode-color);
  --core-warning-40-dark-mode-color: var(--core-gold-40-dark-mode-color);
  --core-warning-40-light-mode-color: var(--core-gold-40-light-mode-color);
  --core-warning-fill-color: var(--core-warning-fill-light-mode-color);
  --core-warning-fill-dark-mode-color: var(--core-gold-fill-dark-mode-color);
  --core-warning-fill-light-mode-color: var(--core-gold-fill-light-mode-color);
  --core-warning-text-color: var(--core-warning-text-light-mode-color);
  --core-warning-text-dark-mode-color: var(--core-gold-text-dark-mode-color);
  --core-warning-text-light-mode-color: var(--core-gold-text-light-mode-color);
  --core-wide-viewport-grid-column-count: var(--core-extra-wide-viewport-grid-column-count);
  --core-wide-viewport-grid-horizontal-spacing: var(--core-extra-wide-viewport-grid-horizontal-spacing);
  --core-wide-viewport-grid-item-full-size-column-span: var(--core-extra-wide-viewport-grid-item-full-size-column-span);
  --core-wide-viewport-grid-item-large-size-column-span: var(--core-extra-wide-viewport-grid-item-large-size-column-span);
  --core-wide-viewport-grid-item-medium-size-column-span: var(--core-extra-wide-viewport-grid-item-medium-size-column-span);
  --core-wide-viewport-grid-item-small-size-column-span: var(--core-extra-wide-viewport-grid-item-small-size-column-span);
  --core-wide-viewport-grid-vertical-spacing: var(--core-extra-wide-viewport-grid-vertical-spacing);
  --core-yellow-10-color: var(--core-yellow-10-light-mode-color);
  --core-yellow-10-dark-mode-color: #CC9900;
  --core-yellow-10-light-mode-color: #CC9900;
  --core-yellow-20-color: var(--core-yellow-20-light-mode-color);
  --core-yellow-20-dark-mode-color: #E5AC00;
  --core-yellow-20-light-mode-color: #E5AC00;
  --core-yellow-30-color: var(--core-yellow-30-light-mode-color);
  --core-yellow-30-dark-mode-color: #594300;
  --core-yellow-30-light-mode-color: #FFF2CC;
  --core-yellow-40-color: var(--core-yellow-40-light-mode-color);
  --core-yellow-40-dark-mode-color: #332600;
  --core-yellow-40-light-mode-color: #FFF9E5;
  --core-yellow-fill-color: var(--core-yellow-fill-light-mode-color);
  --core-yellow-fill-dark-mode-color: #FFBF00;
  --core-yellow-fill-light-mode-color: #FFBF00;
  --core-yellow-text-color: var(--core-yellow-text-light-mode-color);
  --core-yellow-text-dark-mode-color: #FFBF00;
  --core-yellow-text-light-mode-color: #876500;

  /* ========================================================================
   * COMPONENT
   * ======================================================================== */

  /* ========== accessory ========== */
  --accessory-background-color: var(--accessory-background-light-mode-color);
  --accessory-background-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --accessory-background-light-mode-color: var(--core-fill-40-light-mode-color);
  --accessory-background-radius: var(--accessory-medium-size-radius);
  --accessory-disabled-state-background-color: var(--accessory-disabled-state-background-light-mode-color);
  --accessory-disabled-state-background-dark-mode-color: var(--accessory-normal-state-background-dark-mode-color);
  --accessory-disabled-state-background-light-mode-color: var(--accessory-normal-state-background-light-mode-color);
  --accessory-disabled-state-icon-color: var(--accessory-disabled-state-icon-light-mode-color);
  --accessory-disabled-state-icon-dark-mode-color: var(--accessory-normal-state-icon-dark-mode-color);
  --accessory-disabled-state-icon-light-mode-color: var(--accessory-normal-state-icon-light-mode-color);
  --accessory-disabled-state-opacity: var(--core-opacity-disabled-state);
  --accessory-disabled-state-text-color: var(--accessory-disabled-state-text-light-mode-color);
  --accessory-disabled-state-text-dark-mode-color: var(--accessory-normal-state-text-dark-mode-color);
  --accessory-disabled-state-text-light-mode-color: var(--accessory-normal-state-text-light-mode-color);
  --accessory-icon-variant-color: var(--accessory-icon-variant-light-mode-color);
  --accessory-icon-variant-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --accessory-icon-variant-large-size-height: 40px;
  --accessory-icon-variant-large-size-width: 40px;
  --accessory-icon-variant-light-mode-color: var(--core-fill-10-light-mode-color);
  --accessory-icon-variant-medium-size-height: 24px;
  --accessory-icon-variant-medium-size-width: 24px;
  --accessory-initials-variant-color: var(--accessory-initials-variant-light-mode-color);
  --accessory-initials-variant-dark-mode-color: var(--core-text-20-dark-mode-color);
  --accessory-initials-variant-large-size-text-case: var(--core-type-display-10-case);
  --accessory-initials-variant-large-size-text-font-family: var(--core-type-display-10-font-family);
  --accessory-initials-variant-large-size-text-leading: var(--core-type-display-10-leading);
  --accessory-initials-variant-large-size-text-number-spacing: var(--core-type-display-10-number-spacing);
  --accessory-initials-variant-large-size-text-scale: var(--core-type-display-10-scale);
  --accessory-initials-variant-large-size-text-size: 28px;
  --accessory-initials-variant-large-size-text-tracking: var(--core-type-display-10-tracking);
  --accessory-initials-variant-large-size-text-weight: var(--core-type-medium-weight);
  --accessory-initials-variant-light-mode-color: var(--core-text-20-light-mode-color);
  --accessory-initials-variant-medium-size-text-case: var(--core-type-semibold-30-case);
  --accessory-initials-variant-medium-size-text-font-family: var(--core-type-semibold-30-font-family);
  --accessory-initials-variant-medium-size-text-leading: var(--core-type-semibold-30-leading);
  --accessory-initials-variant-medium-size-text-number-spacing: var(--core-type-semibold-30-number-spacing);
  --accessory-initials-variant-medium-size-text-scale: var(--core-type-semibold-30-scale);
  --accessory-initials-variant-medium-size-text-size: var(--core-type-semibold-30-size);
  --accessory-initials-variant-medium-size-text-tracking: var(--core-type-semibold-30-tracking);
  --accessory-initials-variant-medium-size-text-weight: var(--core-type-semibold-30-weight);
  --accessory-large-size-height: var(--core-large-size-minimum-height);
  --accessory-large-size-icon-height: var(--core-icon-large-size-height);
  --accessory-large-size-icon-width: var(--accessory-large-size-icon-height);
  --accessory-large-size-radius: var(--core-radius-100);
  --accessory-large-size-text-case: var(--core-type-display-10-case);
  --accessory-large-size-text-font-family: var(--core-type-display-10-font-family);
  --accessory-large-size-text-leading: var(--accessory-large-size-text-size);
  --accessory-large-size-text-number-spacing: var(--core-type-display-10-number-spacing);
  --accessory-large-size-text-scale: var(--core-type-display-10-scale);
  --accessory-large-size-text-size: 28px;
  --accessory-large-size-text-tracking: var(--core-type-display-10-tracking);
  --accessory-large-size-text-weight: var(--core-type-medium-weight);
  --accessory-large-size-width: var(--accessory-large-size-height);
  --accessory-medium-size-height: var(--core-small-size-minimum-height);
  --accessory-medium-size-icon-height: var(--core-icon-medium-size-height);
  --accessory-medium-size-icon-width: var(--accessory-medium-size-icon-height);
  --accessory-medium-size-radius: var(--core-radius-100);
  --accessory-medium-size-text-case: var(--core-type-semibold-30-case);
  --accessory-medium-size-text-font-family: var(--core-type-semibold-30-font-family);
  --accessory-medium-size-text-leading: var(--core-type-semibold-30-leading);
  --accessory-medium-size-text-number-spacing: var(--core-type-semibold-30-number-spacing);
  --accessory-medium-size-text-scale: var(--core-type-semibold-30-scale);
  --accessory-medium-size-text-size: var(--core-type-semibold-30-size);
  --accessory-medium-size-text-tracking: var(--core-type-semibold-30-tracking);
  --accessory-medium-size-text-weight: var(--core-type-semibold-30-weight);
  --accessory-medium-size-width: var(--accessory-medium-size-height);
  --accessory-normal-state-background-color: var(--accessory-normal-state-background-light-mode-color);
  --accessory-normal-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --accessory-normal-state-background-light-mode-color: var(--core-fill-40-light-mode-color);
  --accessory-normal-state-icon-color: var(--accessory-normal-state-icon-light-mode-color);
  --accessory-normal-state-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --accessory-normal-state-icon-light-mode-color: var(--core-fill-10-light-mode-color);
  --accessory-normal-state-opacity: var(--core-opacity-normal-state);
  --accessory-normal-state-text-color: var(--accessory-normal-state-text-light-mode-color);
  --accessory-normal-state-text-dark-mode-color: var(--core-text-20-dark-mode-color);
  --accessory-normal-state-text-light-mode-color: var(--core-text-20-light-mode-color);

  /* ========== accordion ========== */
  --accordion-disabled-state-accessory-opacity: 0.5;
  --accordion-disabled-state-content-color: var(--accordion-disabled-state-content-light-mode-color);
  --accordion-disabled-state-content-dark-mode-color: var(--core-text-30-dark-mode-color);
  --accordion-disabled-state-content-light-mode-color: var(--core-text-30-light-mode-color);
  --accordion-disabled-state-side-text-color: var(--accordion-disabled-state-side-text-light-mode-color);
  --accordion-disabled-state-side-text-dark-mode-color: var(--core-text-30-dark-mode-color);
  --accordion-disabled-state-side-text-light-mode-color: var(--core-text-30-light-mode-color);
  --accordion-focus-state-accessory-opacity: 1;
  --accordion-focus-state-content-color: var(--accordion-focus-state-content-light-mode-color);
  --accordion-focus-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --accordion-focus-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --accordion-focus-state-side-text-color: var(--accordion-focus-state-side-text-light-mode-color);
  --accordion-focus-state-side-text-dark-mode-color: var(--core-text-20-dark-mode-color);
  --accordion-focus-state-side-text-light-mode-color: var(--core-text-20-light-mode-color);
  --accordion-heading-10-variant-collapsed-phase-icon-height: var(--accordion-small-size-collapsed-phase-icon-height);
  --accordion-heading-10-variant-collapsed-phase-icon-width: var(--accordion-small-size-collapsed-phase-icon-width);
  --accordion-heading-10-variant-content-spacing: var(--accordion-small-size-content-spacing);
  --accordion-heading-10-variant-expanded-phase-icon-height: var(--accordion-small-size-expanded-phase-icon-height);
  --accordion-heading-10-variant-expanded-phase-icon-width: var(--accordion-small-size-expanded-phase-icon-width);
  --accordion-heading-10-variant-expanded-phase-spacing: var(--accordion-small-size-expanded-phase-spacing);
  --accordion-heading-10-variant-horizontal-padding: var(--accordion-small-size-horizontal-padding);
  --accordion-heading-10-variant-separator-color: var(--accordion-heading-10-variant-separator-light-mode-color);
  --accordion-heading-10-variant-separator-dark-mode-color: var(--accordion-small-size-separator-dark-mode-color);
  --accordion-heading-10-variant-separator-light-mode-color: var(--accordion-small-size-separator-light-mode-color);
  --accordion-heading-10-variant-separator-size: var(--accordion-small-size-separator-size);
  --accordion-heading-10-variant-side-text-case: var(--accordion-small-size-side-text-case);
  --accordion-heading-10-variant-side-text-font-family: var(--accordion-small-size-side-text-font-family);
  --accordion-heading-10-variant-side-text-leading: var(--accordion-small-size-side-text-leading);
  --accordion-heading-10-variant-side-text-number-spacing: var(--accordion-small-size-side-text-number-spacing);
  --accordion-heading-10-variant-side-text-scale: var(--accordion-small-size-side-text-scale);
  --accordion-heading-10-variant-side-text-size: var(--accordion-small-size-side-text-size);
  --accordion-heading-10-variant-side-text-tracking: var(--accordion-small-size-side-text-tracking);
  --accordion-heading-10-variant-side-text-weight: var(--accordion-small-size-side-text-weight);
  --accordion-heading-10-variant-text-case: var(--accordion-small-size-text-case);
  --accordion-heading-10-variant-text-font-family: var(--accordion-small-size-text-font-family);
  --accordion-heading-10-variant-text-leading: var(--accordion-small-size-text-leading);
  --accordion-heading-10-variant-text-number-spacing: var(--accordion-small-size-text-number-spacing);
  --accordion-heading-10-variant-text-scale: var(--accordion-small-size-text-scale);
  --accordion-heading-10-variant-text-size: var(--accordion-small-size-text-size);
  --accordion-heading-10-variant-text-tracking: var(--accordion-small-size-text-tracking);
  --accordion-heading-10-variant-text-weight: var(--accordion-small-size-text-weight);
  --accordion-heading-10-variant-vertical-padding: var(--accordion-small-size-vertical-padding);
  --accordion-heading-20-variant-collapsed-phase-icon-height: var(--accordion-medium-size-collapsed-phase-icon-height);
  --accordion-heading-20-variant-collapsed-phase-icon-width: var(--accordion-medium-size-collapsed-phase-icon-width);
  --accordion-heading-20-variant-content-spacing: var(--accordion-medium-size-content-spacing);
  --accordion-heading-20-variant-expanded-phase-icon-height: var(--accordion-medium-size-expanded-phase-icon-height);
  --accordion-heading-20-variant-expanded-phase-icon-width: var(--accordion-medium-size-expanded-phase-icon-width);
  --accordion-heading-20-variant-expanded-phase-spacing: var(--accordion-medium-size-expanded-phase-spacing);
  --accordion-heading-20-variant-horizontal-padding: var(--accordion-medium-size-horizontal-padding);
  --accordion-heading-20-variant-separator-color: var(--accordion-heading-20-variant-separator-light-mode-color);
  --accordion-heading-20-variant-separator-dark-mode-color: var(--accordion-medium-size-separator-dark-mode-color);
  --accordion-heading-20-variant-separator-light-mode-color: var(--accordion-medium-size-separator-light-mode-color);
  --accordion-heading-20-variant-separator-size: var(--accordion-medium-size-separator-size);
  --accordion-heading-20-variant-side-text-case: var(--accordion-medium-size-side-text-case);
  --accordion-heading-20-variant-side-text-font-family: var(--accordion-medium-size-side-text-font-family);
  --accordion-heading-20-variant-side-text-leading: var(--accordion-medium-size-side-text-leading);
  --accordion-heading-20-variant-side-text-number-spacing: var(--accordion-medium-size-side-text-number-spacing);
  --accordion-heading-20-variant-side-text-scale: var(--accordion-medium-size-side-text-scale);
  --accordion-heading-20-variant-side-text-size: var(--accordion-medium-size-side-text-size);
  --accordion-heading-20-variant-side-text-tracking: var(--accordion-medium-size-side-text-tracking);
  --accordion-heading-20-variant-side-text-weight: var(--accordion-medium-size-side-text-weight);
  --accordion-heading-20-variant-text-case: var(--accordion-medium-size-text-case);
  --accordion-heading-20-variant-text-font-family: var(--accordion-medium-size-text-font-family);
  --accordion-heading-20-variant-text-leading: var(--accordion-medium-size-text-leading);
  --accordion-heading-20-variant-text-number-spacing: var(--accordion-medium-size-text-number-spacing);
  --accordion-heading-20-variant-text-scale: var(--accordion-medium-size-text-scale);
  --accordion-heading-20-variant-text-size: var(--accordion-medium-size-text-size);
  --accordion-heading-20-variant-text-tracking: var(--accordion-medium-size-text-tracking);
  --accordion-heading-20-variant-text-weight: var(--accordion-medium-size-text-weight);
  --accordion-heading-20-variant-vertical-padding: var(--accordion-medium-size-vertical-padding);
  --accordion-heading-30-variant-collapsed-phase-icon-height: var(--accordion-large-size-collapsed-phase-icon-height);
  --accordion-heading-30-variant-collapsed-phase-icon-width: var(--accordion-large-size-collapsed-phase-icon-width);
  --accordion-heading-30-variant-content-spacing: var(--accordion-large-size-content-spacing);
  --accordion-heading-30-variant-expanded-phase-icon-height: var(--accordion-large-size-expanded-phase-icon-height);
  --accordion-heading-30-variant-expanded-phase-icon-width: var(--accordion-large-size-expanded-phase-icon-width);
  --accordion-heading-30-variant-expanded-phase-spacing: var(--accordion-large-size-expanded-phase-spacing);
  --accordion-heading-30-variant-horizontal-padding: var(--accordion-large-size-horizontal-padding);
  --accordion-heading-30-variant-separator-color: var(--accordion-heading-30-variant-separator-light-mode-color);
  --accordion-heading-30-variant-separator-dark-mode-color: var(--accordion-large-size-separator-dark-mode-color);
  --accordion-heading-30-variant-separator-light-mode-color: var(--accordion-large-size-separator-light-mode-color);
  --accordion-heading-30-variant-separator-size: var(--accordion-large-size-separator-size);
  --accordion-heading-30-variant-side-text-case: var(--accordion-large-size-side-text-case);
  --accordion-heading-30-variant-side-text-font-family: var(--accordion-large-size-side-text-font-family);
  --accordion-heading-30-variant-side-text-leading: var(--accordion-large-size-side-text-leading);
  --accordion-heading-30-variant-side-text-number-spacing: var(--accordion-large-size-side-text-number-spacing);
  --accordion-heading-30-variant-side-text-scale: var(--accordion-large-size-side-text-scale);
  --accordion-heading-30-variant-side-text-size: var(--accordion-large-size-side-text-size);
  --accordion-heading-30-variant-side-text-tracking: var(--accordion-large-size-side-text-tracking);
  --accordion-heading-30-variant-side-text-weight: var(--accordion-large-size-side-text-weight);
  --accordion-heading-30-variant-text-case: var(--accordion-large-size-text-case);
  --accordion-heading-30-variant-text-font-family: var(--accordion-large-size-text-font-family);
  --accordion-heading-30-variant-text-leading: var(--accordion-large-size-text-leading);
  --accordion-heading-30-variant-text-number-spacing: var(--accordion-large-size-text-number-spacing);
  --accordion-heading-30-variant-text-scale: var(--accordion-large-size-text-scale);
  --accordion-heading-30-variant-text-size: var(--accordion-large-size-text-size);
  --accordion-heading-30-variant-text-tracking: var(--accordion-large-size-text-tracking);
  --accordion-heading-30-variant-text-weight: var(--accordion-large-size-text-weight);
  --accordion-heading-30-variant-vertical-padding: var(--accordion-large-size-vertical-padding);
  --accordion-hover-state-accessory-opacity: 1;
  --accordion-hover-state-content-color: var(--accordion-hover-state-content-light-mode-color);
  --accordion-hover-state-content-dark-mode-color: var(--core-constant-gray-85-color);
  --accordion-hover-state-content-light-mode-color: var(--core-constant-gray-45-color);
  --accordion-hover-state-side-text-color: var(--accordion-hover-state-side-text-light-mode-color);
  --accordion-hover-state-side-text-dark-mode-color: var(--core-text-20-dark-mode-color);
  --accordion-hover-state-side-text-light-mode-color: var(--core-text-20-light-mode-color);
  --accordion-large-size-collapsed-phase-icon-height: 24px;
  --accordion-large-size-collapsed-phase-icon-width: 24px;
  --accordion-large-size-content-spacing: var(--core-metrics-spacing-200);
  --accordion-large-size-expanded-phase-icon-height: 24px;
  --accordion-large-size-expanded-phase-icon-width: 24px;
  --accordion-large-size-expanded-phase-spacing: var(--core-metrics-spacing-100);
  --accordion-large-size-horizontal-padding: 0px;
  --accordion-large-size-separator-color: var(--accordion-large-size-separator-light-mode-color);
  --accordion-large-size-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);
  --accordion-large-size-separator-light-mode-color: var(--core-divider-20-light-mode-color);
  --accordion-large-size-separator-size: 1px;
  --accordion-large-size-side-text-case: var(--core-type-paragraph-30-case);
  --accordion-large-size-side-text-font-family: var(--core-type-paragraph-30-font-family);
  --accordion-large-size-side-text-leading: var(--core-type-paragraph-30-leading);
  --accordion-large-size-side-text-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --accordion-large-size-side-text-scale: var(--core-type-paragraph-30-scale);
  --accordion-large-size-side-text-size: var(--core-type-paragraph-30-size);
  --accordion-large-size-side-text-tracking: var(--core-type-paragraph-30-tracking);
  --accordion-large-size-side-text-weight: var(--core-type-paragraph-30-weight);
  --accordion-large-size-text-case: var(--core-type-heading-30-case);
  --accordion-large-size-text-font-family: var(--core-type-heading-30-font-family);
  --accordion-large-size-text-leading: var(--core-type-heading-30-leading);
  --accordion-large-size-text-number-spacing: var(--core-type-heading-30-number-spacing);
  --accordion-large-size-text-scale: var(--core-type-heading-30-scale);
  --accordion-large-size-text-size: var(--core-type-heading-30-size);
  --accordion-large-size-text-tracking: var(--core-type-heading-30-tracking);
  --accordion-large-size-text-weight: var(--core-type-heading-30-weight);
  --accordion-large-size-vertical-padding: 24px;
  --accordion-medium-size-collapsed-phase-icon-height: 20px;
  --accordion-medium-size-collapsed-phase-icon-width: 20px;
  --accordion-medium-size-content-spacing: var(--core-metrics-spacing-200);
  --accordion-medium-size-expanded-phase-icon-height: 20px;
  --accordion-medium-size-expanded-phase-icon-width: 20px;
  --accordion-medium-size-expanded-phase-spacing: var(--core-metrics-spacing-100);
  --accordion-medium-size-horizontal-padding: 0px;
  --accordion-medium-size-separator-color: var(--accordion-medium-size-separator-light-mode-color);
  --accordion-medium-size-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);
  --accordion-medium-size-separator-light-mode-color: var(--core-divider-20-light-mode-color);
  --accordion-medium-size-separator-size: 1px;
  --accordion-medium-size-side-text-case: var(--core-type-paragraph-20-case);
  --accordion-medium-size-side-text-font-family: var(--core-type-paragraph-20-font-family);
  --accordion-medium-size-side-text-leading: var(--core-type-paragraph-20-leading);
  --accordion-medium-size-side-text-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --accordion-medium-size-side-text-scale: var(--core-type-paragraph-20-scale);
  --accordion-medium-size-side-text-size: var(--core-type-paragraph-20-size);
  --accordion-medium-size-side-text-tracking: var(--core-type-paragraph-20-tracking);
  --accordion-medium-size-side-text-weight: var(--core-type-paragraph-20-weight);
  --accordion-medium-size-text-case: var(--core-type-heading-20-case);
  --accordion-medium-size-text-font-family: var(--core-type-heading-20-font-family);
  --accordion-medium-size-text-leading: var(--core-type-heading-20-leading);
  --accordion-medium-size-text-number-spacing: var(--core-type-heading-20-number-spacing);
  --accordion-medium-size-text-scale: var(--core-type-heading-20-scale);
  --accordion-medium-size-text-size: var(--core-type-heading-20-size);
  --accordion-medium-size-text-tracking: var(--core-type-heading-20-tracking);
  --accordion-medium-size-text-weight: var(--core-type-heading-20-weight);
  --accordion-medium-size-vertical-padding: 19px;
  --accordion-normal-state-accessory-opacity: 1;
  --accordion-normal-state-content-color: var(--accordion-normal-state-content-light-mode-color);
  --accordion-normal-state-content-dark-mode-color: var(--core-text-10-dark-mode-color);
  --accordion-normal-state-content-light-mode-color: var(--core-text-10-light-mode-color);
  --accordion-normal-state-side-text-color: var(--accordion-normal-state-side-text-light-mode-color);
  --accordion-normal-state-side-text-dark-mode-color: var(--core-text-20-dark-mode-color);
  --accordion-normal-state-side-text-light-mode-color: var(--core-text-20-light-mode-color);
  --accordion-pressed-state-accessory-opacity: 1;
  --accordion-pressed-state-content-color: var(--accordion-pressed-state-content-light-mode-color);
  --accordion-pressed-state-content-dark-mode-color: var(--core-constant-gray-60-color);
  --accordion-pressed-state-content-light-mode-color: var(--core-constant-gray-60-color);
  --accordion-pressed-state-side-text-color: var(--accordion-pressed-state-side-text-light-mode-color);
  --accordion-pressed-state-side-text-dark-mode-color: var(--core-text-20-dark-mode-color);
  --accordion-pressed-state-side-text-light-mode-color: var(--core-text-20-light-mode-color);
  --accordion-small-size-collapsed-phase-icon-height: 16px;
  --accordion-small-size-collapsed-phase-icon-width: 16px;
  --accordion-small-size-content-spacing: var(--core-metrics-spacing-200);
  --accordion-small-size-expanded-phase-icon-height: 16px;
  --accordion-small-size-expanded-phase-icon-width: 16px;
  --accordion-small-size-expanded-phase-spacing: var(--core-metrics-spacing-100);
  --accordion-small-size-horizontal-padding: 0px;
  --accordion-small-size-separator-color: var(--accordion-small-size-separator-light-mode-color);
  --accordion-small-size-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);
  --accordion-small-size-separator-light-mode-color: var(--core-divider-20-light-mode-color);
  --accordion-small-size-separator-size: 1px;
  --accordion-small-size-side-text-case: var(--core-type-paragraph-10-case);
  --accordion-small-size-side-text-font-family: var(--core-type-paragraph-10-font-family);
  --accordion-small-size-side-text-leading: var(--core-type-paragraph-10-leading);
  --accordion-small-size-side-text-number-spacing: var(--core-type-paragraph-10-number-spacing);
  --accordion-small-size-side-text-scale: var(--core-type-paragraph-10-scale);
  --accordion-small-size-side-text-size: var(--core-type-paragraph-10-size);
  --accordion-small-size-side-text-tracking: var(--core-type-paragraph-10-tracking);
  --accordion-small-size-side-text-weight: var(--core-type-paragraph-10-weight);
  --accordion-small-size-text-case: var(--core-type-heading-10-case);
  --accordion-small-size-text-font-family: var(--core-type-heading-10-font-family);
  --accordion-small-size-text-leading: var(--core-type-heading-10-leading);
  --accordion-small-size-text-number-spacing: var(--core-type-heading-10-number-spacing);
  --accordion-small-size-text-scale: var(--core-type-heading-10-scale);
  --accordion-small-size-text-size: var(--core-type-heading-10-size);
  --accordion-small-size-text-tracking: var(--core-type-heading-10-tracking);
  --accordion-small-size-text-weight: var(--core-type-heading-10-weight);
  --accordion-small-size-vertical-padding: 13px;

  /* ========== actionCard ========== */
  --action-card-active-state-content-opacity: var(--action-card-active-state-unselected-value-content-opacity);
  --action-card-active-state-selected-value-background-color: var(--action-card-active-state-selected-value-background-light-mode-color);
  --action-card-active-state-selected-value-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --action-card-active-state-selected-value-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --action-card-active-state-selected-value-border-color: var(--action-card-active-state-selected-value-border-light-mode-color);
  --action-card-active-state-selected-value-border-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --action-card-active-state-selected-value-border-light-mode-color: var(--core-fill-10-light-mode-color);
  --action-card-active-state-selected-value-border-width: var(--core-border-20);
  --action-card-active-state-selected-value-content-opacity: var(--core-opacity-pressed-state);
  --action-card-active-state-unselected-value-background-color: var(--action-card-active-state-unselected-value-background-light-mode-color);
  --action-card-active-state-unselected-value-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --action-card-active-state-unselected-value-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --action-card-active-state-unselected-value-border-color: var(--action-card-active-state-unselected-value-border-light-mode-color);
  --action-card-active-state-unselected-value-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --action-card-active-state-unselected-value-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --action-card-active-state-unselected-value-border-width: var(--core-border-10);
  --action-card-active-state-unselected-value-content-opacity: var(--core-opacity-pressed-state);
  --action-card-background-color: var(--action-card-background-light-mode-color);
  --action-card-background-dark-mode-color: var(--core-surface-10-dark-mode-color);
  --action-card-background-light-mode-color: var(--core-surface-10-light-mode-color);
  --action-card-border-disabled-state-color: var(--action-card-border-disabled-state-light-mode-color);
  --action-card-border-disabled-state-dark-mode-color: var(--action-card-disabled-state-unselected-value-border-dark-mode-color);
  --action-card-border-disabled-state-light-mode-color: var(--action-card-disabled-state-unselected-value-border-light-mode-color);
  --action-card-border-disabled-state-width: var(--action-card-disabled-state-unselected-value-border-width);
  --action-card-border-hover-state-color: var(--action-card-border-hover-state-light-mode-color);
  --action-card-border-hover-state-dark-mode-color: var(--action-card-hover-state-unselected-value-border-dark-mode-color);
  --action-card-border-hover-state-light-mode-color: var(--action-card-hover-state-unselected-value-border-light-mode-color);
  --action-card-border-hover-state-width: var(--action-card-hover-state-unselected-value-border-width);
  --action-card-border-radius: var(--core-radius-200);
  --action-card-border-selected-state-color: var(--action-card-border-selected-state-light-mode-color);
  --action-card-border-selected-state-dark-mode-color: var(--action-card-normal-state-selected-value-border-dark-mode-color);
  --action-card-border-selected-state-light-mode-color: var(--action-card-normal-state-selected-value-border-light-mode-color);
  --action-card-border-selected-state-width: var(--action-card-normal-state-selected-value-border-width);
  --action-card-disabled-state-content-opacity: var(--action-card-disabled-state-unselected-value-content-opacity);
  --action-card-disabled-state-selected-value-background-color: var(--action-card-disabled-state-selected-value-background-light-mode-color);
  --action-card-disabled-state-selected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color);
  --action-card-disabled-state-selected-value-background-light-mode-color: var(--core-surface-10-light-mode-color);
  --action-card-disabled-state-selected-value-border-color: var(--action-card-disabled-state-selected-value-border-light-mode-color);
  --action-card-disabled-state-selected-value-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --action-card-disabled-state-selected-value-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --action-card-disabled-state-selected-value-border-width: var(--core-border-20);
  --action-card-disabled-state-selected-value-content-opacity: var(--core-opacity-disabled-state);
  --action-card-disabled-state-unselected-value-background-color: var(--action-card-disabled-state-unselected-value-background-light-mode-color);
  --action-card-disabled-state-unselected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color);
  --action-card-disabled-state-unselected-value-background-light-mode-color: var(--core-surface-10-light-mode-color);
  --action-card-disabled-state-unselected-value-border-color: var(--action-card-disabled-state-unselected-value-border-light-mode-color);
  --action-card-disabled-state-unselected-value-border-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --action-card-disabled-state-unselected-value-border-light-mode-color: var(--core-fill-30-light-mode-color);
  --action-card-disabled-state-unselected-value-border-width: var(--core-border-10);
  --action-card-disabled-state-unselected-value-content-opacity: var(--core-opacity-disabled-state);
  --action-card-focus-ring-border-size: var(--core-focus-ring-border-size);
  --action-card-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);
  --action-card-focus-ring-color: var(--action-card-focus-ring-light-mode-color);
  --action-card-focus-ring-dark-mode-color: var(--core-focus-ring-dark-mode-color);
  --action-card-focus-ring-light-mode-color: var(--core-focus-ring-light-mode-color);
  --action-card-horizontal-gap: var(--core-metrics-spacing-100);
  --action-card-horizontal-padding: var(--core-metrics-spacing-200);
  --action-card-hover-state-content-opacity: var(--action-card-hover-state-unselected-value-content-opacity);
  --action-card-hover-state-selected-value-background-color: var(--action-card-hover-state-selected-value-background-light-mode-color);
  --action-card-hover-state-selected-value-background-dark-mode-color: var(--core-fill-50-dark-mode-color);
  --action-card-hover-state-selected-value-background-light-mode-color: var(--core-fill-50-light-mode-color);
  --action-card-hover-state-selected-value-border-color: var(--action-card-hover-state-selected-value-border-light-mode-color);
  --action-card-hover-state-selected-value-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --action-card-hover-state-selected-value-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --action-card-hover-state-selected-value-border-width: var(--core-border-20);
  --action-card-hover-state-selected-value-content-opacity: var(--core-opacity-hover-state);
  --action-card-hover-state-unselected-value-background-color: var(--action-card-hover-state-unselected-value-background-light-mode-color);
  --action-card-hover-state-unselected-value-background-dark-mode-color: var(--core-fill-50-dark-mode-color);
  --action-card-hover-state-unselected-value-background-light-mode-color: var(--core-fill-50-light-mode-color);
  --action-card-hover-state-unselected-value-border-color: var(--action-card-hover-state-unselected-value-border-light-mode-color);
  --action-card-hover-state-unselected-value-border-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --action-card-hover-state-unselected-value-border-light-mode-color: var(--core-fill-10-light-mode-color);
  --action-card-hover-state-unselected-value-border-width: var(--core-border-10);
  --action-card-hover-state-unselected-value-content-opacity: var(--core-opacity-hover-state);
  --action-card-normal-state-content-opacity: var(--action-card-normal-state-unselected-value-content-opacity);
  --action-card-normal-state-selected-value-background-color: var(--action-card-normal-state-selected-value-background-light-mode-color);
  --action-card-normal-state-selected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color);
  --action-card-normal-state-selected-value-background-light-mode-color: var(--core-surface-10-light-mode-color);
  --action-card-normal-state-selected-value-border-color: var(--action-card-normal-state-selected-value-border-light-mode-color);
  --action-card-normal-state-selected-value-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --action-card-normal-state-selected-value-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --action-card-normal-state-selected-value-border-width: var(--core-border-20);
  --action-card-normal-state-selected-value-content-opacity: var(--core-opacity-normal-state);
  --action-card-normal-state-unselected-value-background-color: var(--action-card-normal-state-unselected-value-background-light-mode-color);
  --action-card-normal-state-unselected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color);
  --action-card-normal-state-unselected-value-background-light-mode-color: var(--core-surface-10-light-mode-color);
  --action-card-normal-state-unselected-value-border-color: var(--action-card-normal-state-unselected-value-border-light-mode-color);
  --action-card-normal-state-unselected-value-border-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --action-card-normal-state-unselected-value-border-high-contrast-color: var(--action-card-normal-state-unselected-value-border-high-contrast-light-mode-color);
  --action-card-normal-state-unselected-value-border-high-contrast-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --action-card-normal-state-unselected-value-border-high-contrast-light-mode-color: var(--core-fill-20-light-mode-color);
  --action-card-normal-state-unselected-value-border-light-mode-color: var(--core-fill-30-light-mode-color);
  --action-card-normal-state-unselected-value-border-normal-contrast-color: var(--action-card-normal-state-unselected-value-border-normal-contrast-light-mode-color);
  --action-card-normal-state-unselected-value-border-normal-contrast-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --action-card-normal-state-unselected-value-border-normal-contrast-light-mode-color: var(--core-fill-30-light-mode-color);
  --action-card-normal-state-unselected-value-border-width: var(--core-border-10);
  --action-card-normal-state-unselected-value-content-opacity: var(--core-opacity-normal-state);
  --action-card-padding-horizontal-size: var(--action-card-horizontal-padding);
  --action-card-padding-vertical-size: var(--action-card-vertical-padding);
  --action-card-spacing: var(--action-card-horizontal-gap);
  --action-card-vertical-gap: var(--core-metrics-spacing-100);
  --action-card-vertical-padding: var(--core-metrics-spacing-200);

  /* ========== activityIndicator ========== */
  --activity-indicator-bar-height: 4px;
  --activity-indicator-bar-radius: 2px;
  --activity-indicator-bar-width: 120px;
  --activity-indicator-radial-large-size-diameter-size: 60px;
  --activity-indicator-radial-large-size-stroke-size: 6px;
  --activity-indicator-radial-medium-size-diameter-size: 36px;
  --activity-indicator-radial-medium-size-stroke-size: 4px;
  --activity-indicator-radial-small-size-diameter-size: 20px;
  --activity-indicator-radial-small-size-stroke-size: 2px;
  --activity-indicator-radial-xlarge-size-diameter-size: 120px;
  --activity-indicator-radial-xlarge-size-stroke-size: 10px;

  /* ========== badge ========== */
  --badge-alert-variant-icon-height: var(--core-icon-small-size-height);
  --badge-alert-variant-icon-width: var(--core-icon-small-size-width);
  --badge-border-radius: var(--core-radius-circle);
  --badge-border-width: var(--core-border-20);
  --badge-critical-style-background-color: var(--badge-critical-style-background-light-mode-color);
  --badge-critical-style-background-dark-mode-color: var(--core-critical-fill-dark-mode-color);
  --badge-critical-style-background-light-mode-color: var(--core-critical-fill-light-mode-color);
  --badge-indicator-variant-dot-diameter-ratio: 0.556;
  --badge-info-style-background-color: var(--badge-info-style-background-light-mode-color);
  --badge-info-style-background-dark-mode-color: var(--core-blue-fill-dark-mode-color);
  --badge-info-style-background-light-mode-color: var(--core-blue-fill-light-mode-color);
  --badge-label-variant-text-case: var(--core-type-semibold-10-case);
  --badge-label-variant-text-font-family: var(--core-type-semibold-10-font-family);
  --badge-label-variant-text-leading: var(--core-type-semibold-10-leading);
  --badge-label-variant-text-number-spacing: var(--core-type-semibold-10-number-spacing);
  --badge-label-variant-text-scale: var(--core-type-semibold-10-scale);
  --badge-label-variant-text-size: var(--core-type-semibold-10-size);
  --badge-label-variant-text-tracking: var(--core-type-semibold-10-tracking);
  --badge-label-variant-text-weight: var(--core-type-semibold-10-weight);
  --badge-minimum-height: 18px;
  --badge-modal-blade-context-border-color: var(--badge-modal-blade-context-border-light-mode-color);
  --badge-modal-blade-context-border-dark-mode-color: var(--modal-blade-background-dark-mode-color);
  --badge-modal-blade-context-border-light-mode-color: var(--modal-blade-background-light-mode-color);
  --badge-modal-dialog-context-border-color: var(--badge-modal-dialog-context-border-light-mode-color);
  --badge-modal-dialog-context-border-dark-mode-color: var(--modal-dialog-background-dark-mode-color);
  --badge-modal-dialog-context-border-light-mode-color: var(--modal-dialog-background-light-mode-color);
  --badge-modal-full-context-border-color: var(--badge-modal-full-context-border-light-mode-color);
  --badge-modal-full-context-border-dark-mode-color: var(--modal-full-background-dark-mode-color);
  --badge-modal-full-context-border-light-mode-color: var(--modal-full-background-light-mode-color);
  --badge-modal-partial-context-border-color: var(--badge-modal-partial-context-border-light-mode-color);
  --badge-modal-partial-context-border-dark-mode-color: var(--modal-partial-background-dark-mode-color);
  --badge-modal-partial-context-border-light-mode-color: var(--modal-partial-background-light-mode-color);
  --badge-modal-popover-context-border-color: var(--badge-modal-popover-context-border-light-mode-color);
  --badge-modal-popover-context-border-dark-mode-color: var(--modal-popover-background-dark-mode-color);
  --badge-modal-popover-context-border-light-mode-color: var(--modal-popover-background-light-mode-color);
  --badge-modal-sheet-context-border-color: var(--badge-modal-sheet-context-border-light-mode-color);
  --badge-modal-sheet-context-border-dark-mode-color: var(--modal-sheet-background-dark-mode-color);
  --badge-modal-sheet-context-border-light-mode-color: var(--modal-sheet-background-light-mode-color);
  --badge-numeric-variant-horizontal-padding: var(--core-metrics-spacing-50);
  --badge-numeric-variant-maximum-count: 99;
  --badge-numeric-variant-maximum-width: 30px;
  --badge-numeric-variant-text-case: var(--core-type-semibold-10-case);
  --badge-numeric-variant-text-font-family: var(--core-type-semibold-10-font-family);
  --badge-numeric-variant-text-leading: var(--core-type-semibold-10-leading);
  --badge-numeric-variant-text-number-spacing: 'monospaced';
  --badge-numeric-variant-text-scale: var(--core-type-semibold-10-scale);
  --badge-numeric-variant-text-size: var(--core-type-semibold-10-size);
  --badge-numeric-variant-text-tracking: var(--core-type-semibold-10-tracking);
  --badge-numeric-variant-text-weight: var(--core-type-semibold-10-weight);

  /* ========== banner ========== */
  --banner-border-radius: var(--core-radius-200);
  --banner-border-width: var(--core-border-10);
  --banner-button-separator-color: var(--banner-button-separator-light-mode-color);
  --banner-button-separator-dark-mode-color: var(--banner-text-link-group-separator-dark-mode-color);
  --banner-button-separator-height: var(--banner-text-link-group-separator-height);
  --banner-button-separator-light-mode-color: var(--banner-text-link-group-separator-light-mode-color);
  --banner-button-separator-opacity: var(--banner-text-link-group-separator-opacity);
  --banner-button-separator-width: var(--banner-text-link-group-separator-width);
  --banner-button-spacing: var(--banner-text-link-group-gap);
  --banner-button-text-case: var(--banner-text-link-text-case);
  --banner-button-text-font-family: var(--banner-text-link-text-font-family);
  --banner-button-text-leading: var(--banner-text-link-text-leading);
  --banner-button-text-number-spacing: var(--banner-text-link-text-number-spacing);
  --banner-button-text-scale: var(--banner-text-link-text-scale);
  --banner-button-text-size: var(--banner-text-link-text-size);
  --banner-button-text-tracking: var(--banner-text-link-text-tracking);
  --banner-button-text-weight: var(--banner-text-link-text-weight);
  --banner-content-gap: var(--core-metrics-spacing-150);
  --banner-content-spacing: var(--banner-content-gap);
  --banner-critical-variant-background-color: var(--banner-critical-variant-background-light-mode-color);
  --banner-critical-variant-background-dark-mode-color: var(--core-critical-40-dark-mode-color);
  --banner-critical-variant-background-light-mode-color: var(--core-critical-40-light-mode-color);
  --banner-critical-variant-border-color: var(--banner-critical-variant-border-light-mode-color);
  --banner-critical-variant-border-dark-mode-color: var(--core-critical-30-dark-mode-color);
  --banner-critical-variant-border-light-mode-color: var(--core-critical-30-light-mode-color);
  --banner-critical-variant-button-text-color: var(--banner-critical-variant-button-text-light-mode-color);
  --banner-critical-variant-button-text-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --banner-critical-variant-button-text-light-mode-color: var(--core-critical-text-light-mode-color);
  --banner-critical-variant-disabled-state-text-link-text-color: var(--banner-critical-variant-disabled-state-text-link-text-light-mode-color);
  --banner-critical-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);
  --banner-critical-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color);
  --banner-critical-variant-focused-state-text-link-text-color: var(--banner-critical-variant-focused-state-text-link-text-light-mode-color);
  --banner-critical-variant-focused-state-text-link-text-dark-mode-color: var(--core-critical-20-dark-mode-color);
  --banner-critical-variant-focused-state-text-link-text-light-mode-color: var(--core-critical-20-light-mode-color);
  --banner-critical-variant-hover-state-text-link-text-color: var(--banner-critical-variant-hover-state-text-link-text-light-mode-color);
  --banner-critical-variant-hover-state-text-link-text-dark-mode-color: var(--core-critical-20-dark-mode-color);
  --banner-critical-variant-hover-state-text-link-text-light-mode-color: var(--core-critical-20-light-mode-color);
  --banner-critical-variant-icon-color: var(--banner-critical-variant-icon-light-mode-color);
  --banner-critical-variant-icon-dark-mode-color: var(--core-critical-fill-dark-mode-color);
  --banner-critical-variant-icon-high-contrast-color: var(--banner-critical-variant-icon-high-contrast-light-mode-color);
  --banner-critical-variant-icon-high-contrast-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --banner-critical-variant-icon-high-contrast-light-mode-color: var(--core-critical-text-light-mode-color);
  --banner-critical-variant-icon-light-mode-color: var(--core-critical-fill-light-mode-color);
  --banner-critical-variant-icon-normal-contrast-color: var(--banner-critical-variant-icon-normal-contrast-light-mode-color);
  --banner-critical-variant-icon-normal-contrast-dark-mode-color: var(--core-critical-fill-dark-mode-color);
  --banner-critical-variant-icon-normal-contrast-light-mode-color: var(--core-critical-fill-light-mode-color);
  --banner-critical-variant-normal-state-text-link-text-color: var(--banner-critical-variant-normal-state-text-link-text-light-mode-color);
  --banner-critical-variant-normal-state-text-link-text-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --banner-critical-variant-normal-state-text-link-text-light-mode-color: var(--core-critical-text-light-mode-color);
  --banner-critical-variant-pressed-state-text-link-text-color: var(--banner-critical-variant-pressed-state-text-link-text-light-mode-color);
  --banner-critical-variant-pressed-state-text-link-text-dark-mode-color: var(--core-critical-10-dark-mode-color);
  --banner-critical-variant-pressed-state-text-link-text-light-mode-color: var(--core-critical-10-light-mode-color);
  --banner-critical-variant-text-color: var(--banner-critical-variant-text-light-mode-color);
  --banner-critical-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --banner-critical-variant-text-light-mode-color: var(--core-text-10-light-mode-color);
  --banner-critical-variant-text-link-text-color: var(--banner-critical-variant-text-link-text-light-mode-color);
  --banner-critical-variant-text-link-text-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --banner-critical-variant-text-link-text-light-mode-color: var(--core-critical-text-light-mode-color);
  --banner-dismiss-button-normal-state-color: var(--banner-dismiss-button-normal-state-light-mode-color);
  --banner-dismiss-button-normal-state-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --banner-dismiss-button-normal-state-light-mode-color: var(--core-text-10-light-mode-color);
  --banner-dismiss-button-pressed-state-color: var(--banner-dismiss-button-pressed-state-light-mode-color);
  --banner-dismiss-button-pressed-state-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --banner-dismiss-button-pressed-state-light-mode-color: var(--core-text-20-light-mode-color);
  --banner-horizontal-padding: var(--core-metrics-spacing-200);
  --banner-icon-gap: var(--core-metrics-spacing-150);
  --banner-icon-spacing: var(--banner-icon-gap);
  --banner-info-variant-background-color: var(--banner-info-variant-background-light-mode-color);
  --banner-info-variant-background-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --banner-info-variant-background-light-mode-color: var(--core-fill-40-light-mode-color);
  --banner-info-variant-border-color: var(--banner-info-variant-border-light-mode-color);
  --banner-info-variant-border-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --banner-info-variant-border-light-mode-color: var(--core-fill-30-light-mode-color);
  --banner-info-variant-button-text-color: var(--banner-info-variant-button-text-light-mode-color);
  --banner-info-variant-button-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --banner-info-variant-button-text-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --banner-info-variant-disabled-state-text-link-text-color: var(--banner-info-variant-disabled-state-text-link-text-light-mode-color);
  --banner-info-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);
  --banner-info-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color);
  --banner-info-variant-focused-state-text-link-text-color: var(--banner-info-variant-focused-state-text-link-text-light-mode-color);
  --banner-info-variant-focused-state-text-link-text-dark-mode-color: var(--core-emphasis-20-dark-mode-color);
  --banner-info-variant-focused-state-text-link-text-light-mode-color: var(--core-emphasis-20-light-mode-color);
  --banner-info-variant-hover-state-text-link-text-color: var(--banner-info-variant-hover-state-text-link-text-light-mode-color);
  --banner-info-variant-hover-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-hover-state-dark-mode-color);
  --banner-info-variant-hover-state-text-link-text-light-mode-color: var(--text-link-normal-variant-hover-state-light-mode-color);
  --banner-info-variant-icon-color: var(--banner-info-variant-icon-light-mode-color);
  --banner-info-variant-icon-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --banner-info-variant-icon-high-contrast-color: var(--banner-info-variant-icon-high-contrast-light-mode-color);
  --banner-info-variant-icon-high-contrast-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --banner-info-variant-icon-high-contrast-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --banner-info-variant-icon-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --banner-info-variant-icon-normal-contrast-color: var(--banner-info-variant-icon-normal-contrast-light-mode-color);
  --banner-info-variant-icon-normal-contrast-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --banner-info-variant-icon-normal-contrast-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --banner-info-variant-normal-state-text-link-text-color: var(--banner-info-variant-normal-state-text-link-text-light-mode-color);
  --banner-info-variant-normal-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-normal-state-dark-mode-color);
  --banner-info-variant-normal-state-text-link-text-light-mode-color: var(--text-link-normal-variant-normal-state-light-mode-color);
  --banner-info-variant-pressed-state-text-link-text-color: var(--banner-info-variant-pressed-state-text-link-text-light-mode-color);
  --banner-info-variant-pressed-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-pressed-state-dark-mode-color);
  --banner-info-variant-pressed-state-text-link-text-light-mode-color: var(--text-link-normal-variant-pressed-state-light-mode-color);
  --banner-info-variant-text-color: var(--banner-info-variant-text-light-mode-color);
  --banner-info-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --banner-info-variant-text-light-mode-color: var(--core-text-10-light-mode-color);
  --banner-info-variant-text-link-text-color: var(--banner-info-variant-text-link-text-light-mode-color);
  --banner-info-variant-text-link-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --banner-info-variant-text-link-text-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --banner-insight-variant-background-color: var(--banner-insight-variant-background-light-mode-color);
  --banner-insight-variant-background-dark-mode-color: var(--core-purple-40-dark-mode-color);
  --banner-insight-variant-background-light-mode-color: var(--core-purple-40-light-mode-color);
  --banner-insight-variant-border-color: var(--banner-insight-variant-border-light-mode-color);
  --banner-insight-variant-border-dark-mode-color: var(--core-purple-30-dark-mode-color);
  --banner-insight-variant-border-light-mode-color: var(--core-purple-30-light-mode-color);
  --banner-insight-variant-button-text-color: var(--banner-insight-variant-button-text-light-mode-color);
  --banner-insight-variant-button-text-dark-mode-color: var(--core-purple-text-dark-mode-color);
  --banner-insight-variant-button-text-light-mode-color: var(--core-purple-text-light-mode-color);
  --banner-insight-variant-disabled-state-text-link-text-color: var(--banner-insight-variant-disabled-state-text-link-text-light-mode-color);
  --banner-insight-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);
  --banner-insight-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color);
  --banner-insight-variant-focused-state-text-link-text-color: var(--banner-insight-variant-focused-state-text-link-text-light-mode-color);
  --banner-insight-variant-focused-state-text-link-text-dark-mode-color: var(--core-purple-20-dark-mode-color);
  --banner-insight-variant-focused-state-text-link-text-light-mode-color: var(--core-purple-20-light-mode-color);
  --banner-insight-variant-hover-state-text-link-text-color: var(--banner-insight-variant-hover-state-text-link-text-light-mode-color);
  --banner-insight-variant-hover-state-text-link-text-dark-mode-color: var(--core-purple-20-dark-mode-color);
  --banner-insight-variant-hover-state-text-link-text-light-mode-color: var(--core-purple-20-light-mode-color);
  --banner-insight-variant-icon-color: var(--banner-insight-variant-icon-light-mode-color);
  --banner-insight-variant-icon-dark-mode-color: var(--core-purple-fill-dark-mode-color);
  --banner-insight-variant-icon-high-contrast-color: var(--banner-insight-variant-icon-high-contrast-light-mode-color);
  --banner-insight-variant-icon-high-contrast-dark-mode-color: var(--core-purple-text-dark-mode-color);
  --banner-insight-variant-icon-high-contrast-light-mode-color: var(--core-purple-text-light-mode-color);
  --banner-insight-variant-icon-light-mode-color: var(--core-purple-fill-light-mode-color);
  --banner-insight-variant-icon-normal-contrast-color: var(--banner-insight-variant-icon-normal-contrast-light-mode-color);
  --banner-insight-variant-icon-normal-contrast-dark-mode-color: var(--core-purple-fill-dark-mode-color);
  --banner-insight-variant-icon-normal-contrast-light-mode-color: var(--core-purple-fill-light-mode-color);
  --banner-insight-variant-normal-state-text-link-text-color: var(--banner-insight-variant-normal-state-text-link-text-light-mode-color);
  --banner-insight-variant-normal-state-text-link-text-dark-mode-color: var(--core-purple-text-dark-mode-color);
  --banner-insight-variant-normal-state-text-link-text-light-mode-color: var(--core-purple-text-light-mode-color);
  --banner-insight-variant-pressed-state-text-link-text-color: var(--banner-insight-variant-pressed-state-text-link-text-light-mode-color);
  --banner-insight-variant-pressed-state-text-link-text-dark-mode-color: var(--core-purple-10-dark-mode-color);
  --banner-insight-variant-pressed-state-text-link-text-light-mode-color: var(--core-purple-10-light-mode-color);
  --banner-insight-variant-text-color: var(--banner-insight-variant-text-light-mode-color);
  --banner-insight-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --banner-insight-variant-text-light-mode-color: var(--core-text-10-light-mode-color);
  --banner-insight-variant-text-link-text-color: var(--banner-insight-variant-text-link-text-light-mode-color);
  --banner-insight-variant-text-link-text-dark-mode-color: var(--core-purple-text-dark-mode-color);
  --banner-insight-variant-text-link-text-light-mode-color: var(--core-purple-text-light-mode-color);
  --banner-multiline-gap: var(--core-metrics-spacing-150);
  --banner-multiline-spacing: var(--banner-multiline-gap);
  --banner-success-variant-background-color: var(--banner-success-variant-background-light-mode-color);
  --banner-success-variant-background-dark-mode-color: var(--core-success-40-dark-mode-color);
  --banner-success-variant-background-light-mode-color: var(--core-success-40-light-mode-color);
  --banner-success-variant-border-color: var(--banner-success-variant-border-light-mode-color);
  --banner-success-variant-border-dark-mode-color: var(--core-success-30-dark-mode-color);
  --banner-success-variant-border-light-mode-color: var(--core-success-30-light-mode-color);
  --banner-success-variant-button-text-color: var(--banner-success-variant-button-text-light-mode-color);
  --banner-success-variant-button-text-dark-mode-color: var(--core-success-text-dark-mode-color);
  --banner-success-variant-button-text-light-mode-color: var(--core-success-text-light-mode-color);
  --banner-success-variant-disabled-state-text-link-text-color: var(--banner-success-variant-disabled-state-text-link-text-light-mode-color);
  --banner-success-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);
  --banner-success-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color);
  --banner-success-variant-focused-state-text-link-text-color: var(--banner-success-variant-focused-state-text-link-text-light-mode-color);
  --banner-success-variant-focused-state-text-link-text-dark-mode-color: var(--core-success-20-dark-mode-color);
  --banner-success-variant-focused-state-text-link-text-light-mode-color: var(--core-success-20-light-mode-color);
  --banner-success-variant-hover-state-text-link-text-color: var(--banner-success-variant-hover-state-text-link-text-light-mode-color);
  --banner-success-variant-hover-state-text-link-text-dark-mode-color: var(--core-success-20-dark-mode-color);
  --banner-success-variant-hover-state-text-link-text-light-mode-color: var(--core-success-20-light-mode-color);
  --banner-success-variant-icon-color: var(--banner-success-variant-icon-light-mode-color);
  --banner-success-variant-icon-dark-mode-color: var(--core-success-fill-dark-mode-color);
  --banner-success-variant-icon-high-contrast-color: var(--banner-success-variant-icon-high-contrast-light-mode-color);
  --banner-success-variant-icon-high-contrast-dark-mode-color: var(--core-success-text-dark-mode-color);
  --banner-success-variant-icon-high-contrast-light-mode-color: var(--core-success-text-light-mode-color);
  --banner-success-variant-icon-light-mode-color: var(--core-success-fill-light-mode-color);
  --banner-success-variant-icon-normal-contrast-color: var(--banner-success-variant-icon-normal-contrast-light-mode-color);
  --banner-success-variant-icon-normal-contrast-dark-mode-color: var(--core-success-fill-dark-mode-color);
  --banner-success-variant-icon-normal-contrast-light-mode-color: var(--core-success-fill-light-mode-color);
  --banner-success-variant-normal-state-text-link-text-color: var(--banner-success-variant-normal-state-text-link-text-light-mode-color);
  --banner-success-variant-normal-state-text-link-text-dark-mode-color: var(--core-success-text-dark-mode-color);
  --banner-success-variant-normal-state-text-link-text-light-mode-color: var(--core-success-text-light-mode-color);
  --banner-success-variant-pressed-state-text-link-text-color: var(--banner-success-variant-pressed-state-text-link-text-light-mode-color);
  --banner-success-variant-pressed-state-text-link-text-dark-mode-color: var(--core-success-10-dark-mode-color);
  --banner-success-variant-pressed-state-text-link-text-light-mode-color: var(--core-success-10-light-mode-color);
  --banner-success-variant-text-color: var(--banner-success-variant-text-light-mode-color);
  --banner-success-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --banner-success-variant-text-light-mode-color: var(--core-text-10-light-mode-color);
  --banner-success-variant-text-link-text-color: var(--banner-success-variant-text-link-text-light-mode-color);
  --banner-success-variant-text-link-text-dark-mode-color: var(--core-success-text-dark-mode-color);
  --banner-success-variant-text-link-text-light-mode-color: var(--core-success-text-light-mode-color);
  --banner-text-case: var(--core-type-paragraph-30-case);
  --banner-text-font-family: var(--core-type-paragraph-30-font-family);
  --banner-text-leading: var(--core-type-paragraph-30-leading);
  --banner-text-link-group-gap: var(--text-link-group-horizontal-spacing);
  --banner-text-link-group-separator-color: var(--banner-text-link-group-separator-light-mode-color);
  --banner-text-link-group-separator-dark-mode-color: var(--text-link-group-separator-dark-mode-color);
  --banner-text-link-group-separator-height: var(--text-link-group-separator-height);
  --banner-text-link-group-separator-light-mode-color: var(--text-link-group-separator-light-mode-color);
  --banner-text-link-group-separator-opacity: var(--text-link-group-separator-opacity);
  --banner-text-link-group-separator-width: var(--text-link-group-separator-width);
  --banner-text-link-text-case: var(--text-link-medium-size-text-case);
  --banner-text-link-text-font-family: var(--text-link-medium-size-text-font-family);
  --banner-text-link-text-leading: var(--text-link-medium-size-text-leading);
  --banner-text-link-text-number-spacing: var(--text-link-medium-size-text-number-spacing);
  --banner-text-link-text-scale: var(--text-link-medium-size-text-scale);
  --banner-text-link-text-size: var(--text-link-medium-size-text-size);
  --banner-text-link-text-tracking: var(--text-link-medium-size-text-tracking);
  --banner-text-link-text-weight: var(--text-link-medium-size-text-weight);
  --banner-text-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --banner-text-scale: var(--core-type-paragraph-30-scale);
  --banner-text-size: var(--core-type-paragraph-30-size);
  --banner-text-tracking: var(--core-type-paragraph-30-tracking);
  --banner-text-weight: var(--core-type-paragraph-30-weight);
  --banner-title-case: var(--core-type-semibold-30-case);
  --banner-title-font-family: var(--core-type-semibold-30-font-family);
  --banner-title-leading: var(--core-type-semibold-30-leading);
  --banner-title-number-spacing: var(--core-type-semibold-30-number-spacing);
  --banner-title-scale: var(--core-type-semibold-30-scale);
  --banner-title-size: var(--core-type-semibold-30-size);
  --banner-title-tracking: var(--core-type-semibold-30-tracking);
  --banner-title-weight: var(--core-type-semibold-30-weight);
  --banner-vertical-padding: var(--core-metrics-spacing-200);
  --banner-warning-variant-background-color: var(--banner-warning-variant-background-light-mode-color);
  --banner-warning-variant-background-dark-mode-color: var(--core-warning-40-dark-mode-color);
  --banner-warning-variant-background-light-mode-color: var(--core-warning-40-light-mode-color);
  --banner-warning-variant-border-color: var(--banner-warning-variant-border-light-mode-color);
  --banner-warning-variant-border-dark-mode-color: var(--core-warning-30-dark-mode-color);
  --banner-warning-variant-border-light-mode-color: var(--core-warning-30-light-mode-color);
  --banner-warning-variant-button-text-color: var(--banner-warning-variant-button-text-light-mode-color);
  --banner-warning-variant-button-text-dark-mode-color: var(--core-warning-text-dark-mode-color);
  --banner-warning-variant-button-text-light-mode-color: var(--core-warning-text-light-mode-color);
  --banner-warning-variant-disabled-state-text-link-text-color: var(--banner-warning-variant-disabled-state-text-link-text-light-mode-color);
  --banner-warning-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);
  --banner-warning-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color);
  --banner-warning-variant-focused-state-text-link-text-color: var(--banner-warning-variant-focused-state-text-link-text-light-mode-color);
  --banner-warning-variant-focused-state-text-link-text-dark-mode-color: var(--core-warning-20-dark-mode-color);
  --banner-warning-variant-focused-state-text-link-text-light-mode-color: var(--core-warning-20-light-mode-color);
  --banner-warning-variant-hover-state-text-link-text-color: var(--banner-warning-variant-hover-state-text-link-text-light-mode-color);
  --banner-warning-variant-hover-state-text-link-text-dark-mode-color: var(--core-warning-20-dark-mode-color);
  --banner-warning-variant-hover-state-text-link-text-light-mode-color: var(--core-warning-20-light-mode-color);
  --banner-warning-variant-icon-color: var(--banner-warning-variant-icon-light-mode-color);
  --banner-warning-variant-icon-dark-mode-color: var(--core-warning-fill-dark-mode-color);
  --banner-warning-variant-icon-high-contrast-color: var(--banner-warning-variant-icon-high-contrast-light-mode-color);
  --banner-warning-variant-icon-high-contrast-dark-mode-color: var(--core-warning-text-dark-mode-color);
  --banner-warning-variant-icon-high-contrast-light-mode-color: var(--core-warning-text-light-mode-color);
  --banner-warning-variant-icon-light-mode-color: var(--core-warning-fill-light-mode-color);
  --banner-warning-variant-icon-normal-contrast-color: var(--banner-warning-variant-icon-normal-contrast-light-mode-color);
  --banner-warning-variant-icon-normal-contrast-dark-mode-color: var(--core-warning-fill-dark-mode-color);
  --banner-warning-variant-icon-normal-contrast-light-mode-color: var(--core-warning-fill-light-mode-color);
  --banner-warning-variant-normal-state-text-link-text-color: var(--banner-warning-variant-normal-state-text-link-text-light-mode-color);
  --banner-warning-variant-normal-state-text-link-text-dark-mode-color: var(--core-warning-text-dark-mode-color);
  --banner-warning-variant-normal-state-text-link-text-light-mode-color: var(--core-warning-text-light-mode-color);
  --banner-warning-variant-pressed-state-text-link-text-color: var(--banner-warning-variant-pressed-state-text-link-text-light-mode-color);
  --banner-warning-variant-pressed-state-text-link-text-dark-mode-color: var(--core-warning-10-dark-mode-color);
  --banner-warning-variant-pressed-state-text-link-text-light-mode-color: var(--core-warning-10-light-mode-color);
  --banner-warning-variant-text-color: var(--banner-warning-variant-text-light-mode-color);
  --banner-warning-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --banner-warning-variant-text-light-mode-color: var(--core-text-10-light-mode-color);
  --banner-warning-variant-text-link-text-color: var(--banner-warning-variant-text-link-text-light-mode-color);
  --banner-warning-variant-text-link-text-dark-mode-color: var(--core-warning-text-dark-mode-color);
  --banner-warning-variant-text-link-text-light-mode-color: var(--core-warning-text-light-mode-color);

  /* ========== button-group ========== */
  --button-group-overflow-button-border-radius: var(--icon-button-border-radius);
  --button-group-overflow-button-compact-size-minimum-height: var(--icon-button-compact-size-minimum-height);
  --button-group-overflow-button-compact-size-minimum-padding-size: var(--icon-button-compact-size-minimum-padding-size);
  --button-group-overflow-button-compact-size-minimum-width: var(--icon-button-compact-size-minimum-width);
  --button-group-overflow-button-compact-size-padding-size: var(--icon-button-compact-size-padding-size);
  --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);
  --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);
  --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-primary-rank-hover-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);
  --button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);
  --button-group-overflow-button-destructive-variant-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-primary-rank-normal-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);
  --button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);
  --button-group-overflow-button-destructive-variant-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);
  --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);
  --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-disabled-state-background-color: var(--button-group-overflow-button-disabled-state-light-mode-background-color);
  --button-group-overflow-button-disabled-state-dark-mode-background-color: var(--icon-button-disabled-state-dark-mode-background-color);
  --button-group-overflow-button-disabled-state-dark-mode-icon-color: var(--icon-button-disabled-state-dark-mode-icon-color);
  --button-group-overflow-button-disabled-state-icon-color: var(--button-group-overflow-button-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-disabled-state-light-mode-background-color: var(--icon-button-disabled-state-light-mode-background-color);
  --button-group-overflow-button-disabled-state-light-mode-icon-color: var(--icon-button-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-focus-ring-border-size: var(--icon-button-focus-ring-border-size);
  --button-group-overflow-button-focus-ring-buffer-size: var(--icon-button-focus-ring-buffer-size);
  --button-group-overflow-button-focus-state-background-color: var(--button-group-overflow-button-focus-state-light-mode-background-color);
  --button-group-overflow-button-focus-state-dark-mode-background-color: var(--icon-button-focus-state-dark-mode-background-color);
  --button-group-overflow-button-focus-state-dark-mode-icon-color: var(--icon-button-focus-state-dark-mode-icon-color);
  --button-group-overflow-button-focus-state-icon-color: var(--button-group-overflow-button-focus-state-light-mode-icon-color);
  --button-group-overflow-button-focus-state-light-mode-background-color: var(--icon-button-focus-state-light-mode-background-color);
  --button-group-overflow-button-focus-state-light-mode-icon-color: var(--icon-button-focus-state-light-mode-icon-color);
  --button-group-overflow-button-hover-state-background-color: var(--button-group-overflow-button-hover-state-light-mode-background-color);
  --button-group-overflow-button-hover-state-dark-mode-background-color: var(--icon-button-hover-state-dark-mode-background-color);
  --button-group-overflow-button-hover-state-dark-mode-icon-color: var(--icon-button-hover-state-dark-mode-icon-color);
  --button-group-overflow-button-hover-state-icon-color: var(--button-group-overflow-button-hover-state-light-mode-icon-color);
  --button-group-overflow-button-hover-state-light-mode-background-color: var(--icon-button-hover-state-light-mode-background-color);
  --button-group-overflow-button-hover-state-light-mode-icon-color: var(--icon-button-hover-state-light-mode-icon-color);
  --button-group-overflow-button-large-size-icon-height: var(--icon-button-large-size-icon-height);
  --button-group-overflow-button-large-size-icon-width: var(--icon-button-large-size-icon-width);
  --button-group-overflow-button-large-size-minimum-height: var(--icon-button-large-size-minimum-height);
  --button-group-overflow-button-large-size-padding-size: var(--icon-button-large-size-padding-size);
  --button-group-overflow-button-large-size-width-multiplier: var(--icon-button-large-size-width-multiplier);
  --button-group-overflow-button-medium-size-horizontal-spacing-size: var(--icon-button-medium-size-horizontal-spacing-size);
  --button-group-overflow-button-medium-size-icon-height: var(--icon-button-medium-size-icon-height);
  --button-group-overflow-button-medium-size-icon-width: var(--icon-button-medium-size-icon-width);
  --button-group-overflow-button-medium-size-minimum-height: var(--icon-button-medium-size-minimum-height);
  --button-group-overflow-button-medium-size-padding-size: var(--icon-button-medium-size-padding-size);
  --button-group-overflow-button-medium-size-width-multiplier: var(--icon-button-medium-size-width-multiplier);
  --button-group-overflow-button-minimum-height: var(--icon-button-minimum-height);
  --button-group-overflow-button-minimum-width: var(--icon-button-minimum-width);
  --button-group-overflow-button-normal-size-minimum-height: var(--icon-button-normal-size-minimum-height);
  --button-group-overflow-button-normal-size-minimum-width: var(--icon-button-normal-size-minimum-width);
  --button-group-overflow-button-normal-size-padding-size: var(--icon-button-normal-size-padding-size);
  --button-group-overflow-button-normal-state-background-color: var(--button-group-overflow-button-normal-state-light-mode-background-color);
  --button-group-overflow-button-normal-state-dark-mode-background-color: var(--icon-button-normal-state-dark-mode-background-color);
  --button-group-overflow-button-normal-state-dark-mode-icon-color: var(--icon-button-normal-state-dark-mode-icon-color);
  --button-group-overflow-button-normal-state-icon-color: var(--button-group-overflow-button-normal-state-light-mode-icon-color);
  --button-group-overflow-button-normal-state-light-mode-background-color: var(--icon-button-normal-state-light-mode-background-color);
  --button-group-overflow-button-normal-state-light-mode-icon-color: var(--icon-button-normal-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-focus-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-focus-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-hover-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-normal-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
  --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);
  --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
  --button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);
  --button-group-overflow-button-normal-variant-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
  --button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);
  --button-group-overflow-button-normal-variant-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
  --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);
  --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-padding-size: var(--icon-button-padding-size);
  --button-group-overflow-button-pressed-state-background-color: var(--button-group-overflow-button-pressed-state-light-mode-background-color);
  --button-group-overflow-button-pressed-state-dark-mode-background-color: var(--icon-button-pressed-state-dark-mode-background-color);
  --button-group-overflow-button-pressed-state-dark-mode-icon-color: var(--icon-button-pressed-state-dark-mode-icon-color);
  --button-group-overflow-button-pressed-state-icon-color: var(--button-group-overflow-button-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-pressed-state-light-mode-background-color: var(--icon-button-pressed-state-light-mode-background-color);
  --button-group-overflow-button-pressed-state-light-mode-icon-color: var(--icon-button-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-primary-rank-disabled-state-dark-mode-background-color);
  --button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-primary-rank-disabled-state-dark-mode-icon-color);
  --button-group-overflow-button-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-primary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-primary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-primary-rank-focus-state-background-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-background-color);
  --button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-primary-rank-focus-state-dark-mode-background-color);
  --button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color: var(--icon-button-primary-rank-focus-state-dark-mode-icon-color);
  --button-group-overflow-button-primary-rank-focus-state-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color);
  --button-group-overflow-button-primary-rank-focus-state-light-mode-background-color: var(--icon-button-primary-rank-focus-state-light-mode-background-color);
  --button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color: var(--icon-button-primary-rank-focus-state-light-mode-icon-color);
  --button-group-overflow-button-primary-rank-hover-state-background-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-primary-rank-hover-state-dark-mode-background-color);
  --button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-primary-rank-hover-state-dark-mode-icon-color);
  --button-group-overflow-button-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-primary-rank-hover-state-light-mode-background-color: var(--icon-button-primary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-primary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-primary-rank-normal-state-background-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-primary-rank-normal-state-dark-mode-background-color);
  --button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-primary-rank-normal-state-dark-mode-icon-color);
  --button-group-overflow-button-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-primary-rank-normal-state-light-mode-background-color: var(--icon-button-primary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-primary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-primary-rank-pressed-state-dark-mode-background-color);
  --button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-primary-rank-pressed-state-dark-mode-icon-color);
  --button-group-overflow-button-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-primary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-primary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);
  --button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);
  --button-group-overflow-button-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-secondary-rank-focus-state-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color);
  --button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);
  --button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);
  --button-group-overflow-button-secondary-rank-focus-state-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color);
  --button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color);
  --button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);
  --button-group-overflow-button-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);
  --button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);
  --button-group-overflow-button-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);
  --button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);
  --button-group-overflow-button-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);
  --button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);
  --button-group-overflow-button-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-size-multiplier: 1;
  --button-group-overflow-button-small-size-icon-height: var(--icon-button-small-size-icon-height);
  --button-group-overflow-button-small-size-icon-width: var(--icon-button-small-size-icon-width);
  --button-group-overflow-button-small-size-minimum-height: var(--icon-button-small-size-minimum-height);
  --button-group-overflow-button-small-size-padding-size: var(--icon-button-small-size-padding-size);
  --button-group-overflow-button-small-size-width-multiplier: var(--icon-button-small-size-width-multiplier);
  --button-group-overflow-button-tertiary-rank-disabled-state-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-background-color);
  --button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-disabled-state-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-background-color);
  --button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-focus-state-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color);
  --button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-background-color);
  --button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-focus-state-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color: var(--icon-button-tertiary-rank-focus-state-light-mode-background-color);
  --button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color: var(--icon-button-tertiary-rank-focus-state-light-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-hover-state-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color);
  --button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-hover-state-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color: var(--icon-button-tertiary-rank-hover-state-light-mode-background-color);
  --button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-normal-state-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-background-color);
  --button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-normal-state-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color: var(--icon-button-tertiary-rank-normal-state-light-mode-background-color);
  --button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color: var(--icon-button-tertiary-rank-normal-state-light-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-pressed-state-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-background-color);
  --button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-pressed-state-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);
  --button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-background-color);
  --button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-icon-color);
  --button-group-spacing: var(--core-metrics-spacing-100);

  /* ========== button ========== */
  --button-border-radius: var(--core-radius-circle);
  --button-compact-horizontal-size-class-sample-token: 100px;
  --button-compact-vertical-size-class-sample-token-2: 10px;
  --button-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);
  --button-destructive-variant-primary-rank-disabled-state-background-color: var(--button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);
  --button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
  --button-destructive-variant-primary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);
  --button-destructive-variant-primary-rank-disabled-state-label-color: var(--button-destructive-variant-primary-rank-disabled-state-light-mode-label-color);
  --button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --button-destructive-variant-primary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);
  --button-destructive-variant-primary-rank-focus-state-background-color: var(--button-destructive-variant-primary-rank-focus-state-light-mode-background-color);
  --button-destructive-variant-primary-rank-focus-state-dark-mode-background-color: var(--button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);
  --button-destructive-variant-primary-rank-focus-state-dark-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color);
  --button-destructive-variant-primary-rank-focus-state-label-color: var(--button-destructive-variant-primary-rank-focus-state-light-mode-label-color);
  --button-destructive-variant-primary-rank-focus-state-light-mode-background-color: var(--button-destructive-variant-primary-rank-hover-state-light-mode-background-color);
  --button-destructive-variant-primary-rank-focus-state-light-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color);
  --button-destructive-variant-primary-rank-hover-state-background-color: var(--button-destructive-variant-primary-rank-hover-state-light-mode-background-color);
  --button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--core-critical-20-dark-mode-color);
  --button-destructive-variant-primary-rank-hover-state-dark-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color);
  --button-destructive-variant-primary-rank-hover-state-label-color: var(--button-destructive-variant-primary-rank-hover-state-light-mode-label-color);
  --button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--core-critical-20-light-mode-color);
  --button-destructive-variant-primary-rank-hover-state-light-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color);
  --button-destructive-variant-primary-rank-normal-state-background-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-background-color);
  --button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--core-critical-fill-dark-mode-color);
  --button-destructive-variant-primary-rank-normal-state-dark-mode-label-color: var(--core-text-white-dark-mode-color);
  --button-destructive-variant-primary-rank-normal-state-label-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color);
  --button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--core-critical-fill-light-mode-color);
  --button-destructive-variant-primary-rank-normal-state-light-mode-label-color: var(--core-text-white-light-mode-color);
  --button-destructive-variant-primary-rank-pressed-state-background-color: var(--button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);
  --button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--core-critical-10-dark-mode-color);
  --button-destructive-variant-primary-rank-pressed-state-dark-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color);
  --button-destructive-variant-primary-rank-pressed-state-label-color: var(--button-destructive-variant-primary-rank-pressed-state-light-mode-label-color);
  --button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--core-critical-10-light-mode-color);
  --button-destructive-variant-primary-rank-pressed-state-light-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color);
  --button-destructive-variant-secondary-rank-disabled-state-background-color: var(--button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);
  --button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
  --button-destructive-variant-secondary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color);
  --button-destructive-variant-secondary-rank-disabled-state-label-color: var(--button-destructive-variant-secondary-rank-disabled-state-light-mode-label-color);
  --button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --button-destructive-variant-secondary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);
  --button-destructive-variant-secondary-rank-focus-state-background-color: var(--button-destructive-variant-secondary-rank-focus-state-light-mode-background-color);
  --button-destructive-variant-secondary-rank-focus-state-dark-mode-background-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);
  --button-destructive-variant-secondary-rank-focus-state-dark-mode-label-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-label-color);
  --button-destructive-variant-secondary-rank-focus-state-label-color: var(--button-destructive-variant-secondary-rank-focus-state-light-mode-label-color);
  --button-destructive-variant-secondary-rank-focus-state-light-mode-background-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);
  --button-destructive-variant-secondary-rank-focus-state-light-mode-label-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-label-color);
  --button-destructive-variant-secondary-rank-hover-state-background-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);
  --button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--core-critical-40-dark-mode-color);
  --button-destructive-variant-secondary-rank-hover-state-dark-mode-label-color: var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color);
  --button-destructive-variant-secondary-rank-hover-state-label-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-label-color);
  --button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--core-critical-40-light-mode-color);
  --button-destructive-variant-secondary-rank-hover-state-light-mode-label-color: var(--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color);
  --button-destructive-variant-secondary-rank-normal-state-background-color: var(--button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);
  --button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
  --button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color: var(--core-critical-text-dark-mode-color);
  --button-destructive-variant-secondary-rank-normal-state-label-color: var(--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color);
  --button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --button-destructive-variant-secondary-rank-normal-state-light-mode-label-color: var(--core-critical-text-light-mode-color);
  --button-destructive-variant-secondary-rank-pressed-state-background-color: var(--button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);
  --button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--core-critical-30-dark-mode-color);
  --button-destructive-variant-secondary-rank-pressed-state-dark-mode-label-color: var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color);
  --button-destructive-variant-secondary-rank-pressed-state-label-color: var(--button-destructive-variant-secondary-rank-pressed-state-light-mode-label-color);
  --button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--core-critical-30-light-mode-color);
  --button-destructive-variant-secondary-rank-pressed-state-light-mode-label-color: var(--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color);
  --button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);
  --button-destructive-variant-tertiary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color);
  --button-destructive-variant-tertiary-rank-disabled-state-label-color: var(--button-destructive-variant-tertiary-rank-disabled-state-light-mode-label-color);
  --button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);
  --button-destructive-variant-tertiary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color);
  --button-destructive-variant-tertiary-rank-focus-state-background-color: var(--button-destructive-variant-tertiary-rank-focus-state-light-mode-background-color);
  --button-destructive-variant-tertiary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);
  --button-destructive-variant-tertiary-rank-focus-state-dark-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color);
  --button-destructive-variant-tertiary-rank-focus-state-label-color: var(--button-destructive-variant-tertiary-rank-focus-state-light-mode-label-color);
  --button-destructive-variant-tertiary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);
  --button-destructive-variant-tertiary-rank-focus-state-light-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color);
  --button-destructive-variant-tertiary-rank-hover-state-background-color: var(--button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);
  --button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);
  --button-destructive-variant-tertiary-rank-hover-state-dark-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color);
  --button-destructive-variant-tertiary-rank-hover-state-label-color: var(--button-destructive-variant-tertiary-rank-hover-state-light-mode-label-color);
  --button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);
  --button-destructive-variant-tertiary-rank-hover-state-light-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color);
  --button-destructive-variant-tertiary-rank-normal-state-background-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);
  --button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: transparent;
  --button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color: var(--core-critical-text-dark-mode-color);
  --button-destructive-variant-tertiary-rank-normal-state-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color);
  --button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: transparent;
  --button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color: var(--core-critical-text-light-mode-color);
  --button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);
  --button-destructive-variant-tertiary-rank-pressed-state-dark-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color);
  --button-destructive-variant-tertiary-rank-pressed-state-label-color: var(--button-destructive-variant-tertiary-rank-pressed-state-light-mode-label-color);
  --button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);
  --button-destructive-variant-tertiary-rank-pressed-state-light-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color);
  --button-focus-ring-border-size: var(--core-focus-ring-border-size);
  --button-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);
  --button-focus-ring-color: var(--button-light-mode-focus-ring-color);
  --button-large-size-border-radius: 32px;
  --button-large-size-content-spacing: var(--core-metrics-spacing-100);
  --button-large-size-minimum-height: var(--core-large-size-minimum-height);
  --button-large-size-minimum-width-multiplier: 1.75;
  --button-large-size-primary-rank-horizontal-padding: var(--core-metrics-spacing-300);
  --button-large-size-primary-rank-vertical-padding: 20px;
  --button-large-size-secondary-rank-horizontal-padding: var(--button-large-size-primary-rank-horizontal-padding);
  --button-large-size-secondary-rank-vertical-padding: var(--button-large-size-primary-rank-vertical-padding);
  --button-large-size-tertiary-rank-horizontal-padding: var(--core-metrics-spacing-300);
  --button-large-size-tertiary-rank-vertical-padding: 20px;
  --button-large-size-text-case: var(--core-type-semibold-30-case);
  --button-large-size-text-font-family: var(--core-type-semibold-30-font-family);
  --button-large-size-text-leading: var(--core-type-semibold-30-leading);
  --button-large-size-text-number-spacing: var(--core-type-semibold-30-number-spacing);
  --button-large-size-text-scale: var(--core-type-semibold-30-scale);
  --button-large-size-text-size: var(--core-type-semibold-30-size);
  --button-large-size-text-tracking: var(--core-type-semibold-30-tracking);
  --button-large-size-text-weight: var(--core-type-semibold-30-weight);
  --button-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);
  --button-medium-size-border-radius: 24px;
  --button-medium-size-content-spacing: var(--core-metrics-spacing-100);
  --button-medium-size-minimum-height: var(--core-medium-size-minimum-height);
  --button-medium-size-minimum-width-multiplier: 1.75;
  --button-medium-size-primary-rank-horizontal-padding: var(--core-metrics-spacing-250);
  --button-medium-size-primary-rank-vertical-padding: 12px;
  --button-medium-size-secondary-rank-horizontal-padding: var(--button-medium-size-primary-rank-horizontal-padding);
  --button-medium-size-secondary-rank-vertical-padding: var(--button-medium-size-primary-rank-vertical-padding);
  --button-medium-size-tertiary-rank-horizontal-padding: var(--core-metrics-spacing-250);
  --button-medium-size-tertiary-rank-vertical-padding: 12px;
  --button-medium-size-text-case: var(--core-type-semibold-30-case);
  --button-medium-size-text-font-family: var(--core-type-semibold-30-font-family);
  --button-medium-size-text-leading: var(--core-type-semibold-30-leading);
  --button-medium-size-text-number-spacing: var(--core-type-semibold-30-number-spacing);
  --button-medium-size-text-scale: var(--core-type-semibold-30-scale);
  --button-medium-size-text-size: var(--core-type-semibold-30-size);
  --button-medium-size-text-tracking: var(--core-type-semibold-30-tracking);
  --button-medium-size-text-weight: var(--core-type-semibold-30-weight);
  --button-normal-variant-primary-rank-disabled-state-background-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --button-normal-variant-primary-rank-disabled-state-dark-mode-label-color: var(--core-text-30-dark-mode-color);
  --button-normal-variant-primary-rank-disabled-state-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);
  --button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --button-normal-variant-primary-rank-disabled-state-light-mode-label-color: var(--core-text-30-light-mode-color);
  --button-normal-variant-primary-rank-focus-state-background-color: var(--button-normal-variant-primary-rank-focus-state-light-mode-background-color);
  --button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);
  --button-normal-variant-primary-rank-focus-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color);
  --button-normal-variant-primary-rank-focus-state-label-color: var(--button-normal-variant-primary-rank-focus-state-light-mode-label-color);
  --button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);
  --button-normal-variant-primary-rank-focus-state-light-mode-label-color: var(--core-text-inverse-light-mode-color);
  --button-normal-variant-primary-rank-hover-state-background-color: var(--button-normal-variant-primary-rank-hover-state-light-mode-background-color);
  --button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color);
  --button-normal-variant-primary-rank-hover-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color);
  --button-normal-variant-primary-rank-hover-state-label-color: var(--button-normal-variant-primary-rank-hover-state-light-mode-label-color);
  --button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--core-emphasis-20-light-mode-color);
  --button-normal-variant-primary-rank-hover-state-light-mode-label-color: var(--core-text-inverse-light-mode-color);
  --button-normal-variant-primary-rank-normal-state-background-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-background-color);
  --button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);
  --button-normal-variant-primary-rank-normal-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color);
  --button-normal-variant-primary-rank-normal-state-label-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color);
  --button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);
  --button-normal-variant-primary-rank-normal-state-light-mode-label-color: var(--core-text-inverse-light-mode-color);
  --button-normal-variant-primary-rank-pressed-state-background-color: var(--button-normal-variant-primary-rank-pressed-state-light-mode-background-color);
  --button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: #CCCCCC;
  --button-normal-variant-primary-rank-pressed-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color);
  --button-normal-variant-primary-rank-pressed-state-label-color: var(--button-normal-variant-primary-rank-pressed-state-light-mode-label-color);
  --button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-10-light-mode-color);
  --button-normal-variant-primary-rank-pressed-state-light-mode-label-color: var(--core-text-inverse-light-mode-color);
  --button-normal-variant-secondary-rank-disabled-state-background-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
  --button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);
  --button-normal-variant-secondary-rank-disabled-state-label-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);
  --button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --button-normal-variant-secondary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);
  --button-normal-variant-secondary-rank-focus-state-background-color: var(--button-normal-variant-secondary-rank-focus-state-light-mode-background-color);
  --button-normal-variant-secondary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
  --button-normal-variant-secondary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);
  --button-normal-variant-secondary-rank-focus-state-label-color: var(--button-normal-variant-secondary-rank-focus-state-light-mode-label-color);
  --button-normal-variant-secondary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --button-normal-variant-secondary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);
  --button-normal-variant-secondary-rank-hover-state-background-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);
  --button-normal-variant-secondary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);
  --button-normal-variant-secondary-rank-hover-state-label-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-label-color);
  --button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);
  --button-normal-variant-secondary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);
  --button-normal-variant-secondary-rank-normal-state-background-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --button-normal-variant-secondary-rank-normal-state-dark-mode-label-color: var(--core-emphasis-text-dark-mode-color);
  --button-normal-variant-secondary-rank-normal-state-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);
  --button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --button-normal-variant-secondary-rank-normal-state-light-mode-label-color: var(--core-emphasis-text-light-mode-color);
  --button-normal-variant-secondary-rank-pressed-state-background-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--core-fill-20-dark-mode-color);
  --button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);
  --button-normal-variant-secondary-rank-pressed-state-label-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-label-color);
  --button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);
  --button-normal-variant-secondary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);
  --button-normal-variant-tertiary-rank-disabled-state-background-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);
  --button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);
  --button-normal-variant-tertiary-rank-disabled-state-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color);
  --button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);
  --button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);
  --button-normal-variant-tertiary-rank-focus-state-background-color: var(--button-normal-variant-tertiary-rank-focus-state-light-mode-background-color);
  --button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);
  --button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);
  --button-normal-variant-tertiary-rank-focus-state-label-color: var(--button-normal-variant-tertiary-rank-focus-state-light-mode-label-color);
  --button-normal-variant-tertiary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);
  --button-normal-variant-tertiary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);
  --button-normal-variant-tertiary-rank-hover-state-background-color: var(--button-normal-variant-tertiary-rank-hover-state-light-mode-background-color);
  --button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);
  --button-normal-variant-tertiary-rank-hover-state-label-color: var(--button-normal-variant-tertiary-rank-hover-state-light-mode-label-color);
  --button-normal-variant-tertiary-rank-hover-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --button-normal-variant-tertiary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);
  --button-normal-variant-tertiary-rank-normal-state-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);
  --button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color: transparent;
  --button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color: var(--core-emphasis-text-dark-mode-color);
  --button-normal-variant-tertiary-rank-normal-state-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);
  --button-normal-variant-tertiary-rank-normal-state-light-mode-background-color: transparent;
  --button-normal-variant-tertiary-rank-normal-state-light-mode-label-color: var(--core-emphasis-text-light-mode-color);
  --button-normal-variant-tertiary-rank-pressed-state-background-color: var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
  --button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);
  --button-normal-variant-tertiary-rank-pressed-state-label-color: var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color);
  --button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);
  --button-regular-horizontal-size-class-sample-token: 200px;
  --button-regular-vertical-size-class-sample-token-2: 20px;
  --button-small-size-border-radius: 20px;
  --button-small-size-content-spacing: var(--core-metrics-spacing-100);
  --button-small-size-minimum-height: var(--core-small-size-minimum-height);
  --button-small-size-minimum-width-multiplier: 1.75;
  --button-small-size-primary-rank-horizontal-padding: var(--core-metrics-spacing-200);
  --button-small-size-primary-rank-vertical-padding: 9px;
  --button-small-size-secondary-rank-horizontal-padding: var(--button-small-size-primary-rank-horizontal-padding);
  --button-small-size-secondary-rank-vertical-padding: var(--button-small-size-primary-rank-vertical-padding);
  --button-small-size-tertiary-rank-horizontal-padding: var(--core-metrics-spacing-200);
  --button-small-size-tertiary-rank-vertical-padding: 9px;
  --button-small-size-text-case: var(--core-type-semibold-20-case);
  --button-small-size-text-font-family: var(--core-type-semibold-20-font-family);
  --button-small-size-text-leading: var(--core-type-semibold-20-leading);
  --button-small-size-text-number-spacing: var(--core-type-semibold-20-number-spacing);
  --button-small-size-text-scale: var(--core-type-semibold-20-scale);
  --button-small-size-text-size: var(--core-type-semibold-20-size);
  --button-small-size-text-tracking: var(--core-type-semibold-20-tracking);
  --button-small-size-text-weight: var(--core-type-semibold-20-weight);
  --button-tall-vertical-size-class-sample-token-2: 30px;
  --button-tertiary-rank-underline: 1px;
  --button-wide-horizontal-size-class-sample-token: 300px;

  /* ========== calculator ========== */
  --calculator-below-display-spacing: var(--core-metrics-spacing-200);
  --calculator-button-border-radius-size: var(--core-radius-circle);
  --calculator-button-default-variant-background-disabled-state-color: var(--calculator-button-default-variant-background-disabled-state-light-mode-color);
  --calculator-button-default-variant-background-disabled-state-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --calculator-button-default-variant-background-disabled-state-light-mode-color: var(--core-fill-40-light-mode-color);
  --calculator-button-default-variant-background-normal-state-color: var(--calculator-button-default-variant-background-normal-state-light-mode-color);
  --calculator-button-default-variant-background-normal-state-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --calculator-button-default-variant-background-normal-state-light-mode-color: var(--core-fill-40-light-mode-color);
  --calculator-button-default-variant-background-pressed-state-color: var(--calculator-button-default-variant-background-pressed-state-light-mode-color);
  --calculator-button-default-variant-background-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --calculator-button-default-variant-background-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --calculator-button-default-variant-foreground-disabled-state-color: var(--calculator-button-default-variant-foreground-disabled-state-light-mode-color);
  --calculator-button-default-variant-foreground-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);
  --calculator-button-default-variant-foreground-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);
  --calculator-button-default-variant-foreground-normal-state-color: var(--calculator-button-default-variant-foreground-normal-state-light-mode-color);
  --calculator-button-default-variant-foreground-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --calculator-button-default-variant-foreground-normal-state-light-mode-color: var(--core-text-10-light-mode-color);
  --calculator-button-default-variant-foreground-pressed-state-color: var(--calculator-button-default-variant-foreground-pressed-state-light-mode-color);
  --calculator-button-default-variant-foreground-pressed-state-dark-mode-color: var(--calculator-button-default-variant-foreground-normal-state-dark-mode-color);
  --calculator-button-default-variant-foreground-pressed-state-light-mode-color: var(--calculator-button-default-variant-foreground-normal-state-light-mode-color);
  --calculator-button-icon-large-calculator-size: 40px;
  --calculator-button-icon-small-calculator-size: 32px;
  --calculator-button-large-calculator-height: 80px;
  --calculator-button-primary-operator-variant-background-disabled-state-color: var(--calculator-button-primary-operator-variant-background-disabled-state-light-mode-color);
  --calculator-button-primary-operator-variant-background-disabled-state-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --calculator-button-primary-operator-variant-background-disabled-state-light-mode-color: var(--core-fill-40-light-mode-color);
  --calculator-button-primary-operator-variant-background-normal-state-color: var(--calculator-button-primary-operator-variant-background-normal-state-light-mode-color);
  --calculator-button-primary-operator-variant-background-normal-state-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --calculator-button-primary-operator-variant-background-normal-state-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --calculator-button-primary-operator-variant-background-pressed-state-color: var(--calculator-button-primary-operator-variant-background-pressed-state-light-mode-color);
  --calculator-button-primary-operator-variant-background-pressed-state-dark-mode-color: var(--core-emphasis-10-dark-mode-color);
  --calculator-button-primary-operator-variant-background-pressed-state-light-mode-color: var(--core-emphasis-10-light-mode-color);
  --calculator-button-primary-operator-variant-foreground-disabled-state-color: var(--calculator-button-primary-operator-variant-foreground-disabled-state-light-mode-color);
  --calculator-button-primary-operator-variant-foreground-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);
  --calculator-button-primary-operator-variant-foreground-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);
  --calculator-button-primary-operator-variant-foreground-normal-state-color: var(--calculator-button-primary-operator-variant-foreground-normal-state-light-mode-color);
  --calculator-button-primary-operator-variant-foreground-normal-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --calculator-button-primary-operator-variant-foreground-normal-state-light-mode-color: var(--core-text-inverse-light-mode-color);
  --calculator-button-primary-operator-variant-foreground-pressed-state-color: var(--calculator-button-primary-operator-variant-foreground-pressed-state-light-mode-color);
  --calculator-button-primary-operator-variant-foreground-pressed-state-dark-mode-color: var(--calculator-button-primary-operator-variant-foreground-normal-state-dark-mode-color);
  --calculator-button-primary-operator-variant-foreground-pressed-state-light-mode-color: var(--calculator-button-primary-operator-variant-foreground-normal-state-light-mode-color);
  --calculator-button-secondary-operator-variant-background-disabled-state-color: var(--calculator-button-secondary-operator-variant-background-disabled-state-light-mode-color);
  --calculator-button-secondary-operator-variant-background-disabled-state-dark-mode-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
  --calculator-button-secondary-operator-variant-background-disabled-state-light-mode-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --calculator-button-secondary-operator-variant-background-normal-state-color: var(--calculator-button-secondary-operator-variant-background-normal-state-light-mode-color);
  --calculator-button-secondary-operator-variant-background-normal-state-dark-mode-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
  --calculator-button-secondary-operator-variant-background-normal-state-light-mode-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --calculator-button-secondary-operator-variant-background-pressed-state-color: var(--calculator-button-secondary-operator-variant-background-pressed-state-light-mode-color);
  --calculator-button-secondary-operator-variant-background-pressed-state-dark-mode-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
  --calculator-button-secondary-operator-variant-background-pressed-state-light-mode-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --calculator-button-secondary-operator-variant-foreground-disabled-state-color: var(--calculator-button-secondary-operator-variant-foreground-disabled-state-light-mode-color);
  --calculator-button-secondary-operator-variant-foreground-disabled-state-dark-mode-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color);
  --calculator-button-secondary-operator-variant-foreground-disabled-state-light-mode-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);
  --calculator-button-secondary-operator-variant-foreground-normal-state-color: var(--calculator-button-secondary-operator-variant-foreground-normal-state-light-mode-color);
  --calculator-button-secondary-operator-variant-foreground-normal-state-dark-mode-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);
  --calculator-button-secondary-operator-variant-foreground-normal-state-light-mode-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);
  --calculator-button-secondary-operator-variant-foreground-pressed-state-color: var(--calculator-button-secondary-operator-variant-foreground-pressed-state-light-mode-color);
  --calculator-button-secondary-operator-variant-foreground-pressed-state-dark-mode-color: var(--calculator-button-secondary-operator-variant-foreground-normal-state-dark-mode-color);
  --calculator-button-secondary-operator-variant-foreground-pressed-state-light-mode-color: var(--calculator-button-secondary-operator-variant-foreground-normal-state-light-mode-color);
  --calculator-button-small-calculator-height: 48px;
  --calculator-button-text-large-calculator-case: var(--core-type-display-10-case);
  --calculator-button-text-large-calculator-font-family: var(--core-type-display-10-font-family);
  --calculator-button-text-large-calculator-leading: var(--core-type-display-10-leading);
  --calculator-button-text-large-calculator-number-spacing: var(--core-type-display-10-number-spacing);
  --calculator-button-text-large-calculator-scale: var(--core-type-display-10-scale);
  --calculator-button-text-large-calculator-size: var(--core-type-display-10-size);
  --calculator-button-text-large-calculator-tracking: var(--core-type-display-10-tracking);
  --calculator-button-text-large-calculator-weight: var(--core-type-display-10-weight);
  --calculator-button-text-small-calculator-case: var(--core-type-heading-30-case);
  --calculator-button-text-small-calculator-font-family: var(--core-type-heading-30-font-family);
  --calculator-button-text-small-calculator-leading: var(--core-type-heading-30-leading);
  --calculator-button-text-small-calculator-number-spacing: var(--core-type-heading-30-number-spacing);
  --calculator-button-text-small-calculator-scale: var(--core-type-heading-30-scale);
  --calculator-button-text-small-calculator-size: var(--core-type-heading-30-size);
  --calculator-button-text-small-calculator-tracking: var(--core-type-heading-30-tracking);
  --calculator-button-text-small-calculator-weight: var(--core-type-heading-30-weight);
  --calculator-display-border-color: var(--calculator-display-border-light-mode-color);
  --calculator-display-border-corner-radius: var(--core-radius-forms);
  --calculator-display-border-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --calculator-display-border-light-mode-color: var(--core-fill-30-light-mode-color);
  --calculator-display-border-stroke-width: 1px;
  --calculator-display-large-size-horizontal-padding: 20px;
  --calculator-display-large-size-large-calculator-case: var(--core-type-display-20-case);
  --calculator-display-large-size-large-calculator-font-family: var(--core-type-display-20-font-family);
  --calculator-display-large-size-large-calculator-height: 136px;
  --calculator-display-large-size-large-calculator-leading: var(--core-type-display-20-leading);
  --calculator-display-large-size-large-calculator-number-spacing: var(--core-type-display-20-number-spacing);
  --calculator-display-large-size-large-calculator-scale: var(--core-type-display-20-scale);
  --calculator-display-large-size-large-calculator-size: var(--core-type-display-20-size);
  --calculator-display-large-size-large-calculator-tracking: var(--core-type-display-20-tracking);
  --calculator-display-large-size-large-calculator-weight: var(--core-type-display-20-weight);
  --calculator-display-large-size-small-calculator-case: var(--core-type-display-10-case);
  --calculator-display-large-size-small-calculator-font-family: var(--core-type-display-10-font-family);
  --calculator-display-large-size-small-calculator-height: 80px;
  --calculator-display-large-size-small-calculator-leading: var(--core-type-display-10-leading);
  --calculator-display-large-size-small-calculator-number-spacing: var(--core-type-display-10-number-spacing);
  --calculator-display-large-size-small-calculator-scale: var(--core-type-display-10-scale);
  --calculator-display-large-size-small-calculator-size: var(--core-type-display-10-size);
  --calculator-display-large-size-small-calculator-tracking: var(--core-type-display-10-tracking);
  --calculator-display-large-size-small-calculator-weight: var(--core-type-display-10-weight);
  --calculator-display-large-size-vertical-padding: 20px;
  --calculator-display-small-size-horizontal-padding: 20px;
  --calculator-display-small-size-large-calculator-case: var(--core-type-display-10-case);
  --calculator-display-small-size-large-calculator-font-family: var(--core-type-display-10-font-family);
  --calculator-display-small-size-large-calculator-height: 80px;
  --calculator-display-small-size-large-calculator-leading: var(--core-type-display-10-leading);
  --calculator-display-small-size-large-calculator-number-spacing: var(--core-type-display-10-number-spacing);
  --calculator-display-small-size-large-calculator-scale: var(--core-type-display-10-scale);
  --calculator-display-small-size-large-calculator-size: var(--core-type-display-10-size);
  --calculator-display-small-size-large-calculator-tracking: var(--core-type-display-10-tracking);
  --calculator-display-small-size-large-calculator-weight: var(--core-type-display-10-weight);
  --calculator-display-small-size-small-calculator-case: var(--core-type-heading-30-case);
  --calculator-display-small-size-small-calculator-font-family: var(--core-type-heading-30-font-family);
  --calculator-display-small-size-small-calculator-height: 48px;
  --calculator-display-small-size-small-calculator-leading: var(--core-type-heading-30-leading);
  --calculator-display-small-size-small-calculator-number-spacing: var(--core-type-heading-30-number-spacing);
  --calculator-display-small-size-small-calculator-scale: var(--core-type-heading-30-scale);
  --calculator-display-small-size-small-calculator-size: var(--core-type-heading-30-size);
  --calculator-display-small-size-small-calculator-tracking: var(--core-type-heading-30-tracking);
  --calculator-display-small-size-small-calculator-weight: var(--core-type-heading-30-weight);
  --calculator-display-small-size-vertical-padding: 0px;
  --calculator-display-text-color: var(--calculator-display-text-light-mode-color);
  --calculator-display-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --calculator-display-text-light-mode-color: var(--core-text-10-light-mode-color);
  --calculator-inter-button-horizontal-spacing: var(--core-metrics-spacing-200);
  --calculator-inter-button-vertical-spacing: var(--core-metrics-spacing-200);

  /* ========== carousel ========== */
  --carousel-content-compact-horizontal-size-class-page-spacing: var(--core-metrics-spacing-100);
  --carousel-content-regular-horizontal-size-class-page-spacing: var(--core-metrics-spacing-200);
  --carousel-content-wide-horizontal-size-class-page-spacing: var(--core-metrics-spacing-200);
  --carousel-control-bar-vertical-padding: var(--core-metrics-spacing-100);

  /* ========== checkbox ========== */
  --checkbox-border-radius: var(--core-radius-66);
  --checkbox-border-size: var(--core-border-20);
  --checkbox-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);
  --checkbox-disabled-state-invalid-validity-checked-value-background-color: var(--checkbox-disabled-state-invalid-validity-checked-value-light-mode-background-color);
  --checkbox-disabled-state-invalid-validity-checked-value-border-color: var(--checkbox-disabled-state-invalid-validity-checked-value-light-mode-border-color);
  --checkbox-disabled-state-invalid-validity-checked-value-dark-mode-background-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-background-color);
  --checkbox-disabled-state-invalid-validity-checked-value-dark-mode-border-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-border-color);
  --checkbox-disabled-state-invalid-validity-checked-value-dark-mode-icon-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-icon-color);
  --checkbox-disabled-state-invalid-validity-checked-value-icon-color: var(--checkbox-disabled-state-invalid-validity-checked-value-light-mode-icon-color);
  --checkbox-disabled-state-invalid-validity-checked-value-light-mode-background-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-background-color);
  --checkbox-disabled-state-invalid-validity-checked-value-light-mode-border-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-border-color);
  --checkbox-disabled-state-invalid-validity-checked-value-light-mode-icon-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-icon-color);
  --checkbox-disabled-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-background-color);
  --checkbox-disabled-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-border-color);
  --checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-background-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-background-color);
  --checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-border-color);
  --checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-icon-color);
  --checkbox-disabled-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-background-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-background-color);
  --checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-border-color);
  --checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-disabled-state-invalid-validity-unchecked-value-background-color: var(--checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-background-color);
  --checkbox-disabled-state-invalid-validity-unchecked-value-border-color: var(--checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-border-color);
  --checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-background-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-background-color);
  --checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-border-color);
  --checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-background-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-background-color);
  --checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-border-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-border-color);
  --checkbox-disabled-state-normal-validity-checked-value-background-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-background-color);
  --checkbox-disabled-state-normal-validity-checked-value-border-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-border-color);
  --checkbox-disabled-state-normal-validity-checked-value-dark-mode-background-color: var(--core-fill-20-dark-mode-color);
  --checkbox-disabled-state-normal-validity-checked-value-dark-mode-border-color: transparent;
  --checkbox-disabled-state-normal-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --checkbox-disabled-state-normal-validity-checked-value-icon-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-icon-color);
  --checkbox-disabled-state-normal-validity-checked-value-light-mode-background-color: var(--core-fill-20-light-mode-color);
  --checkbox-disabled-state-normal-validity-checked-value-light-mode-border-color: transparent;
  --checkbox-disabled-state-normal-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --checkbox-disabled-state-normal-validity-indeterminate-value-background-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-background-color);
  --checkbox-disabled-state-normal-validity-indeterminate-value-border-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-border-color);
  --checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-background-color: transparent;
  --checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--core-fill-50-dark-mode-color);
  --checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--core-fill-20-dark-mode-color);
  --checkbox-disabled-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-background-color: transparent;
  --checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-border-color: var(--core-fill-50-light-mode-color);
  --checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--core-fill-20-light-mode-color);
  --checkbox-disabled-state-normal-validity-unchecked-value-background-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-background-color);
  --checkbox-disabled-state-normal-validity-unchecked-value-border-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-border-color);
  --checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-background-color: var(--core-fill-50-dark-mode-color);
  --checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-border-color: var(--core-fill-30-dark-mode-color);
  --checkbox-disabled-state-normal-validity-unchecked-value-light-mode-background-color: var(--core-fill-50-light-mode-color);
  --checkbox-disabled-state-normal-validity-unchecked-value-light-mode-border-color: var(--core-fill-30-light-mode-color);
  --checkbox-focus-ring-border-size: var(--core-focus-ring-border-size);
  --checkbox-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);
  --checkbox-focus-ring-color: var(--checkbox-light-mode-focus-ring-color);
  --checkbox-focus-state-invalid-validity-checked-value-background-color: var(--checkbox-focus-state-invalid-validity-checked-value-light-mode-background-color);
  --checkbox-focus-state-invalid-validity-checked-value-border-color: var(--checkbox-focus-state-invalid-validity-checked-value-light-mode-border-color);
  --checkbox-focus-state-invalid-validity-checked-value-dark-mode-background-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-background-color);
  --checkbox-focus-state-invalid-validity-checked-value-dark-mode-border-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-border-color);
  --checkbox-focus-state-invalid-validity-checked-value-dark-mode-icon-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-icon-color);
  --checkbox-focus-state-invalid-validity-checked-value-icon-color: var(--checkbox-focus-state-invalid-validity-checked-value-light-mode-icon-color);
  --checkbox-focus-state-invalid-validity-checked-value-light-mode-background-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-background-color);
  --checkbox-focus-state-invalid-validity-checked-value-light-mode-border-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-border-color);
  --checkbox-focus-state-invalid-validity-checked-value-light-mode-icon-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-icon-color);
  --checkbox-focus-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-background-color);
  --checkbox-focus-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-border-color);
  --checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-background-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-background-color);
  --checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-border-color);
  --checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-icon-color);
  --checkbox-focus-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-background-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-background-color);
  --checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-border-color);
  --checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-focus-state-invalid-validity-unchecked-value-background-color: var(--checkbox-focus-state-invalid-validity-unchecked-value-light-mode-background-color);
  --checkbox-focus-state-invalid-validity-unchecked-value-border-color: var(--checkbox-focus-state-invalid-validity-unchecked-value-light-mode-border-color);
  --checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-background-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-background-color);
  --checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-border-color);
  --checkbox-focus-state-invalid-validity-unchecked-value-light-mode-background-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-background-color);
  --checkbox-focus-state-invalid-validity-unchecked-value-light-mode-border-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-border-color);
  --checkbox-focus-state-normal-validity-checked-value-background-color: var(--checkbox-focus-state-normal-validity-checked-value-light-mode-background-color);
  --checkbox-focus-state-normal-validity-checked-value-border-color: var(--checkbox-focus-state-normal-validity-checked-value-light-mode-border-color);
  --checkbox-focus-state-normal-validity-checked-value-dark-mode-background-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-background-color);
  --checkbox-focus-state-normal-validity-checked-value-dark-mode-border-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-border-color);
  --checkbox-focus-state-normal-validity-checked-value-dark-mode-icon-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-icon-color);
  --checkbox-focus-state-normal-validity-checked-value-icon-color: var(--checkbox-focus-state-normal-validity-checked-value-light-mode-icon-color);
  --checkbox-focus-state-normal-validity-checked-value-light-mode-background-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-background-color);
  --checkbox-focus-state-normal-validity-checked-value-light-mode-border-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-border-color);
  --checkbox-focus-state-normal-validity-checked-value-light-mode-icon-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-icon-color);
  --checkbox-focus-state-normal-validity-indeterminate-value-background-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-background-color);
  --checkbox-focus-state-normal-validity-indeterminate-value-border-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-border-color);
  --checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-background-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-background-color);
  --checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-border-color);
  --checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-icon-color);
  --checkbox-focus-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-focus-state-normal-validity-indeterminate-value-light-mode-background-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-background-color);
  --checkbox-focus-state-normal-validity-indeterminate-value-light-mode-border-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-border-color);
  --checkbox-focus-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-focus-state-normal-validity-unchecked-value-background-color: var(--checkbox-focus-state-normal-validity-unchecked-value-light-mode-background-color);
  --checkbox-focus-state-normal-validity-unchecked-value-border-color: var(--checkbox-focus-state-normal-validity-unchecked-value-light-mode-border-color);
  --checkbox-focus-state-normal-validity-unchecked-value-dark-mode-background-color: var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-background-color);
  --checkbox-focus-state-normal-validity-unchecked-value-dark-mode-border-color: var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-border-color);
  --checkbox-focus-state-normal-validity-unchecked-value-light-mode-background-color: var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-background-color);
  --checkbox-focus-state-normal-validity-unchecked-value-light-mode-border-color: var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-border-color);
  --checkbox-height: var(--checkbox-width);
  --checkbox-hover-state-invalid-validity-checked-value-background-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-background-color);
  --checkbox-hover-state-invalid-validity-checked-value-border-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-border-color);
  --checkbox-hover-state-invalid-validity-checked-value-dark-mode-background-color: var(--core-critical-20-dark-mode-color);
  --checkbox-hover-state-invalid-validity-checked-value-dark-mode-border-color: transparent;
  --checkbox-hover-state-invalid-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --checkbox-hover-state-invalid-validity-checked-value-icon-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-icon-color);
  --checkbox-hover-state-invalid-validity-checked-value-light-mode-background-color: var(--core-critical-20-light-mode-color);
  --checkbox-hover-state-invalid-validity-checked-value-light-mode-border-color: transparent;
  --checkbox-hover-state-invalid-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --checkbox-hover-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-background-color);
  --checkbox-hover-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-border-color);
  --checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-background-color: transparent;
  --checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--core-critical-20-dark-mode-color);
  --checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--core-critical-20-dark-mode-color);
  --checkbox-hover-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-background-color: transparent;
  --checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--core-critical-20-light-mode-color);
  --checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--core-critical-20-light-mode-color);
  --checkbox-hover-state-invalid-validity-unchecked-value-background-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-background-color);
  --checkbox-hover-state-invalid-validity-unchecked-value-border-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-border-color);
  --checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-background-color: transparent;
  --checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--core-critical-20-dark-mode-color);
  --checkbox-hover-state-invalid-validity-unchecked-value-light-mode-background-color: transparent;
  --checkbox-hover-state-invalid-validity-unchecked-value-light-mode-border-color: var(--core-critical-20-light-mode-color);
  --checkbox-hover-state-normal-validity-checked-value-background-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-background-color);
  --checkbox-hover-state-normal-validity-checked-value-border-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-border-color);
  --checkbox-hover-state-normal-validity-checked-value-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color);
  --checkbox-hover-state-normal-validity-checked-value-dark-mode-border-color: transparent;
  --checkbox-hover-state-normal-validity-checked-value-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);
  --checkbox-hover-state-normal-validity-checked-value-icon-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-icon-color);
  --checkbox-hover-state-normal-validity-checked-value-light-mode-background-color: var(--core-emphasis-20-light-mode-color);
  --checkbox-hover-state-normal-validity-checked-value-light-mode-border-color: transparent;
  --checkbox-hover-state-normal-validity-checked-value-light-mode-icon-color: var(--core-text-inverse-light-mode-color);
  --checkbox-hover-state-normal-validity-indeterminate-value-background-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-background-color);
  --checkbox-hover-state-normal-validity-indeterminate-value-border-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-border-color);
  --checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-background-color: var(--core-fill-50-dark-mode-color);
  --checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color);
  --checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--core-emphasis-10-dark-mode-color);
  --checkbox-hover-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-hover-state-normal-validity-indeterminate-value-light-mode-background-color: var(--core-fill-50-light-mode-color);
  --checkbox-hover-state-normal-validity-indeterminate-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color);
  --checkbox-hover-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--core-emphasis-10-light-mode-color);
  --checkbox-hover-state-normal-validity-unchecked-value-background-color: var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-background-color);
  --checkbox-hover-state-normal-validity-unchecked-value-border-color: var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-border-color);
  --checkbox-hover-state-normal-validity-unchecked-value-dark-mode-background-color: var(--core-fill-50-dark-mode-color);
  --checkbox-hover-state-normal-validity-unchecked-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color);
  --checkbox-hover-state-normal-validity-unchecked-value-light-mode-background-color: var(--core-fill-50-light-mode-color);
  --checkbox-hover-state-normal-validity-unchecked-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color);
  --checkbox-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);
  --checkbox-normal-state-invalid-validity-checked-value-background-color: var(--checkbox-normal-state-invalid-validity-checked-value-light-mode-background-color);
  --checkbox-normal-state-invalid-validity-checked-value-border-color: var(--checkbox-normal-state-invalid-validity-checked-value-light-mode-border-color);
  --checkbox-normal-state-invalid-validity-checked-value-dark-mode-background-color: var(--core-critical-fill-dark-mode-color);
  --checkbox-normal-state-invalid-validity-checked-value-dark-mode-border-color: transparent;
  --checkbox-normal-state-invalid-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --checkbox-normal-state-invalid-validity-checked-value-icon-color: var(--checkbox-normal-state-invalid-validity-checked-value-light-mode-icon-color);
  --checkbox-normal-state-invalid-validity-checked-value-light-mode-background-color: var(--core-critical-fill-light-mode-color);
  --checkbox-normal-state-invalid-validity-checked-value-light-mode-border-color: transparent;
  --checkbox-normal-state-invalid-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --checkbox-normal-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-background-color);
  --checkbox-normal-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-border-color);
  --checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-background-color: transparent;
  --checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--core-critical-fill-dark-mode-color);
  --checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--core-critical-fill-dark-mode-color);
  --checkbox-normal-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-background-color: transparent;
  --checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--core-critical-fill-light-mode-color);
  --checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--core-critical-fill-light-mode-color);
  --checkbox-normal-state-invalid-validity-unchecked-value-background-color: var(--checkbox-normal-state-invalid-validity-unchecked-value-light-mode-background-color);
  --checkbox-normal-state-invalid-validity-unchecked-value-border-color: var(--checkbox-normal-state-invalid-validity-unchecked-value-light-mode-border-color);
  --checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-background-color: transparent;
  --checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--core-critical-fill-dark-mode-color);
  --checkbox-normal-state-invalid-validity-unchecked-value-light-mode-background-color: transparent;
  --checkbox-normal-state-invalid-validity-unchecked-value-light-mode-border-color: var(--core-critical-fill-light-mode-color);
  --checkbox-normal-state-normal-validity-checked-value-background-color: var(--checkbox-normal-state-normal-validity-checked-value-light-mode-background-color);
  --checkbox-normal-state-normal-validity-checked-value-border-color: var(--checkbox-normal-state-normal-validity-checked-value-light-mode-border-color);
  --checkbox-normal-state-normal-validity-checked-value-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);
  --checkbox-normal-state-normal-validity-checked-value-dark-mode-border-color: transparent;
  --checkbox-normal-state-normal-validity-checked-value-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);
  --checkbox-normal-state-normal-validity-checked-value-icon-color: var(--checkbox-normal-state-normal-validity-checked-value-light-mode-icon-color);
  --checkbox-normal-state-normal-validity-checked-value-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);
  --checkbox-normal-state-normal-validity-checked-value-light-mode-border-color: transparent;
  --checkbox-normal-state-normal-validity-checked-value-light-mode-icon-color: var(--core-text-inverse-light-mode-color);
  --checkbox-normal-state-normal-validity-indeterminate-value-background-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-background-color);
  --checkbox-normal-state-normal-validity-indeterminate-value-border-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-border-color);
  --checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-background-color: transparent;
  --checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--core-fill-20-dark-mode-color);
  --checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--core-emphasis-fill-dark-mode-color);
  --checkbox-normal-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-normal-state-normal-validity-indeterminate-value-light-mode-background-color: transparent;
  --checkbox-normal-state-normal-validity-indeterminate-value-light-mode-border-color: var(--core-fill-20-light-mode-color);
  --checkbox-normal-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--core-emphasis-fill-light-mode-color);
  --checkbox-normal-state-normal-validity-unchecked-value-background-color: var(--checkbox-normal-state-normal-validity-unchecked-value-light-mode-background-color);
  --checkbox-normal-state-normal-validity-unchecked-value-border-color: var(--checkbox-normal-state-normal-validity-unchecked-value-light-mode-border-color);
  --checkbox-normal-state-normal-validity-unchecked-value-dark-mode-background-color: transparent;
  --checkbox-normal-state-normal-validity-unchecked-value-dark-mode-border-color: var(--core-fill-20-dark-mode-color);
  --checkbox-normal-state-normal-validity-unchecked-value-light-mode-background-color: transparent;
  --checkbox-normal-state-normal-validity-unchecked-value-light-mode-border-color: var(--core-fill-20-light-mode-color);
  --checkbox-pressed-state-invalid-validity-checked-value-background-color: var(--checkbox-pressed-state-invalid-validity-checked-value-light-mode-background-color);
  --checkbox-pressed-state-invalid-validity-checked-value-border-color: var(--checkbox-pressed-state-invalid-validity-checked-value-light-mode-border-color);
  --checkbox-pressed-state-invalid-validity-checked-value-dark-mode-background-color: var(--core-critical-10-dark-mode-color);
  --checkbox-pressed-state-invalid-validity-checked-value-dark-mode-border-color: transparent;
  --checkbox-pressed-state-invalid-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --checkbox-pressed-state-invalid-validity-checked-value-icon-color: var(--checkbox-pressed-state-invalid-validity-checked-value-light-mode-icon-color);
  --checkbox-pressed-state-invalid-validity-checked-value-light-mode-background-color: var(--core-critical-10-light-mode-color);
  --checkbox-pressed-state-invalid-validity-checked-value-light-mode-border-color: transparent;
  --checkbox-pressed-state-invalid-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --checkbox-pressed-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-background-color);
  --checkbox-pressed-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-border-color);
  --checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-background-color: transparent;
  --checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--core-critical-10-dark-mode-color);
  --checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--core-critical-10-dark-mode-color);
  --checkbox-pressed-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-background-color: transparent;
  --checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--core-critical-10-light-mode-color);
  --checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--core-critical-10-light-mode-color);
  --checkbox-pressed-state-invalid-validity-unchecked-value-background-color: var(--checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-background-color);
  --checkbox-pressed-state-invalid-validity-unchecked-value-border-color: var(--checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-border-color);
  --checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-background-color: transparent;
  --checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--core-critical-10-dark-mode-color);
  --checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-background-color: transparent;
  --checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-border-color: var(--core-critical-10-light-mode-color);
  --checkbox-pressed-state-normal-validity-checked-value-background-color: var(--checkbox-pressed-state-normal-validity-checked-value-light-mode-background-color);
  --checkbox-pressed-state-normal-validity-checked-value-border-color: var(--checkbox-pressed-state-normal-validity-checked-value-light-mode-border-color);
  --checkbox-pressed-state-normal-validity-checked-value-dark-mode-background-color: var(--core-emphasis-10-dark-mode-color);
  --checkbox-pressed-state-normal-validity-checked-value-dark-mode-border-color: transparent;
  --checkbox-pressed-state-normal-validity-checked-value-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);
  --checkbox-pressed-state-normal-validity-checked-value-icon-color: var(--checkbox-pressed-state-normal-validity-checked-value-light-mode-icon-color);
  --checkbox-pressed-state-normal-validity-checked-value-light-mode-background-color: var(--core-emphasis-10-light-mode-color);
  --checkbox-pressed-state-normal-validity-checked-value-light-mode-border-color: transparent;
  --checkbox-pressed-state-normal-validity-checked-value-light-mode-icon-color: var(--core-text-inverse-light-mode-color);
  --checkbox-pressed-state-normal-validity-indeterminate-value-background-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-background-color);
  --checkbox-pressed-state-normal-validity-indeterminate-value-border-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-border-color);
  --checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-background-color: transparent;
  --checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);
  --checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--core-emphasis-fill-dark-mode-color);
  --checkbox-pressed-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-icon-color);
  --checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-background-color: transparent;
  --checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);
  --checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--core-emphasis-fill-light-mode-color);
  --checkbox-pressed-state-normal-validity-unchecked-value-background-color: var(--checkbox-pressed-state-normal-validity-unchecked-value-light-mode-background-color);
  --checkbox-pressed-state-normal-validity-unchecked-value-border-color: var(--checkbox-pressed-state-normal-validity-unchecked-value-light-mode-border-color);
  --checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-background-color: transparent;
  --checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);
  --checkbox-pressed-state-normal-validity-unchecked-value-light-mode-background-color: transparent;
  --checkbox-pressed-state-normal-validity-unchecked-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);
  --checkbox-width: var(--core-control-size-width);

  /* ========== choice-button ========== */
  --choice-button-border-radius: var(--core-radius-200);
  --choice-button-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);
  --choice-button-focus-ring-border-size: var(--core-focus-ring-border-size);
  --choice-button-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);
  --choice-button-focus-ring-color: var(--choice-button-light-mode-focus-ring-color);
  --choice-button-large-size-content-spacing: var(--core-metrics-spacing-100);
  --choice-button-large-size-horizontal-padding: var(--core-metrics-spacing-250);
  --choice-button-large-size-minimum-height: var(--core-large-size-minimum-height);
  --choice-button-large-size-text-primary-case: var(--core-type-semibold-30-case);
  --choice-button-large-size-text-primary-font-family: var(--core-type-semibold-30-font-family);
  --choice-button-large-size-text-primary-leading: var(--core-type-semibold-30-leading);
  --choice-button-large-size-text-primary-number-spacing: var(--core-type-semibold-30-number-spacing);
  --choice-button-large-size-text-primary-scale: var(--core-type-semibold-30-scale);
  --choice-button-large-size-text-primary-size: var(--core-type-semibold-30-size);
  --choice-button-large-size-text-primary-tracking: var(--core-type-semibold-30-tracking);
  --choice-button-large-size-text-primary-weight: var(--core-type-semibold-30-weight);
  --choice-button-large-size-text-secondary-case: var(--core-type-paragraph-30-case);
  --choice-button-large-size-text-secondary-font-family: var(--core-type-paragraph-30-font-family);
  --choice-button-large-size-text-secondary-leading: var(--core-type-paragraph-30-leading);
  --choice-button-large-size-text-secondary-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --choice-button-large-size-text-secondary-scale: var(--core-type-paragraph-30-scale);
  --choice-button-large-size-text-secondary-size: var(--core-type-paragraph-30-size);
  --choice-button-large-size-text-secondary-tracking: var(--core-type-paragraph-30-tracking);
  --choice-button-large-size-text-secondary-weight: var(--core-type-paragraph-30-weight);
  --choice-button-large-size-vertical-padding: var(--core-metrics-spacing-250);
  --choice-button-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);
  --choice-button-medium-size-content-spacing: var(--core-metrics-spacing-100);
  --choice-button-medium-size-horizontal-padding: var(--core-metrics-spacing-200);
  --choice-button-medium-size-minimum-height: var(--core-medium-size-minimum-height);
  --choice-button-medium-size-text-primary-case: var(--core-type-semibold-30-case);
  --choice-button-medium-size-text-primary-font-family: var(--core-type-semibold-30-font-family);
  --choice-button-medium-size-text-primary-leading: var(--core-type-semibold-30-leading);
  --choice-button-medium-size-text-primary-number-spacing: var(--core-type-semibold-30-number-spacing);
  --choice-button-medium-size-text-primary-scale: var(--core-type-semibold-30-scale);
  --choice-button-medium-size-text-primary-size: var(--core-type-semibold-30-size);
  --choice-button-medium-size-text-primary-tracking: var(--core-type-semibold-30-tracking);
  --choice-button-medium-size-text-primary-weight: var(--core-type-semibold-30-weight);
  --choice-button-medium-size-text-secondary-case: var(--core-type-paragraph-30-case);
  --choice-button-medium-size-text-secondary-font-family: var(--core-type-paragraph-30-font-family);
  --choice-button-medium-size-text-secondary-leading: var(--core-type-paragraph-30-leading);
  --choice-button-medium-size-text-secondary-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --choice-button-medium-size-text-secondary-scale: var(--core-type-paragraph-30-scale);
  --choice-button-medium-size-text-secondary-size: var(--core-type-paragraph-30-size);
  --choice-button-medium-size-text-secondary-tracking: var(--core-type-paragraph-30-tracking);
  --choice-button-medium-size-text-secondary-weight: var(--core-type-paragraph-30-weight);
  --choice-button-medium-size-vertical-padding: var(--core-metrics-spacing-150);
  --choice-button-minimum-width-multipler: var(--choice-button-minimum-width-multiplier);
  --choice-button-minimum-width-multiplier: 1.5;
  --choice-button-selected-value-disabled-state-background-color: var(--choice-button-selected-value-disabled-state-light-mode-background-color);
  --choice-button-selected-value-disabled-state-dark-mode-background-color: var(--core-fill-30-dark-mode-color);
  --choice-button-selected-value-disabled-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color);
  --choice-button-selected-value-disabled-state-label-color: var(--choice-button-selected-value-disabled-state-light-mode-label-color);
  --choice-button-selected-value-disabled-state-light-mode-background-color: var(--core-fill-30-light-mode-color);
  --choice-button-selected-value-disabled-state-light-mode-label-color: var(--core-text-inverse-light-mode-color);
  --choice-button-selected-value-hover-state-background-color: var(--choice-button-selected-value-hover-state-light-mode-background-color);
  --choice-button-selected-value-hover-state-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color);
  --choice-button-selected-value-hover-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color);
  --choice-button-selected-value-hover-state-label-color: var(--choice-button-selected-value-hover-state-light-mode-label-color);
  --choice-button-selected-value-hover-state-light-mode-background-color: var(--core-emphasis-20-light-mode-color);
  --choice-button-selected-value-hover-state-light-mode-label-color: var(--core-text-inverse-light-mode-color);
  --choice-button-selected-value-normal-state-background-color: var(--choice-button-selected-value-normal-state-light-mode-background-color);
  --choice-button-selected-value-normal-state-dark-mode-background-color: var(--core-fill-10-dark-mode-color);
  --choice-button-selected-value-normal-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color);
  --choice-button-selected-value-normal-state-label-color: var(--choice-button-selected-value-normal-state-light-mode-label-color);
  --choice-button-selected-value-normal-state-light-mode-background-color: var(--core-fill-10-light-mode-color);
  --choice-button-selected-value-normal-state-light-mode-label-color: var(--core-text-inverse-light-mode-color);
  --choice-button-selected-value-pressed-state-background-color: var(--choice-button-selected-value-pressed-state-light-mode-background-color);
  --choice-button-selected-value-pressed-state-dark-mode-background-color: #CCCCCC;
  --choice-button-selected-value-pressed-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color);
  --choice-button-selected-value-pressed-state-label-color: var(--choice-button-selected-value-pressed-state-light-mode-label-color);
  --choice-button-selected-value-pressed-state-light-mode-background-color: var(--core-emphasis-10-light-mode-color);
  --choice-button-selected-value-pressed-state-light-mode-label-color: var(--core-text-inverse-light-mode-color);
  --choice-button-small-size-content-spacing: var(--core-metrics-spacing-100);
  --choice-button-small-size-horizontal-padding: var(--core-metrics-spacing-150);
  --choice-button-small-size-minimum-height: var(--core-small-size-minimum-height);
  --choice-button-small-size-text-primary-case: var(--core-type-semibold-20-case);
  --choice-button-small-size-text-primary-font-family: var(--core-type-semibold-20-font-family);
  --choice-button-small-size-text-primary-leading: var(--core-type-semibold-20-leading);
  --choice-button-small-size-text-primary-number-spacing: var(--core-type-semibold-20-number-spacing);
  --choice-button-small-size-text-primary-scale: var(--core-type-semibold-20-scale);
  --choice-button-small-size-text-primary-size: var(--core-type-semibold-20-size);
  --choice-button-small-size-text-primary-tracking: var(--core-type-semibold-20-tracking);
  --choice-button-small-size-text-primary-weight: var(--core-type-semibold-20-weight);
  --choice-button-small-size-text-secondary-case: var(--core-type-paragraph-20-case);
  --choice-button-small-size-text-secondary-font-family: var(--core-type-paragraph-20-font-family);
  --choice-button-small-size-text-secondary-leading: var(--core-type-paragraph-20-leading);
  --choice-button-small-size-text-secondary-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --choice-button-small-size-text-secondary-scale: var(--core-type-paragraph-20-scale);
  --choice-button-small-size-text-secondary-size: var(--core-type-paragraph-20-size);
  --choice-button-small-size-text-secondary-tracking: var(--core-type-paragraph-20-tracking);
  --choice-button-small-size-text-secondary-weight: var(--core-type-paragraph-20-weight);
  --choice-button-small-size-vertical-padding: var(--core-metrics-spacing-100);
  --choice-button-unselected-value-disabled-state-background-color: var(--choice-button-unselected-value-disabled-state-light-mode-background-color);
  --choice-button-unselected-value-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --choice-button-unselected-value-disabled-state-dark-mode-label-color: var(--core-text-30-dark-mode-color);
  --choice-button-unselected-value-disabled-state-label-color: var(--choice-button-unselected-value-disabled-state-light-mode-label-color);
  --choice-button-unselected-value-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --choice-button-unselected-value-disabled-state-light-mode-label-color: var(--core-text-30-light-mode-color);
  --choice-button-unselected-value-hover-state-background-color: var(--choice-button-unselected-value-hover-state-light-mode-background-color);
  --choice-button-unselected-value-hover-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);
  --choice-button-unselected-value-hover-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);
  --choice-button-unselected-value-hover-state-label-color: var(--choice-button-unselected-value-hover-state-light-mode-label-color);
  --choice-button-unselected-value-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);
  --choice-button-unselected-value-hover-state-light-mode-label-color: var(--core-text-10-light-mode-color);
  --choice-button-unselected-value-normal-state-background-color: var(--choice-button-unselected-value-normal-state-light-mode-background-color);
  --choice-button-unselected-value-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --choice-button-unselected-value-normal-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);
  --choice-button-unselected-value-normal-state-label-color: var(--choice-button-unselected-value-normal-state-light-mode-label-color);
  --choice-button-unselected-value-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --choice-button-unselected-value-normal-state-light-mode-label-color: var(--core-text-10-light-mode-color);
  --choice-button-unselected-value-pressed-state-background-color: var(--choice-button-unselected-value-pressed-state-light-mode-background-color);
  --choice-button-unselected-value-pressed-state-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color);
  --choice-button-unselected-value-pressed-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);
  --choice-button-unselected-value-pressed-state-label-color: var(--choice-button-unselected-value-pressed-state-light-mode-label-color);
  --choice-button-unselected-value-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);
  --choice-button-unselected-value-pressed-state-light-mode-label-color: var(--core-text-10-light-mode-color);

  /* ========== choice-icon-button ========== */
  --choice-icon-button-border-radius: var(--core-radius-200);
  --choice-icon-button-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);
  --choice-icon-button-focus-ring-border-size: var(--core-focus-ring-border-size);
  --choice-icon-button-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);
  --choice-icon-button-focus-ring-color: var(--choice-icon-button-light-mode-focus-ring-color);
  --choice-icon-button-large-size-horizontal-padding: var(--core-metrics-spacing-200);
  --choice-icon-button-large-size-minimum-height: var(--core-large-size-minimum-height);
  --choice-icon-button-large-size-vertical-padding: var(--core-metrics-spacing-200);
  --choice-icon-button-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);
  --choice-icon-button-medium-size-horizontal-padding: var(--core-metrics-spacing-150);
  --choice-icon-button-medium-size-minimum-height: var(--core-medium-size-minimum-height);
  --choice-icon-button-medium-size-vertical-padding: var(--core-metrics-spacing-150);
  --choice-icon-button-minimum-width-multipler: var(--choice-icon-button-minimum-width-multiplier);
  --choice-icon-button-minimum-width-multiplier: 1;
  --choice-icon-button-selected-value-disabled-state-background-color: var(--choice-icon-button-selected-value-disabled-state-light-mode-background-color);
  --choice-icon-button-selected-value-disabled-state-dark-mode-background-color: var(--core-fill-30-dark-mode-color);
  --choice-icon-button-selected-value-disabled-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);
  --choice-icon-button-selected-value-disabled-state-icon-color: var(--choice-icon-button-selected-value-disabled-state-light-mode-icon-color);
  --choice-icon-button-selected-value-disabled-state-light-mode-background-color: var(--core-fill-30-light-mode-color);
  --choice-icon-button-selected-value-disabled-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);
  --choice-icon-button-selected-value-hover-state-background-color: var(--choice-icon-button-selected-value-hover-state-light-mode-background-color);
  --choice-icon-button-selected-value-hover-state-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color);
  --choice-icon-button-selected-value-hover-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);
  --choice-icon-button-selected-value-hover-state-icon-color: var(--choice-icon-button-selected-value-hover-state-light-mode-icon-color);
  --choice-icon-button-selected-value-hover-state-light-mode-background-color: var(--core-emphasis-20-light-mode-color);
  --choice-icon-button-selected-value-hover-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);
  --choice-icon-button-selected-value-normal-state-background-color: var(--choice-icon-button-selected-value-normal-state-light-mode-background-color);
  --choice-icon-button-selected-value-normal-state-dark-mode-background-color: var(--core-fill-10-dark-mode-color);
  --choice-icon-button-selected-value-normal-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);
  --choice-icon-button-selected-value-normal-state-icon-color: var(--choice-icon-button-selected-value-normal-state-light-mode-icon-color);
  --choice-icon-button-selected-value-normal-state-light-mode-background-color: var(--core-fill-10-light-mode-color);
  --choice-icon-button-selected-value-normal-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);
  --choice-icon-button-selected-value-pressed-state-background-color: var(--choice-icon-button-selected-value-pressed-state-light-mode-background-color);
  --choice-icon-button-selected-value-pressed-state-dark-mode-background-color: #CCCCCC;
  --choice-icon-button-selected-value-pressed-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);
  --choice-icon-button-selected-value-pressed-state-icon-color: var(--choice-icon-button-selected-value-pressed-state-light-mode-icon-color);
  --choice-icon-button-selected-value-pressed-state-light-mode-background-color: var(--core-emphasis-10-light-mode-color);
  --choice-icon-button-selected-value-pressed-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);
  --choice-icon-button-small-size-horizontal-padding: var(--core-metrics-spacing-100);
  --choice-icon-button-small-size-minimum-height: var(--core-small-size-minimum-height);
  --choice-icon-button-small-size-vertical-padding: var(--core-metrics-spacing-100);
  --choice-icon-button-unselected-value-disabled-state-background-color: var(--choice-icon-button-unselected-value-disabled-state-light-mode-background-color);
  --choice-icon-button-unselected-value-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --choice-icon-button-unselected-value-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);
  --choice-icon-button-unselected-value-disabled-state-icon-color: var(--choice-icon-button-unselected-value-disabled-state-light-mode-icon-color);
  --choice-icon-button-unselected-value-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --choice-icon-button-unselected-value-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);
  --choice-icon-button-unselected-value-hover-state-background-color: var(--choice-icon-button-unselected-value-hover-state-light-mode-background-color);
  --choice-icon-button-unselected-value-hover-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);
  --choice-icon-button-unselected-value-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --choice-icon-button-unselected-value-hover-state-icon-color: var(--choice-icon-button-unselected-value-hover-state-light-mode-icon-color);
  --choice-icon-button-unselected-value-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);
  --choice-icon-button-unselected-value-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --choice-icon-button-unselected-value-normal-state-background-color: var(--choice-icon-button-unselected-value-normal-state-light-mode-background-color);
  --choice-icon-button-unselected-value-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --choice-icon-button-unselected-value-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --choice-icon-button-unselected-value-normal-state-icon-color: var(--choice-icon-button-unselected-value-normal-state-light-mode-icon-color);
  --choice-icon-button-unselected-value-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --choice-icon-button-unselected-value-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --choice-icon-button-unselected-value-pressed-state-background-color: var(--choice-icon-button-unselected-value-pressed-state-light-mode-background-color);
  --choice-icon-button-unselected-value-pressed-state-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color);
  --choice-icon-button-unselected-value-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --choice-icon-button-unselected-value-pressed-state-icon-color: var(--choice-icon-button-unselected-value-pressed-state-light-mode-icon-color);
  --choice-icon-button-unselected-value-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);
  --choice-icon-button-unselected-value-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color);

  /* ========== coachmark ========== */
  --coachmark-background-color: var(--coachmark-background-light-mode-color);
  --coachmark-background-dark-mode-color: var(--core-surface-inverse-dark-mode-color);
  --coachmark-background-light-mode-color: var(--core-surface-inverse-light-mode-color);
  --coachmark-border-radius: var(--core-radius-100);
  --coachmark-heading-case: var(--core-type-semibold-20-case);
  --coachmark-heading-color: var(--coachmark-heading-light-mode-color);
  --coachmark-heading-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --coachmark-heading-font-family: var(--core-type-semibold-20-font-family);
  --coachmark-heading-leading: var(--core-type-semibold-20-leading);
  --coachmark-heading-light-mode-color: var(--core-text-inverse-light-mode-color);
  --coachmark-heading-number-spacing: var(--core-type-semibold-20-number-spacing);
  --coachmark-heading-scale: var(--core-type-semibold-20-scale);
  --coachmark-heading-size: var(--core-type-semibold-20-size);
  --coachmark-heading-tracking: var(--core-type-semibold-20-tracking);
  --coachmark-heading-weight: var(--core-type-semibold-20-weight);
  --coachmark-horizontal-padding: var(--core-metrics-spacing-200);
  --coachmark-icon-button-border-radius: var(--icon-button-border-radius);
  --coachmark-icon-button-compact-size-minimum-height: var(--icon-button-compact-size-minimum-height);
  --coachmark-icon-button-compact-size-minimum-padding-size: var(--icon-button-compact-size-minimum-padding-size);
  --coachmark-icon-button-compact-size-minimum-width: var(--icon-button-compact-size-minimum-width);
  --coachmark-icon-button-compact-size-padding-size: var(--icon-button-compact-size-padding-size);
  --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);
  --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);
  --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-primary-rank-hover-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);
  --coachmark-icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);
  --coachmark-icon-button-destructive-variant-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-primary-rank-normal-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);
  --coachmark-icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);
  --coachmark-icon-button-destructive-variant-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);
  --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);
  --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-disabled-state-background-color: var(--coachmark-icon-button-disabled-state-light-mode-background-color);
  --coachmark-icon-button-disabled-state-dark-mode-background-color: var(--icon-button-disabled-state-dark-mode-background-color);
  --coachmark-icon-button-disabled-state-dark-mode-icon-color: var(--icon-button-disabled-state-dark-mode-icon-color);
  --coachmark-icon-button-disabled-state-icon-color: var(--coachmark-icon-button-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-disabled-state-light-mode-background-color: var(--icon-button-disabled-state-light-mode-background-color);
  --coachmark-icon-button-disabled-state-light-mode-icon-color: var(--icon-button-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-focus-ring-border-size: var(--icon-button-focus-ring-border-size);
  --coachmark-icon-button-focus-ring-buffer-size: var(--icon-button-focus-ring-buffer-size);
  --coachmark-icon-button-focus-state-background-color: var(--coachmark-icon-button-focus-state-light-mode-background-color);
  --coachmark-icon-button-focus-state-dark-mode-background-color: var(--icon-button-focus-state-dark-mode-background-color);
  --coachmark-icon-button-focus-state-dark-mode-icon-color: var(--icon-button-focus-state-dark-mode-icon-color);
  --coachmark-icon-button-focus-state-icon-color: var(--coachmark-icon-button-focus-state-light-mode-icon-color);
  --coachmark-icon-button-focus-state-light-mode-background-color: var(--icon-button-focus-state-light-mode-background-color);
  --coachmark-icon-button-focus-state-light-mode-icon-color: var(--icon-button-focus-state-light-mode-icon-color);
  --coachmark-icon-button-hover-state-background-color: var(--coachmark-icon-button-hover-state-light-mode-background-color);
  --coachmark-icon-button-hover-state-dark-mode-background-color: var(--icon-button-hover-state-dark-mode-background-color);
  --coachmark-icon-button-hover-state-dark-mode-icon-color: var(--icon-button-hover-state-dark-mode-icon-color);
  --coachmark-icon-button-hover-state-icon-color: var(--coachmark-icon-button-hover-state-light-mode-icon-color);
  --coachmark-icon-button-hover-state-light-mode-background-color: var(--icon-button-hover-state-light-mode-background-color);
  --coachmark-icon-button-hover-state-light-mode-icon-color: var(--icon-button-hover-state-light-mode-icon-color);
  --coachmark-icon-button-large-size-icon-height: var(--icon-button-large-size-icon-height);
  --coachmark-icon-button-large-size-icon-width: var(--icon-button-large-size-icon-width);
  --coachmark-icon-button-large-size-minimum-height: var(--icon-button-large-size-minimum-height);
  --coachmark-icon-button-large-size-padding-size: var(--icon-button-large-size-padding-size);
  --coachmark-icon-button-large-size-width-multiplier: var(--icon-button-large-size-width-multiplier);
  --coachmark-icon-button-medium-size-horizontal-spacing-size: var(--icon-button-medium-size-horizontal-spacing-size);
  --coachmark-icon-button-medium-size-icon-height: var(--icon-button-medium-size-icon-height);
  --coachmark-icon-button-medium-size-icon-width: var(--icon-button-medium-size-icon-width);
  --coachmark-icon-button-medium-size-minimum-height: var(--icon-button-medium-size-minimum-height);
  --coachmark-icon-button-medium-size-padding-size: var(--icon-button-medium-size-padding-size);
  --coachmark-icon-button-medium-size-width-multiplier: var(--icon-button-medium-size-width-multiplier);
  --coachmark-icon-button-minimum-height: var(--icon-button-minimum-height);
  --coachmark-icon-button-minimum-width: var(--icon-button-minimum-width);
  --coachmark-icon-button-normal-size-minimum-height: var(--icon-button-normal-size-minimum-height);
  --coachmark-icon-button-normal-size-minimum-width: var(--icon-button-normal-size-minimum-width);
  --coachmark-icon-button-normal-size-padding-size: var(--icon-button-normal-size-padding-size);
  --coachmark-icon-button-normal-state-background-color: var(--coachmark-icon-button-normal-state-light-mode-background-color);
  --coachmark-icon-button-normal-state-dark-mode-background-color: var(--icon-button-normal-state-dark-mode-background-color);
  --coachmark-icon-button-normal-state-dark-mode-icon-color: var(--icon-button-normal-state-dark-mode-icon-color);
  --coachmark-icon-button-normal-state-icon-color: var(--coachmark-icon-button-normal-state-light-mode-icon-color);
  --coachmark-icon-button-normal-state-light-mode-background-color: var(--icon-button-normal-state-light-mode-background-color);
  --coachmark-icon-button-normal-state-light-mode-icon-color: var(--icon-button-normal-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-focus-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-focus-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-hover-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-normal-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
  --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);
  --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
  --coachmark-icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);
  --coachmark-icon-button-normal-variant-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
  --coachmark-icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);
  --coachmark-icon-button-normal-variant-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
  --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);
  --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-padding-size: var(--icon-button-padding-size);
  --coachmark-icon-button-pressed-state-background-color: var(--coachmark-icon-button-pressed-state-light-mode-background-color);
  --coachmark-icon-button-pressed-state-dark-mode-background-color: var(--icon-button-pressed-state-dark-mode-background-color);
  --coachmark-icon-button-pressed-state-dark-mode-icon-color: var(--icon-button-pressed-state-dark-mode-icon-color);
  --coachmark-icon-button-pressed-state-icon-color: var(--coachmark-icon-button-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-pressed-state-light-mode-background-color: var(--icon-button-pressed-state-light-mode-background-color);
  --coachmark-icon-button-pressed-state-light-mode-icon-color: var(--icon-button-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-primary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-primary-rank-disabled-state-dark-mode-background-color);
  --coachmark-icon-button-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-primary-rank-disabled-state-dark-mode-icon-color);
  --coachmark-icon-button-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-primary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-primary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-primary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-primary-rank-focus-state-background-color: var(--coachmark-icon-button-primary-rank-focus-state-light-mode-background-color);
  --coachmark-icon-button-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-primary-rank-focus-state-dark-mode-background-color);
  --coachmark-icon-button-primary-rank-focus-state-dark-mode-icon-color: var(--icon-button-primary-rank-focus-state-dark-mode-icon-color);
  --coachmark-icon-button-primary-rank-focus-state-icon-color: var(--coachmark-icon-button-primary-rank-focus-state-light-mode-icon-color);
  --coachmark-icon-button-primary-rank-focus-state-light-mode-background-color: var(--icon-button-primary-rank-focus-state-light-mode-background-color);
  --coachmark-icon-button-primary-rank-focus-state-light-mode-icon-color: var(--icon-button-primary-rank-focus-state-light-mode-icon-color);
  --coachmark-icon-button-primary-rank-hover-state-background-color: var(--coachmark-icon-button-primary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-primary-rank-hover-state-dark-mode-background-color);
  --coachmark-icon-button-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-primary-rank-hover-state-dark-mode-icon-color);
  --coachmark-icon-button-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-primary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-primary-rank-hover-state-light-mode-background-color: var(--icon-button-primary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-primary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-primary-rank-normal-state-background-color: var(--coachmark-icon-button-primary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-primary-rank-normal-state-dark-mode-background-color);
  --coachmark-icon-button-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-primary-rank-normal-state-dark-mode-icon-color);
  --coachmark-icon-button-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-primary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-primary-rank-normal-state-light-mode-background-color: var(--icon-button-primary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-primary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-primary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-primary-rank-pressed-state-dark-mode-background-color);
  --coachmark-icon-button-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-primary-rank-pressed-state-dark-mode-icon-color);
  --coachmark-icon-button-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-primary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-primary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-primary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-secondary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);
  --coachmark-icon-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);
  --coachmark-icon-button-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-secondary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-secondary-rank-focus-state-background-color: var(--coachmark-icon-button-secondary-rank-focus-state-light-mode-background-color);
  --coachmark-icon-button-secondary-rank-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);
  --coachmark-icon-button-secondary-rank-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);
  --coachmark-icon-button-secondary-rank-focus-state-icon-color: var(--coachmark-icon-button-secondary-rank-focus-state-light-mode-icon-color);
  --coachmark-icon-button-secondary-rank-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color);
  --coachmark-icon-button-secondary-rank-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);
  --coachmark-icon-button-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-secondary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);
  --coachmark-icon-button-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);
  --coachmark-icon-button-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-secondary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-secondary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);
  --coachmark-icon-button-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);
  --coachmark-icon-button-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-secondary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-secondary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);
  --coachmark-icon-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);
  --coachmark-icon-button-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-secondary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-small-size-icon-height: var(--icon-button-small-size-icon-height);
  --coachmark-icon-button-small-size-icon-width: var(--icon-button-small-size-icon-width);
  --coachmark-icon-button-small-size-minimum-height: var(--icon-button-small-size-minimum-height);
  --coachmark-icon-button-small-size-padding-size: var(--icon-button-small-size-padding-size);
  --coachmark-icon-button-small-size-width-multiplier: var(--icon-button-small-size-width-multiplier);
  --coachmark-icon-button-tertiary-rank-disabled-state-background-color: var(--coachmark-icon-button-tertiary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-background-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-background-color);
  --coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-disabled-state-icon-color: var(--coachmark-icon-button-tertiary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-disabled-state-light-mode-background-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-background-color);
  --coachmark-icon-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-focus-state-background-color: var(--coachmark-icon-button-tertiary-rank-focus-state-light-mode-background-color);
  --coachmark-icon-button-tertiary-rank-focus-state-dark-mode-background-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-background-color);
  --coachmark-icon-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-focus-state-icon-color: var(--coachmark-icon-button-tertiary-rank-focus-state-light-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-focus-state-light-mode-background-color: var(--icon-button-tertiary-rank-focus-state-light-mode-background-color);
  --coachmark-icon-button-tertiary-rank-focus-state-light-mode-icon-color: var(--icon-button-tertiary-rank-focus-state-light-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-hover-state-background-color: var(--coachmark-icon-button-tertiary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-tertiary-rank-hover-state-dark-mode-background-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color);
  --coachmark-icon-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-hover-state-icon-color: var(--coachmark-icon-button-tertiary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-hover-state-light-mode-background-color: var(--icon-button-tertiary-rank-hover-state-light-mode-background-color);
  --coachmark-icon-button-tertiary-rank-hover-state-light-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-normal-state-background-color: var(--coachmark-icon-button-tertiary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-tertiary-rank-normal-state-dark-mode-background-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-background-color);
  --coachmark-icon-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-normal-state-icon-color: var(--coachmark-icon-button-tertiary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-normal-state-light-mode-background-color: var(--icon-button-tertiary-rank-normal-state-light-mode-background-color);
  --coachmark-icon-button-tertiary-rank-normal-state-light-mode-icon-color: var(--icon-button-tertiary-rank-normal-state-light-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-pressed-state-background-color: var(--coachmark-icon-button-tertiary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-background-color);
  --coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-pressed-state-icon-color: var(--coachmark-icon-button-tertiary-rank-pressed-state-light-mode-icon-color);
  --coachmark-icon-button-tertiary-rank-pressed-state-light-mode-background-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-background-color);
  --coachmark-icon-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-icon-color);
  --coachmark-paragraph-case: var(--core-type-paragraph-20-case);
  --coachmark-paragraph-color: var(--coachmark-paragraph-light-mode-color);
  --coachmark-paragraph-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --coachmark-paragraph-font-family: var(--core-type-paragraph-20-font-family);
  --coachmark-paragraph-leading: var(--core-type-paragraph-20-leading);
  --coachmark-paragraph-light-mode-color: var(--core-text-inverse-light-mode-color);
  --coachmark-paragraph-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --coachmark-paragraph-scale: var(--core-type-paragraph-20-scale);
  --coachmark-paragraph-size: var(--core-type-paragraph-20-size);
  --coachmark-paragraph-tracking: var(--core-type-paragraph-20-tracking);
  --coachmark-paragraph-weight: var(--core-type-paragraph-20-weight);
  --coachmark-pill-alpha-variant-background-color: var(--coachmark-pill-alpha-variant-background-light-mode-color);
  --coachmark-pill-alpha-variant-background-dark-mode-color: var(--pill-alpha-variant-background-dark-mode-color);
  --coachmark-pill-alpha-variant-background-light-mode-color: var(--pill-alpha-variant-background-light-mode-color);
  --coachmark-pill-alpha-variant-icon-color: var(--coachmark-pill-alpha-variant-icon-light-mode-color);
  --coachmark-pill-alpha-variant-icon-dark-mode-color: var(--pill-alpha-variant-icon-dark-mode-color);
  --coachmark-pill-alpha-variant-icon-light-mode-color: var(--pill-alpha-variant-icon-light-mode-color);
  --coachmark-pill-alpha-variant-normal-state-background-color: var(--coachmark-pill-alpha-variant-normal-state-background-light-mode-color);
  --coachmark-pill-alpha-variant-normal-state-background-dark-mode-color: var(--pill-alpha-variant-normal-state-background-dark-mode-color);
  --coachmark-pill-alpha-variant-normal-state-background-light-mode-color: var(--pill-alpha-variant-normal-state-background-light-mode-color);
  --coachmark-pill-alpha-variant-pressed-state-background-color: var(--coachmark-pill-alpha-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-alpha-variant-pressed-state-background-dark-mode-color: var(--pill-alpha-variant-pressed-state-background-dark-mode-color);
  --coachmark-pill-alpha-variant-pressed-state-background-light-mode-color: var(--pill-alpha-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-alpha-variant-text-color: var(--coachmark-pill-alpha-variant-text-light-mode-color);
  --coachmark-pill-alpha-variant-text-dark-mode-color: var(--pill-alpha-variant-text-dark-mode-color);
  --coachmark-pill-alpha-variant-text-light-mode-color: var(--pill-alpha-variant-text-light-mode-color);
  --coachmark-pill-beta-variant-background-color: var(--coachmark-pill-beta-variant-background-light-mode-color);
  --coachmark-pill-beta-variant-background-dark-mode-color: var(--pill-beta-variant-background-dark-mode-color);
  --coachmark-pill-beta-variant-background-light-mode-color: var(--pill-beta-variant-background-light-mode-color);
  --coachmark-pill-beta-variant-icon-color: var(--coachmark-pill-beta-variant-icon-light-mode-color);
  --coachmark-pill-beta-variant-icon-dark-mode-color: var(--pill-beta-variant-icon-dark-mode-color);
  --coachmark-pill-beta-variant-icon-light-mode-color: var(--pill-beta-variant-icon-light-mode-color);
  --coachmark-pill-beta-variant-normal-state-background-color: var(--coachmark-pill-beta-variant-normal-state-background-light-mode-color);
  --coachmark-pill-beta-variant-normal-state-background-dark-mode-color: var(--pill-beta-variant-normal-state-background-dark-mode-color);
  --coachmark-pill-beta-variant-normal-state-background-light-mode-color: var(--pill-beta-variant-normal-state-background-light-mode-color);
  --coachmark-pill-beta-variant-pressed-state-background-color: var(--coachmark-pill-beta-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-beta-variant-pressed-state-background-dark-mode-color: var(--pill-beta-variant-pressed-state-background-dark-mode-color);
  --coachmark-pill-beta-variant-pressed-state-background-light-mode-color: var(--pill-beta-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-beta-variant-text-color: var(--coachmark-pill-beta-variant-text-light-mode-color);
  --coachmark-pill-beta-variant-text-dark-mode-color: var(--pill-beta-variant-text-dark-mode-color);
  --coachmark-pill-beta-variant-text-light-mode-color: var(--pill-beta-variant-text-light-mode-color);
  --coachmark-pill-border-color: var(--coachmark-pill-border-light-mode-color);
  --coachmark-pill-border-dark-mode-color: var(--pill-border-dark-mode-color);
  --coachmark-pill-border-light-mode-color: var(--pill-border-light-mode-color);
  --coachmark-pill-border-width: var(--pill-border-width);
  --coachmark-pill-compact-size-border-radius: var(--pill-compact-size-border-radius);
  --coachmark-pill-compact-size-corner-radius: var(--pill-compact-size-corner-radius);
  --coachmark-pill-compact-size-horizontal-padding: var(--pill-compact-size-horizontal-padding);
  --coachmark-pill-compact-size-icon-dot-radius: var(--pill-compact-size-icon-dot-radius);
  --coachmark-pill-compact-size-icon-left-padding: var(--pill-compact-size-icon-left-padding);
  --coachmark-pill-compact-size-icon-size: var(--pill-compact-size-icon-size);
  --coachmark-pill-compact-size-icon-to-text-spacing: var(--pill-compact-size-icon-to-text-spacing);
  --coachmark-pill-compact-size-indicator-dot-horizontal-padding-left: var(--pill-compact-size-indicator-dot-horizontal-padding-left);
  --coachmark-pill-compact-size-indicator-dot-horizontal-padding-right: var(--pill-compact-size-indicator-dot-horizontal-padding-right);
  --coachmark-pill-compact-size-indicator-dot-radius: var(--pill-compact-size-indicator-dot-radius);
  --coachmark-pill-compact-size-indicator-icon-horizontal-padding-left: var(--pill-compact-size-indicator-icon-horizontal-padding-left);
  --coachmark-pill-compact-size-indicator-icon-horizontal-padding-right: var(--pill-compact-size-indicator-icon-horizontal-padding-right);
  --coachmark-pill-compact-size-indicator-icon-size: var(--pill-compact-size-indicator-icon-size);
  --coachmark-pill-compact-size-padding-horizontal-size: var(--pill-compact-size-padding-horizontal-size);
  --coachmark-pill-compact-size-padding-vertical-size: var(--pill-compact-size-padding-vertical-size);
  --coachmark-pill-compact-size-spacing-horizontal: var(--pill-compact-size-spacing-horizontal);
  --coachmark-pill-compact-size-text-case: var(--pill-compact-size-text-case);
  --coachmark-pill-compact-size-text-edge-padding: var(--pill-compact-size-text-edge-padding);
  --coachmark-pill-compact-size-text-font-family: var(--pill-compact-size-text-font-family);
  --coachmark-pill-compact-size-text-horizontal-padding-left: var(--pill-compact-size-text-horizontal-padding-left);
  --coachmark-pill-compact-size-text-leading: var(--pill-compact-size-text-leading);
  --coachmark-pill-compact-size-text-number-spacing: var(--pill-compact-size-text-number-spacing);
  --coachmark-pill-compact-size-text-scale: var(--pill-compact-size-text-scale);
  --coachmark-pill-compact-size-text-size: var(--pill-compact-size-text-size);
  --coachmark-pill-compact-size-text-tracking: var(--pill-compact-size-text-tracking);
  --coachmark-pill-compact-size-text-weight: var(--pill-compact-size-text-weight);
  --coachmark-pill-compact-size-vertical-padding: var(--pill-compact-size-vertical-padding);
  --coachmark-pill-critical-variant-background-color: var(--coachmark-pill-critical-variant-background-light-mode-color);
  --coachmark-pill-critical-variant-background-dark-mode-color: var(--pill-critical-variant-background-dark-mode-color);
  --coachmark-pill-critical-variant-background-light-mode-color: var(--pill-critical-variant-background-light-mode-color);
  --coachmark-pill-critical-variant-icon-color: var(--coachmark-pill-critical-variant-icon-light-mode-color);
  --coachmark-pill-critical-variant-icon-dark-mode-color: var(--pill-critical-variant-icon-dark-mode-color);
  --coachmark-pill-critical-variant-icon-light-mode-color: var(--pill-critical-variant-icon-light-mode-color);
  --coachmark-pill-critical-variant-normal-state-background-color: var(--coachmark-pill-critical-variant-normal-state-background-light-mode-color);
  --coachmark-pill-critical-variant-normal-state-background-dark-mode-color: var(--pill-critical-variant-normal-state-background-dark-mode-color);
  --coachmark-pill-critical-variant-normal-state-background-light-mode-color: var(--pill-critical-variant-normal-state-background-light-mode-color);
  --coachmark-pill-critical-variant-pressed-state-background-color: var(--coachmark-pill-critical-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-critical-variant-pressed-state-background-dark-mode-color: var(--pill-critical-variant-pressed-state-background-dark-mode-color);
  --coachmark-pill-critical-variant-pressed-state-background-light-mode-color: var(--pill-critical-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-critical-variant-text-color: var(--coachmark-pill-critical-variant-text-light-mode-color);
  --coachmark-pill-critical-variant-text-dark-mode-color: var(--pill-critical-variant-text-dark-mode-color);
  --coachmark-pill-critical-variant-text-light-mode-color: var(--pill-critical-variant-text-light-mode-color);
  --coachmark-pill-emphasis-variant-background-color: var(--coachmark-pill-emphasis-variant-background-light-mode-color);
  --coachmark-pill-emphasis-variant-background-dark-mode-color: var(--pill-emphasis-variant-background-dark-mode-color);
  --coachmark-pill-emphasis-variant-background-light-mode-color: var(--pill-emphasis-variant-background-light-mode-color);
  --coachmark-pill-emphasis-variant-icon-color: var(--coachmark-pill-emphasis-variant-icon-light-mode-color);
  --coachmark-pill-emphasis-variant-icon-dark-mode-color: var(--pill-emphasis-variant-icon-dark-mode-color);
  --coachmark-pill-emphasis-variant-icon-light-mode-color: var(--pill-emphasis-variant-icon-light-mode-color);
  --coachmark-pill-emphasis-variant-normal-state-background-color: var(--coachmark-pill-emphasis-variant-normal-state-background-light-mode-color);
  --coachmark-pill-emphasis-variant-normal-state-background-dark-mode-color: var(--pill-emphasis-variant-normal-state-background-dark-mode-color);
  --coachmark-pill-emphasis-variant-normal-state-background-light-mode-color: var(--pill-emphasis-variant-normal-state-background-light-mode-color);
  --coachmark-pill-emphasis-variant-pressed-state-background-color: var(--coachmark-pill-emphasis-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-emphasis-variant-pressed-state-background-dark-mode-color: var(--pill-emphasis-variant-pressed-state-background-dark-mode-color);
  --coachmark-pill-emphasis-variant-pressed-state-background-light-mode-color: var(--pill-emphasis-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-emphasis-variant-text-color: var(--coachmark-pill-emphasis-variant-text-light-mode-color);
  --coachmark-pill-emphasis-variant-text-dark-mode-color: var(--pill-emphasis-variant-text-dark-mode-color);
  --coachmark-pill-emphasis-variant-text-light-mode-color: var(--pill-emphasis-variant-text-light-mode-color);
  --coachmark-pill-insight-variant-background-color: var(--coachmark-pill-insight-variant-background-light-mode-color);
  --coachmark-pill-insight-variant-background-dark-mode-color: var(--pill-insight-variant-background-dark-mode-color);
  --coachmark-pill-insight-variant-background-light-mode-color: var(--pill-insight-variant-background-light-mode-color);
  --coachmark-pill-insight-variant-icon-color: var(--coachmark-pill-insight-variant-icon-light-mode-color);
  --coachmark-pill-insight-variant-icon-dark-mode-color: var(--pill-insight-variant-icon-dark-mode-color);
  --coachmark-pill-insight-variant-icon-light-mode-color: var(--pill-insight-variant-icon-light-mode-color);
  --coachmark-pill-insight-variant-normal-state-background-color: var(--coachmark-pill-insight-variant-normal-state-background-light-mode-color);
  --coachmark-pill-insight-variant-normal-state-background-dark-mode-color: var(--pill-insight-variant-normal-state-background-dark-mode-color);
  --coachmark-pill-insight-variant-normal-state-background-light-mode-color: var(--pill-insight-variant-normal-state-background-light-mode-color);
  --coachmark-pill-insight-variant-pressed-state-background-color: var(--coachmark-pill-insight-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-insight-variant-pressed-state-background-dark-mode-color: var(--pill-insight-variant-pressed-state-background-dark-mode-color);
  --coachmark-pill-insight-variant-pressed-state-background-light-mode-color: var(--pill-insight-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-insight-variant-text-color: var(--coachmark-pill-insight-variant-text-light-mode-color);
  --coachmark-pill-insight-variant-text-dark-mode-color: var(--pill-insight-variant-text-dark-mode-color);
  --coachmark-pill-insight-variant-text-light-mode-color: var(--pill-insight-variant-text-light-mode-color);
  --coachmark-pill-normal-size-border-radius: var(--pill-normal-size-border-radius);
  --coachmark-pill-normal-size-corner-radius: var(--pill-normal-size-corner-radius);
  --coachmark-pill-normal-size-horizontal-padding: var(--pill-normal-size-horizontal-padding);
  --coachmark-pill-normal-size-icon-dot-radius: var(--pill-normal-size-icon-dot-radius);
  --coachmark-pill-normal-size-icon-left-padding: var(--pill-normal-size-icon-left-padding);
  --coachmark-pill-normal-size-icon-size: var(--pill-normal-size-icon-size);
  --coachmark-pill-normal-size-icon-to-text-spacing: var(--pill-normal-size-icon-to-text-spacing);
  --coachmark-pill-normal-size-indicator-dot-horizontal-padding-left: var(--pill-normal-size-indicator-dot-horizontal-padding-left);
  --coachmark-pill-normal-size-indicator-dot-horizontal-padding-right: var(--pill-normal-size-indicator-dot-horizontal-padding-right);
  --coachmark-pill-normal-size-indicator-dot-radius: var(--pill-normal-size-indicator-dot-radius);
  --coachmark-pill-normal-size-indicator-icon-horizontal-padding-left: var(--pill-normal-size-indicator-icon-horizontal-padding-left);
  --coachmark-pill-normal-size-indicator-icon-horizontal-padding-right: var(--pill-normal-size-indicator-icon-horizontal-padding-right);
  --coachmark-pill-normal-size-indicator-icon-size: var(--pill-normal-size-indicator-icon-size);
  --coachmark-pill-normal-size-padding-horizontal-size: var(--pill-normal-size-padding-horizontal-size);
  --coachmark-pill-normal-size-padding-vertical-size: var(--pill-normal-size-padding-vertical-size);
  --coachmark-pill-normal-size-spacing-horizontal: var(--pill-normal-size-spacing-horizontal);
  --coachmark-pill-normal-size-text-case: var(--pill-normal-size-text-case);
  --coachmark-pill-normal-size-text-edge-padding: var(--pill-normal-size-text-edge-padding);
  --coachmark-pill-normal-size-text-font-family: var(--pill-normal-size-text-font-family);
  --coachmark-pill-normal-size-text-horizontal-padding-left: var(--pill-normal-size-text-horizontal-padding-left);
  --coachmark-pill-normal-size-text-leading: var(--pill-normal-size-text-leading);
  --coachmark-pill-normal-size-text-number-spacing: var(--pill-normal-size-text-number-spacing);
  --coachmark-pill-normal-size-text-scale: var(--pill-normal-size-text-scale);
  --coachmark-pill-normal-size-text-size: var(--pill-normal-size-text-size);
  --coachmark-pill-normal-size-text-tracking: var(--pill-normal-size-text-tracking);
  --coachmark-pill-normal-size-text-weight: var(--pill-normal-size-text-weight);
  --coachmark-pill-normal-size-vertical-padding: var(--pill-normal-size-vertical-padding);
  --coachmark-pill-normal-variant-background-color: var(--coachmark-pill-normal-variant-background-light-mode-color);
  --coachmark-pill-normal-variant-background-dark-mode-color: var(--pill-normal-variant-background-dark-mode-color);
  --coachmark-pill-normal-variant-background-light-mode-color: var(--pill-normal-variant-background-light-mode-color);
  --coachmark-pill-normal-variant-icon-color: var(--coachmark-pill-normal-variant-icon-light-mode-color);
  --coachmark-pill-normal-variant-icon-dark-mode-color: var(--pill-normal-variant-icon-dark-mode-color);
  --coachmark-pill-normal-variant-icon-light-mode-color: var(--pill-normal-variant-icon-light-mode-color);
  --coachmark-pill-normal-variant-normal-state-background-color: var(--coachmark-pill-normal-variant-normal-state-background-light-mode-color);
  --coachmark-pill-normal-variant-normal-state-background-dark-mode-color: var(--pill-normal-variant-normal-state-background-dark-mode-color);
  --coachmark-pill-normal-variant-normal-state-background-light-mode-color: var(--pill-normal-variant-normal-state-background-light-mode-color);
  --coachmark-pill-normal-variant-pressed-state-background-color: var(--coachmark-pill-normal-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-normal-variant-pressed-state-background-dark-mode-color: var(--pill-normal-variant-pressed-state-background-dark-mode-color);
  --coachmark-pill-normal-variant-pressed-state-background-light-mode-color: var(--pill-normal-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-normal-variant-text-color: var(--coachmark-pill-normal-variant-text-light-mode-color);
  --coachmark-pill-normal-variant-text-dark-mode-color: var(--pill-normal-variant-text-dark-mode-color);
  --coachmark-pill-normal-variant-text-light-mode-color: var(--pill-normal-variant-text-light-mode-color);
  --coachmark-pill-success-variant-background-color: var(--coachmark-pill-success-variant-background-light-mode-color);
  --coachmark-pill-success-variant-background-dark-mode-color: var(--pill-success-variant-background-dark-mode-color);
  --coachmark-pill-success-variant-background-light-mode-color: var(--pill-success-variant-background-light-mode-color);
  --coachmark-pill-success-variant-icon-color: var(--coachmark-pill-success-variant-icon-light-mode-color);
  --coachmark-pill-success-variant-icon-dark-mode-color: var(--pill-success-variant-icon-dark-mode-color);
  --coachmark-pill-success-variant-icon-light-mode-color: var(--pill-success-variant-icon-light-mode-color);
  --coachmark-pill-success-variant-normal-state-background-color: var(--coachmark-pill-success-variant-normal-state-background-light-mode-color);
  --coachmark-pill-success-variant-normal-state-background-dark-mode-color: var(--pill-success-variant-normal-state-background-dark-mode-color);
  --coachmark-pill-success-variant-normal-state-background-light-mode-color: var(--pill-success-variant-normal-state-background-light-mode-color);
  --coachmark-pill-success-variant-pressed-state-background-color: var(--coachmark-pill-success-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-success-variant-pressed-state-background-dark-mode-color: var(--pill-success-variant-pressed-state-background-dark-mode-color);
  --coachmark-pill-success-variant-pressed-state-background-light-mode-color: var(--pill-success-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-success-variant-text-color: var(--coachmark-pill-success-variant-text-light-mode-color);
  --coachmark-pill-success-variant-text-dark-mode-color: var(--pill-success-variant-text-dark-mode-color);
  --coachmark-pill-success-variant-text-light-mode-color: var(--pill-success-variant-text-light-mode-color);
  --coachmark-pill-warning-variant-background-color: var(--coachmark-pill-warning-variant-background-light-mode-color);
  --coachmark-pill-warning-variant-background-dark-mode-color: var(--pill-warning-variant-background-dark-mode-color);
  --coachmark-pill-warning-variant-background-light-mode-color: var(--pill-warning-variant-background-light-mode-color);
  --coachmark-pill-warning-variant-icon-color: var(--coachmark-pill-warning-variant-icon-light-mode-color);
  --coachmark-pill-warning-variant-icon-dark-mode-color: var(--pill-warning-variant-icon-dark-mode-color);
  --coachmark-pill-warning-variant-icon-light-mode-color: var(--pill-warning-variant-icon-light-mode-color);
  --coachmark-pill-warning-variant-normal-state-background-color: var(--coachmark-pill-warning-variant-normal-state-background-light-mode-color);
  --coachmark-pill-warning-variant-normal-state-background-dark-mode-color: var(--pill-warning-variant-normal-state-background-dark-mode-color);
  --coachmark-pill-warning-variant-normal-state-background-light-mode-color: var(--pill-warning-variant-normal-state-background-light-mode-color);
  --coachmark-pill-warning-variant-pressed-state-background-color: var(--coachmark-pill-warning-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-warning-variant-pressed-state-background-dark-mode-color: var(--pill-warning-variant-pressed-state-background-dark-mode-color);
  --coachmark-pill-warning-variant-pressed-state-background-light-mode-color: var(--pill-warning-variant-pressed-state-background-light-mode-color);
  --coachmark-pill-warning-variant-text-color: var(--coachmark-pill-warning-variant-text-light-mode-color);
  --coachmark-pill-warning-variant-text-dark-mode-color: var(--pill-warning-variant-text-dark-mode-color);
  --coachmark-pill-warning-variant-text-light-mode-color: var(--pill-warning-variant-text-light-mode-color);
  --coachmark-step-indicator-case: var(--core-type-paragraph-20-case);
  --coachmark-step-indicator-color: var(--coachmark-step-indicator-light-mode-color);
  --coachmark-step-indicator-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --coachmark-step-indicator-font-family: var(--core-type-paragraph-20-font-family);
  --coachmark-step-indicator-leading: var(--core-type-paragraph-20-leading);
  --coachmark-step-indicator-light-mode-color: var(--core-text-inverse-light-mode-color);
  --coachmark-step-indicator-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --coachmark-step-indicator-scale: var(--core-type-paragraph-20-scale);
  --coachmark-step-indicator-size: var(--core-type-paragraph-20-size);
  --coachmark-step-indicator-tracking: var(--core-type-paragraph-20-tracking);
  --coachmark-step-indicator-weight: var(--core-type-paragraph-20-weight);
  --coachmark-text-link-color: var(--coachmark-text-link-light-mode-color);
  --coachmark-text-link-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --coachmark-text-link-disabled-state-opacity: var(--text-link-disabled-state-opacity);
  --coachmark-text-link-hover-state-opacity: var(--text-link-hover-state-opacity);
  --coachmark-text-link-light-mode-color: var(--core-text-inverse-light-mode-color);
  --coachmark-text-link-normal-state-opacity: var(--text-link-normal-state-opacity);
  --coachmark-text-link-pressed-state-opacity: var(--text-link-pressed-state-opacity);
  --coachmark-text-link-text-case: var(--text-link-small-size-text-case);
  --coachmark-text-link-text-font-family: var(--text-link-small-size-text-font-family);
  --coachmark-text-link-text-leading: var(--text-link-small-size-text-leading);
  --coachmark-text-link-text-number-spacing: var(--text-link-small-size-text-number-spacing);
  --coachmark-text-link-text-scale: var(--text-link-small-size-text-scale);
  --coachmark-text-link-text-size: var(--text-link-small-size-text-size);
  --coachmark-text-link-text-tracking: var(--text-link-small-size-text-tracking);
  --coachmark-text-link-text-weight: var(--text-link-small-size-text-weight);
  --coachmark-text-link-vertical-padding: 0px;
  --coachmark-vertical-padding: var(--core-metrics-spacing-200);

  /* ========== codeDisplay ========== */
  --code-display-border-radius: var(--core-radius-200);

  /* ========== colorPicker ========== */
  --color-picker-adjustments-hue-min-height: var(--core-small-size-minimum-height);
  --color-picker-adjustments-hue-radius: var(--core-radius-100);
  --color-picker-adjustments-saturation-brightness-min-height: 200;
  --color-picker-adjustments-saturation-brightness-radius: var(--core-radius-200);
  --color-picker-adjustments-scrubber-border-inner-color: var(--color-picker-adjustments-scrubber-border-inner-light-mode-color);
  --color-picker-adjustments-scrubber-border-inner-dark-mode-color: var(--core-fill-white-dark-mode-color);
  --color-picker-adjustments-scrubber-border-inner-light-mode-color: var(--core-fill-white-light-mode-color);
  --color-picker-adjustments-scrubber-border-inner-width: 2px;
  --color-picker-adjustments-scrubber-border-outer-color: var(--color-picker-adjustments-scrubber-border-outer-light-mode-color);
  --color-picker-adjustments-scrubber-border-outer-dark-mode-color: var(--core-fill-black-dark-mode-color);
  --color-picker-adjustments-scrubber-border-outer-light-mode-color: var(--core-fill-black-light-mode-color);
  --color-picker-adjustments-scrubber-border-outer-width: 1px;
  --color-picker-adjustments-scrubber-multiplier: 1.25;
  --color-picker-adjustments-scrubber-padding: var(--core-metrics-spacing-50);
  --color-picker-adjustments-scrubber-size: 16px;
  --color-picker-adjustments-scrubber-width: 2px;
  --color-picker-dots-horizontal-spacing: 14px;
  --color-picker-dots-icon-color: var(--color-picker-dots-icon-light-mode-color);
  --color-picker-dots-icon-dark-background-color: var(--core-fill-white-light-mode-color);
  --color-picker-dots-icon-dark-mode-color: rgba(255,255,255,1);
  --color-picker-dots-icon-light-background-color: var(--core-fill-black-light-mode-color);
  --color-picker-dots-icon-light-mode-color: rgba(255,255,255,1);
  --color-picker-dots-icon-size: 24px;
  --color-picker-dots-size: var(--core-small-size-minimum-height);
  --color-picker-dots-vertical-spacing: 16px;
  --color-picker-grid-color-palette-gray-color: var(--color-picker-grid-color-palette-gray-light-mode-color);
  --color-picker-grid-color-palette-gray-dark-mode-color: #D9D9D9;
  --color-picker-grid-color-palette-gray-light-mode-color: #D9D9D9;
  --color-picker-swatch-selected-state-border-color: var(--color-picker-swatch-selected-state-light-mode-border-color);
  --color-picker-swatch-selected-state-dark-mode-border-color: var(--core-fill-white-dark-mode-color);
  --color-picker-swatch-selected-state-light-mode-border-color: var(--core-fill-black-light-mode-color);
  --color-picker-vertical-spacing: 16px;

  /* ========== combobox ========== */
  --combobox-tags-horizontal-spacing: var(--core-metrics-spacing-100);

  /* ========== content-area-width ========== */
  --content-area-width-regular-width: 600px;
  --content-area-width-wide-width: 1248px;

  /* ========== contentCard ========== */
  --content-card-background-color: var(--content-card-background-light-mode-color);
  --content-card-background-dark-mode-color: var(--content-card-default-variant-background-dark-mode-color);
  --content-card-background-light-mode-color: var(--content-card-default-variant-background-light-mode-color);
  --content-card-border-color: var(--content-card-border-light-mode-color);
  --content-card-border-dark-mode-color: var(--content-card-default-variant-border-dark-mode-color);
  --content-card-border-high-contrast-color: var(--content-card-border-high-contrast-light-mode-color);
  --content-card-border-high-contrast-dark-mode-color: var(--content-card-default-variant-border-high-contrast-dark-mode-color);
  --content-card-border-high-contrast-light-mode-color: var(--content-card-default-variant-border-high-contrast-light-mode-color);
  --content-card-border-light-mode-color: var(--content-card-default-variant-border-light-mode-color);
  --content-card-border-normal-contrast-color: var(--content-card-border-normal-contrast-light-mode-color);
  --content-card-border-normal-contrast-dark-mode-color: var(--content-card-default-variant-border-normal-contrast-dark-mode-color);
  --content-card-border-normal-contrast-light-mode-color: var(--content-card-default-variant-border-normal-contrast-light-mode-color);
  --content-card-border-radius: var(--content-card-default-variant-border-radius);
  --content-card-border-width: var(--content-card-default-variant-border-width);
  --content-card-default-variant-background-color: var(--content-card-default-variant-background-light-mode-color);
  --content-card-default-variant-background-dark-mode-color: var(--core-surface-10-dark-mode-color);
  --content-card-default-variant-background-light-mode-color: var(--core-surface-10-light-mode-color);
  --content-card-default-variant-border-color: var(--content-card-default-variant-border-light-mode-color);
  --content-card-default-variant-border-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --content-card-default-variant-border-high-contrast-color: var(--content-card-default-variant-border-high-contrast-light-mode-color);
  --content-card-default-variant-border-high-contrast-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --content-card-default-variant-border-high-contrast-light-mode-color: var(--core-fill-20-light-mode-color);
  --content-card-default-variant-border-light-mode-color: var(--core-fill-30-light-mode-color);
  --content-card-default-variant-border-normal-contrast-color: var(--content-card-default-variant-border-normal-contrast-light-mode-color);
  --content-card-default-variant-border-normal-contrast-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --content-card-default-variant-border-normal-contrast-light-mode-color: var(--core-fill-30-light-mode-color);
  --content-card-default-variant-border-radius: var(--core-radius-200);
  --content-card-default-variant-border-width: var(--core-border-10);
  --content-card-emphasis-variant-background-color: var(--content-card-emphasis-variant-background-light-mode-color);
  --content-card-emphasis-variant-background-dark-mode-color: var(--core-fill-50-dark-mode-color);
  --content-card-emphasis-variant-background-light-mode-color: var(--core-fill-50-light-mode-color);
  --content-card-emphasis-variant-border-color: var(--content-card-emphasis-variant-border-light-mode-color);
  --content-card-emphasis-variant-border-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --content-card-emphasis-variant-border-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --content-card-horizontal-padding: var(--core-metrics-spacing-200);
  --content-card-padding-horizontal-size: var(--content-card-horizontal-padding);
  --content-card-padding-vertical-size: var(--content-card-vertical-padding);
  --content-card-vertical-padding: var(--core-metrics-spacing-200);

  /* ========== content-expander ========== */
  --content-expander-animation-duration: var(--core-animation-move-transition-moderate-speed-duration);
  --content-expander-animation-easing: var(--core-animation-move-transition-easing);
  --content-expander-collapsed-display-disabled-state-color: var(--content-expander-collapsed-display-disabled-state-light-mode-color);
  --content-expander-collapsed-display-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);
  --content-expander-collapsed-display-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);
  --content-expander-collapsed-display-disabled-state-underline-size: var(--content-expander-underline-size);
  --content-expander-collapsed-display-hover-state-color: var(--content-expander-collapsed-display-hover-state-light-mode-color);
  --content-expander-collapsed-display-hover-state-dark-mode-color: var(--core-constant-gray-85-color);
  --content-expander-collapsed-display-hover-state-light-mode-color: var(--core-constant-gray-45-color);
  --content-expander-collapsed-display-hover-state-underline-size: var(--content-expander-underline-size);
  --content-expander-collapsed-display-normal-state-color: var(--content-expander-collapsed-display-normal-state-light-mode-color);
  --content-expander-collapsed-display-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --content-expander-collapsed-display-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --content-expander-collapsed-display-normal-state-underline-size: 0px;
  --content-expander-collapsed-display-pressed-state-color: var(--content-expander-collapsed-display-pressed-state-light-mode-color);
  --content-expander-collapsed-display-pressed-state-dark-mode-color: var(--core-constant-gray-60-color);
  --content-expander-collapsed-display-pressed-state-light-mode-color: #767676;
  --content-expander-collapsed-display-pressed-state-underline-size: var(--content-expander-underline-size);
  --content-expander-disabled-state-color: var(--content-expander-disabled-state-light-mode-color);
  --content-expander-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);
  --content-expander-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);
  --content-expander-expanded-display-disabled-state-color: var(--content-expander-expanded-display-disabled-state-light-mode-color);
  --content-expander-expanded-display-disabled-state-dark-mode-color: var(--content-expander-collapsed-display-disabled-state-dark-mode-color);
  --content-expander-expanded-display-disabled-state-light-mode-color: var(--content-expander-collapsed-display-disabled-state-light-mode-color);
  --content-expander-expanded-display-disabled-state-underline-size: var(--content-expander-collapsed-display-disabled-state-underline-size);
  --content-expander-expanded-display-hover-state-color: var(--content-expander-expanded-display-hover-state-light-mode-color);
  --content-expander-expanded-display-hover-state-dark-mode-color: var(--content-expander-collapsed-display-hover-state-dark-mode-color);
  --content-expander-expanded-display-hover-state-light-mode-color: var(--content-expander-collapsed-display-hover-state-light-mode-color);
  --content-expander-expanded-display-hover-state-underline-size: var(--content-expander-collapsed-display-hover-state-underline-size);
  --content-expander-expanded-display-normal-state-color: var(--content-expander-expanded-display-normal-state-light-mode-color);
  --content-expander-expanded-display-normal-state-dark-mode-color: var(--content-expander-collapsed-display-normal-state-dark-mode-color);
  --content-expander-expanded-display-normal-state-light-mode-color: var(--content-expander-collapsed-display-normal-state-light-mode-color);
  --content-expander-expanded-display-normal-state-underline-size: 1px;
  --content-expander-expanded-display-pressed-state-color: var(--content-expander-expanded-display-pressed-state-light-mode-color);
  --content-expander-expanded-display-pressed-state-dark-mode-color: var(--content-expander-collapsed-display-pressed-state-dark-mode-color);
  --content-expander-expanded-display-pressed-state-light-mode-color: var(--content-expander-collapsed-display-pressed-state-light-mode-color);
  --content-expander-expanded-display-pressed-state-underline-size: var(--content-expander-collapsed-display-pressed-state-underline-size);
  --content-expander-hover-state-color: var(--content-expander-hover-state-light-mode-color);
  --content-expander-hover-state-dark-mode-color: var(--core-emphasis-20-dark-mode-color);
  --content-expander-hover-state-light-mode-color: var(--core-emphasis-20-light-mode-color);
  --content-expander-icon-height: var(--core-icon-small-size-height);
  --content-expander-icon-width: var(--core-icon-small-size-width);
  --content-expander-normal-state-color: var(--content-expander-normal-state-light-mode-color);
  --content-expander-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --content-expander-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --content-expander-pressed-state-color: var(--content-expander-pressed-state-light-mode-color);
  --content-expander-pressed-state-dark-mode-color: var(--core-emphasis-10-dark-mode-color);
  --content-expander-pressed-state-light-mode-color: var(--core-emphasis-10-light-mode-color);
  --content-expander-spacing: var(--core-metrics-spacing-100);
  --content-expander-text-case: var(--core-type-semibold-30-case);
  --content-expander-text-font-family: var(--core-type-semibold-30-font-family);
  --content-expander-text-leading: var(--core-type-semibold-30-leading);
  --content-expander-text-number-spacing: var(--core-type-semibold-30-number-spacing);
  --content-expander-text-scale: var(--core-type-semibold-30-scale);
  --content-expander-text-size: var(--core-type-semibold-30-size);
  --content-expander-text-tracking: var(--core-type-semibold-30-tracking);
  --content-expander-text-weight: var(--core-type-semibold-30-weight);
  --content-expander-underline-size: 1px;

  /* ========== datePicker ========== */
  --date-picker-date-background-range-first-selection-disabled-state-color: var(--date-picker-date-background-range-first-selection-disabled-state-light-mode-color);
  --date-picker-date-background-range-first-selection-disabled-state-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --date-picker-date-background-range-first-selection-disabled-state-light-mode-color: var(--core-fill-30-light-mode-color);
  --date-picker-date-background-range-first-selection-hover-state-color: var(--date-picker-date-background-range-first-selection-hover-state-light-mode-color);
  --date-picker-date-background-range-first-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --date-picker-date-background-range-first-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --date-picker-date-background-range-first-selection-normal-state-color: var(--date-picker-date-background-range-first-selection-normal-state-light-mode-color);
  --date-picker-date-background-range-first-selection-normal-state-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --date-picker-date-background-range-first-selection-normal-state-light-mode-color: var(--core-fill-10-light-mode-color);
  --date-picker-date-background-range-first-selection-pressed-state-color: var(--date-picker-date-background-range-first-selection-pressed-state-light-mode-color);
  --date-picker-date-background-range-first-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --date-picker-date-background-range-first-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --date-picker-date-background-range-last-selection-disabled-state-color: var(--date-picker-date-background-range-last-selection-disabled-state-light-mode-color);
  --date-picker-date-background-range-last-selection-disabled-state-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --date-picker-date-background-range-last-selection-disabled-state-light-mode-color: var(--core-fill-30-light-mode-color);
  --date-picker-date-background-range-last-selection-hover-state-color: var(--date-picker-date-background-range-last-selection-hover-state-light-mode-color);
  --date-picker-date-background-range-last-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --date-picker-date-background-range-last-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --date-picker-date-background-range-last-selection-normal-state-color: var(--date-picker-date-background-range-last-selection-normal-state-light-mode-color);
  --date-picker-date-background-range-last-selection-normal-state-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --date-picker-date-background-range-last-selection-normal-state-light-mode-color: var(--core-fill-10-light-mode-color);
  --date-picker-date-background-range-last-selection-pressed-state-color: var(--date-picker-date-background-range-last-selection-pressed-state-light-mode-color);
  --date-picker-date-background-range-last-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --date-picker-date-background-range-last-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --date-picker-date-background-range-middle-selection-disabled-state-color: var(--date-picker-date-background-range-middle-selection-disabled-state-light-mode-color);
  --date-picker-date-background-range-middle-selection-disabled-state-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --date-picker-date-background-range-middle-selection-disabled-state-light-mode-color: var(--core-fill-40-light-mode-color);
  --date-picker-date-background-range-middle-selection-hover-state-color: var(--date-picker-date-background-range-middle-selection-hover-state-light-mode-color);
  --date-picker-date-background-range-middle-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --date-picker-date-background-range-middle-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --date-picker-date-background-range-middle-selection-normal-state-color: var(--date-picker-date-background-range-middle-selection-normal-state-light-mode-color);
  --date-picker-date-background-range-middle-selection-normal-state-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --date-picker-date-background-range-middle-selection-normal-state-light-mode-color: var(--core-fill-40-light-mode-color);
  --date-picker-date-background-range-middle-selection-pressed-state-color: var(--date-picker-date-background-range-middle-selection-pressed-state-light-mode-color);
  --date-picker-date-background-range-middle-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --date-picker-date-background-range-middle-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --date-picker-date-background-single-selection-disabled-state-color: var(--date-picker-date-background-single-selection-disabled-state-light-mode-color);
  --date-picker-date-background-single-selection-disabled-state-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --date-picker-date-background-single-selection-disabled-state-light-mode-color: var(--core-fill-30-light-mode-color);
  --date-picker-date-background-single-selection-hover-state-color: var(--date-picker-date-background-single-selection-hover-state-light-mode-color);
  --date-picker-date-background-single-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --date-picker-date-background-single-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --date-picker-date-background-single-selection-normal-state-color: var(--date-picker-date-background-single-selection-normal-state-light-mode-color);
  --date-picker-date-background-single-selection-normal-state-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --date-picker-date-background-single-selection-normal-state-light-mode-color: var(--core-fill-10-light-mode-color);
  --date-picker-date-background-single-selection-pressed-state-color: var(--date-picker-date-background-single-selection-pressed-state-light-mode-color);
  --date-picker-date-background-single-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --date-picker-date-background-single-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --date-picker-date-background-unselected-selection-disabled-state-color: var(--date-picker-date-background-unselected-selection-disabled-state-light-mode-color);
  --date-picker-date-background-unselected-selection-disabled-state-dark-mode-color: var(--core-surface-5-dark-mode-color);
  --date-picker-date-background-unselected-selection-disabled-state-light-mode-color: var(--core-surface-5-light-mode-color);
  --date-picker-date-background-unselected-selection-hover-state-color: var(--date-picker-date-background-unselected-selection-hover-state-light-mode-color);
  --date-picker-date-background-unselected-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --date-picker-date-background-unselected-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --date-picker-date-background-unselected-selection-normal-state-color: var(--date-picker-date-background-unselected-selection-normal-state-light-mode-color);
  --date-picker-date-background-unselected-selection-normal-state-dark-mode-color: var(--core-surface-5-dark-mode-color);
  --date-picker-date-background-unselected-selection-normal-state-light-mode-color: var(--core-surface-5-light-mode-color);
  --date-picker-date-background-unselected-selection-pressed-state-color: var(--date-picker-date-background-unselected-selection-pressed-state-light-mode-color);
  --date-picker-date-background-unselected-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --date-picker-date-background-unselected-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --date-picker-date-border-disabled-state-color-color: var(--date-picker-date-border-disabled-state-color-light-mode-color);
  --date-picker-date-border-disabled-state-color-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --date-picker-date-border-disabled-state-color-light-mode-color: var(--core-fill-30-light-mode-color);
  --date-picker-date-border-focused-state-border: 2;
  --date-picker-date-border-focused-state-color-color: var(--date-picker-date-border-focused-state-color-light-mode-color);
  --date-picker-date-border-focused-state-color-dark-mode-color: var(--core-focus-dark-mode-color);
  --date-picker-date-border-focused-state-color-light-mode-color: var(--core-focus-light-mode-color);
  --date-picker-date-border-focused-state-opacity: 1;
  --date-picker-date-border-normal-state-border: 2;
  --date-picker-date-border-normal-state-color-color: var(--date-picker-date-border-normal-state-color-light-mode-color);
  --date-picker-date-border-normal-state-color-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --date-picker-date-border-normal-state-color-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --date-picker-date-border-normal-state-opacity: 0;
  --date-picker-date-border-radius: var(--core-radius-circle);
  --date-picker-date-text-range-first-selection-disabled-state-color: var(--date-picker-date-text-range-first-selection-disabled-state-light-mode-color);
  --date-picker-date-text-range-first-selection-disabled-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --date-picker-date-text-range-first-selection-disabled-state-light-mode-color: var(--core-text-inverse-light-mode-color);
  --date-picker-date-text-range-first-selection-hover-state-color: var(--date-picker-date-text-range-first-selection-hover-state-light-mode-color);
  --date-picker-date-text-range-first-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-date-text-range-first-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-date-text-range-first-selection-normal-state-color: var(--date-picker-date-text-range-first-selection-normal-state-light-mode-color);
  --date-picker-date-text-range-first-selection-normal-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --date-picker-date-text-range-first-selection-normal-state-light-mode-color: var(--core-text-inverse-light-mode-color);
  --date-picker-date-text-range-first-selection-pressed-state-color: var(--date-picker-date-text-range-first-selection-pressed-state-light-mode-color);
  --date-picker-date-text-range-first-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-date-text-range-first-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-date-text-range-last-selection-disabled-state-color: var(--date-picker-date-text-range-last-selection-disabled-state-light-mode-color);
  --date-picker-date-text-range-last-selection-disabled-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --date-picker-date-text-range-last-selection-disabled-state-light-mode-color: var(--core-text-inverse-light-mode-color);
  --date-picker-date-text-range-last-selection-hover-state-color: var(--date-picker-date-text-range-last-selection-hover-state-light-mode-color);
  --date-picker-date-text-range-last-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-date-text-range-last-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-date-text-range-last-selection-normal-state-color: var(--date-picker-date-text-range-last-selection-normal-state-light-mode-color);
  --date-picker-date-text-range-last-selection-normal-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --date-picker-date-text-range-last-selection-normal-state-light-mode-color: var(--core-text-inverse-light-mode-color);
  --date-picker-date-text-range-last-selection-pressed-state-color: var(--date-picker-date-text-range-last-selection-pressed-state-light-mode-color);
  --date-picker-date-text-range-last-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-date-text-range-last-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-date-text-range-middle-selection-disabled-state-color: var(--date-picker-date-text-range-middle-selection-disabled-state-light-mode-color);
  --date-picker-date-text-range-middle-selection-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);
  --date-picker-date-text-range-middle-selection-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);
  --date-picker-date-text-range-middle-selection-hover-state-color: var(--date-picker-date-text-range-middle-selection-hover-state-light-mode-color);
  --date-picker-date-text-range-middle-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-date-text-range-middle-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-date-text-range-middle-selection-normal-state-color: var(--date-picker-date-text-range-middle-selection-normal-state-light-mode-color);
  --date-picker-date-text-range-middle-selection-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-date-text-range-middle-selection-normal-state-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-date-text-range-middle-selection-pressed-state-color: var(--date-picker-date-text-range-middle-selection-pressed-state-light-mode-color);
  --date-picker-date-text-range-middle-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-date-text-range-middle-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-date-text-single-selection-disabled-state-color: var(--date-picker-date-text-single-selection-disabled-state-light-mode-color);
  --date-picker-date-text-single-selection-disabled-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --date-picker-date-text-single-selection-disabled-state-light-mode-color: var(--core-text-inverse-light-mode-color);
  --date-picker-date-text-single-selection-hover-state-color: var(--date-picker-date-text-single-selection-hover-state-light-mode-color);
  --date-picker-date-text-single-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-date-text-single-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-date-text-single-selection-normal-state-color: var(--date-picker-date-text-single-selection-normal-state-light-mode-color);
  --date-picker-date-text-single-selection-normal-state-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --date-picker-date-text-single-selection-normal-state-light-mode-color: var(--core-text-inverse-light-mode-color);
  --date-picker-date-text-single-selection-pressed-state-color: var(--date-picker-date-text-single-selection-pressed-state-light-mode-color);
  --date-picker-date-text-single-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-date-text-single-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-date-text-unselected-selection-disabled-state-color: var(--date-picker-date-text-unselected-selection-disabled-state-light-mode-color);
  --date-picker-date-text-unselected-selection-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);
  --date-picker-date-text-unselected-selection-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);
  --date-picker-date-text-unselected-selection-hover-state-color: var(--date-picker-date-text-unselected-selection-hover-state-light-mode-color);
  --date-picker-date-text-unselected-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-date-text-unselected-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-date-text-unselected-selection-normal-state-color: var(--date-picker-date-text-unselected-selection-normal-state-light-mode-color);
  --date-picker-date-text-unselected-selection-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-date-text-unselected-selection-normal-state-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-date-text-unselected-selection-pressed-state-color: var(--date-picker-date-text-unselected-selection-pressed-state-light-mode-color);
  --date-picker-date-text-unselected-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-date-text-unselected-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-grid-item-height: var(--core-small-size-minimum-height);
  --date-picker-grid-item-horizontal-padding: 0px;
  --date-picker-grid-item-vertical-padding: var(--core-metrics-spacing-100);
  --date-picker-grid-item-width: var(--core-small-size-minimum-height);
  --date-picker-header-button-background-color: var(--date-picker-header-button-background-light-mode-color);
  --date-picker-header-button-background-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --date-picker-header-button-background-light-mode-color: var(--core-fill-40-light-mode-color);
  --date-picker-header-button-border-radius: var(--core-radius-10);
  --date-picker-header-button-color: var(--date-picker-header-button-light-mode-color);
  --date-picker-header-button-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-header-button-horizontal-spacing: var(--core-metrics-spacing-200);
  --date-picker-header-button-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-header-button-padding: var(--core-metrics-spacing-100);
  --date-picker-header-color-color: var(--date-picker-header-color-light-mode-color);
  --date-picker-header-color-dark-mode-color: var(--core-text-10-dark-mode-color);
  --date-picker-header-color-light-mode-color: var(--core-text-10-light-mode-color);
  --date-picker-header-font-case: var(--core-type-heading-30-case);
  --date-picker-header-font-font-family: var(--core-type-heading-30-font-family);
  --date-picker-header-font-leading: var(--core-type-heading-30-leading);
  --date-picker-header-font-number-spacing: var(--core-type-heading-30-number-spacing);
  --date-picker-header-font-scale: var(--core-type-heading-30-scale);
  --date-picker-header-font-size: var(--core-type-heading-30-size);
  --date-picker-header-font-tracking: var(--core-type-heading-30-tracking);
  --date-picker-header-font-weight: var(--core-type-heading-30-weight);
  --date-picker-header-minimum-height: 40px;
  --date-picker-header-vertical-spacing: var(--core-metrics-spacing-200);
  --date-picker-menu-horizontal-spacing: var(--core-metrics-spacing-400);
  --date-picker-menu-row-background-selected-state-color-color: var(--date-picker-menu-row-background-selected-state-color-light-mode-color);
  --date-picker-menu-row-background-selected-state-color-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --date-picker-menu-row-background-selected-state-color-light-mode-color: var(--core-fill-40-light-mode-color);
  --date-picker-menu-row-height: 48px;
  --date-picker-menu-row-label-selected-state-text-color: var(--date-picker-menu-row-label-selected-state-text-light-mode-color);
  --date-picker-menu-row-label-selected-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --date-picker-menu-row-label-selected-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --date-picker-menu-row-width: 111px;
  --date-picker-menu-text-case: var(--core-type-semibold-30-case);
  --date-picker-menu-text-font-family: var(--core-type-semibold-30-font-family);
  --date-picker-menu-text-leading: var(--core-type-semibold-30-leading);
  --date-picker-menu-text-number-spacing: var(--core-type-semibold-30-number-spacing);
  --date-picker-menu-text-scale: var(--core-type-semibold-30-scale);
  --date-picker-menu-text-size: var(--core-type-semibold-30-size);
  --date-picker-menu-text-tracking: var(--core-type-semibold-30-tracking);
  --date-picker-menu-text-weight: var(--core-type-semibold-30-weight);
  --date-picker-menu-vertical-spacing: var(--core-metrics-spacing-300);
  --date-picker-minimum-width: 280px;
  --date-picker-month-minimum-width: 50px;
  --date-picker-today-border-color-color: var(--date-picker-today-border-color-light-mode-color);
  --date-picker-today-border-color-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --date-picker-today-border-color-light-mode-color: var(--core-fill-10-light-mode-color);
  --date-picker-today-border-width: var(--core-border-10);
  --date-picker-today-font-case: var(--core-type-semibold-30-case);
  --date-picker-today-font-font-family: var(--core-type-semibold-30-font-family);
  --date-picker-today-font-leading: var(--core-type-semibold-30-leading);
  --date-picker-today-font-number-spacing: var(--core-type-semibold-30-number-spacing);
  --date-picker-today-font-scale: var(--core-type-semibold-30-scale);
  --date-picker-today-font-size: var(--core-type-semibold-30-size);
  --date-picker-today-font-tracking: var(--core-type-semibold-30-tracking);
  --date-picker-today-font-weight: var(--core-type-semibold-30-weight);
  --date-picker-today-label-disabled-state-color-color: var(--date-picker-today-label-disabled-state-color-light-mode-color);
  --date-picker-today-label-disabled-state-color-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --date-picker-today-label-disabled-state-color-light-mode-color: var(--core-fill-30-light-mode-color);
  --date-picker-weekdays-color-color: var(--date-picker-weekdays-color-light-mode-color);
  --date-picker-weekdays-color-dark-mode-color: var(--core-text-20-dark-mode-color);
  --date-picker-weekdays-color-light-mode-color: var(--core-text-20-light-mode-color);
  --date-picker-weekdays-font-case: var(--core-type-paragraph-30-case);
  --date-picker-weekdays-font-font-family: var(--core-type-paragraph-30-font-family);
  --date-picker-weekdays-font-leading: var(--core-type-paragraph-30-leading);
  --date-picker-weekdays-font-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --date-picker-weekdays-font-scale: var(--core-type-paragraph-30-scale);
  --date-picker-weekdays-font-size: var(--core-type-paragraph-30-size);
  --date-picker-weekdays-font-tracking: var(--core-type-paragraph-30-tracking);
  --date-picker-weekdays-font-weight: var(--core-type-paragraph-30-weight);

  /* ========== divider ========== */
  --divider-extra-small-variant-vertical-padding: 0px;
  --divider-fill-color: var(--divider-fill-light-mode-color);
  --divider-fill-dark-mode-color: var(--core-divider-20-dark-mode-color);
  --divider-fill-light-mode-color: var(--core-divider-20-light-mode-color);
  --divider-height: var(--core-base-size);
  --divider-large-variant-vertical-padding: var(--core-metrics-spacing-400);
  --divider-medium-variant-vertical-padding: var(--core-metrics-spacing-200);
  --divider-radius: var(--core-radius-33);
  --divider-small-variant-vertical-padding: var(--core-metrics-spacing-100);
  --divider-thick-size-height: var(--core-border-80);
  --divider-thin-size-height: var(--core-border-20);

  /* ========== dropdown-button ========== */
  --dropdown-button-border-radius: var(--button-border-radius);
  --dropdown-button-focus-ring-border-size: var(--button-focus-ring-border-size);
  --dropdown-button-focus-ring-buffer-size: var(--button-focus-ring-buffer-size);
  --dropdown-button-large-size-border-radius: var(--button-large-size-border-radius);
  --dropdown-button-large-size-content-spacing: var(--button-large-size-content-spacing);
  --dropdown-button-large-size-minimum-height: var(--button-large-size-minimum-height);
  --dropdown-button-large-size-minimum-width-multiplier: var(--button-large-size-minimum-width-multiplier);
  --dropdown-button-large-size-primary-rank-horizontal-padding: var(--button-large-size-primary-rank-horizontal-padding);
  --dropdown-button-large-size-primary-rank-vertical-padding: var(--button-large-size-primary-rank-vertical-padding);
  --dropdown-button-large-size-secondary-rank-horizontal-padding: var(--button-large-size-secondary-rank-horizontal-padding);
  --dropdown-button-large-size-secondary-rank-vertical-padding: var(--button-large-size-secondary-rank-vertical-padding);
  --dropdown-button-large-size-tertiary-rank-horizontal-padding: var(--button-large-size-tertiary-rank-horizontal-padding);
  --dropdown-button-large-size-tertiary-rank-vertical-padding: var(--button-large-size-tertiary-rank-vertical-padding);
  --dropdown-button-large-size-text-case: var(--button-large-size-text-case);
  --dropdown-button-large-size-text-font-family: var(--button-large-size-text-font-family);
  --dropdown-button-large-size-text-leading: var(--button-large-size-text-leading);
  --dropdown-button-large-size-text-number-spacing: var(--button-large-size-text-number-spacing);
  --dropdown-button-large-size-text-scale: var(--button-large-size-text-scale);
  --dropdown-button-large-size-text-size: var(--button-large-size-text-size);
  --dropdown-button-large-size-text-tracking: var(--button-large-size-text-tracking);
  --dropdown-button-large-size-text-weight: var(--button-large-size-text-weight);
  --dropdown-button-medium-size-border-radius: var(--button-medium-size-border-radius);
  --dropdown-button-medium-size-content-spacing: var(--button-medium-size-content-spacing);
  --dropdown-button-medium-size-minimum-height: var(--button-medium-size-minimum-height);
  --dropdown-button-medium-size-minimum-width-multiplier: var(--button-medium-size-minimum-width-multiplier);
  --dropdown-button-medium-size-primary-rank-horizontal-padding: var(--button-medium-size-primary-rank-horizontal-padding);
  --dropdown-button-medium-size-primary-rank-vertical-padding: var(--button-medium-size-primary-rank-vertical-padding);
  --dropdown-button-medium-size-secondary-rank-horizontal-padding: var(--button-medium-size-secondary-rank-horizontal-padding);
  --dropdown-button-medium-size-secondary-rank-vertical-padding: var(--button-medium-size-secondary-rank-vertical-padding);
  --dropdown-button-medium-size-tertiary-rank-horizontal-padding: var(--button-medium-size-tertiary-rank-horizontal-padding);
  --dropdown-button-medium-size-tertiary-rank-vertical-padding: var(--button-medium-size-tertiary-rank-vertical-padding);
  --dropdown-button-medium-size-text-case: var(--button-medium-size-text-case);
  --dropdown-button-medium-size-text-font-family: var(--button-medium-size-text-font-family);
  --dropdown-button-medium-size-text-leading: var(--button-medium-size-text-leading);
  --dropdown-button-medium-size-text-number-spacing: var(--button-medium-size-text-number-spacing);
  --dropdown-button-medium-size-text-scale: var(--button-medium-size-text-scale);
  --dropdown-button-medium-size-text-size: var(--button-medium-size-text-size);
  --dropdown-button-medium-size-text-tracking: var(--button-medium-size-text-tracking);
  --dropdown-button-medium-size-text-weight: var(--button-medium-size-text-weight);
  --dropdown-button-normal-variant-primary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-primary-rank-focus-state-light-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-focus-state-dark-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-focus-state-dark-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-primary-rank-focus-state-light-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-primary-rank-focus-state-light-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-primary-rank-focus-state-light-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-primary-rank-hover-state-light-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-hover-state-dark-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-hover-state-dark-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-primary-rank-hover-state-light-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--button-normal-variant-primary-rank-hover-state-light-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-primary-rank-hover-state-light-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-primary-rank-normal-state-light-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-primary-rank-normal-state-light-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-normal-state-light-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-pressed-state-dark-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-label-color);
  --dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--button-normal-variant-primary-rank-pressed-state-light-mode-background-color);
  --dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-primary-rank-pressed-state-light-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-focus-state-dark-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-focus-state-dark-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-focus-state-light-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-focus-state-light-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-label-color);
  --dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-focus-state-light-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-focus-state-light-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-hover-state-light-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-hover-state-light-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color);
  --dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color);
  --dropdown-button-small-size-border-radius: var(--button-small-size-border-radius);
  --dropdown-button-small-size-content-spacing: var(--button-small-size-content-spacing);
  --dropdown-button-small-size-minimum-height: var(--button-small-size-minimum-height);
  --dropdown-button-small-size-minimum-width-multiplier: var(--button-small-size-minimum-width-multiplier);
  --dropdown-button-small-size-primary-rank-horizontal-padding: var(--button-small-size-primary-rank-horizontal-padding);
  --dropdown-button-small-size-primary-rank-vertical-padding: var(--button-small-size-primary-rank-vertical-padding);
  --dropdown-button-small-size-secondary-rank-horizontal-padding: var(--button-small-size-secondary-rank-horizontal-padding);
  --dropdown-button-small-size-secondary-rank-vertical-padding: var(--button-small-size-secondary-rank-vertical-padding);
  --dropdown-button-small-size-tertiary-rank-horizontal-padding: var(--button-small-size-tertiary-rank-horizontal-padding);
  --dropdown-button-small-size-tertiary-rank-vertical-padding: var(--button-small-size-tertiary-rank-vertical-padding);
  --dropdown-button-small-size-text-case: var(--button-small-size-text-case);
  --dropdown-button-small-size-text-font-family: var(--button-small-size-text-font-family);
  --dropdown-button-small-size-text-leading: var(--button-small-size-text-leading);
  --dropdown-button-small-size-text-number-spacing: var(--button-small-size-text-number-spacing);
  --dropdown-button-small-size-text-scale: var(--button-small-size-text-scale);
  --dropdown-button-small-size-text-size: var(--button-small-size-text-size);
  --dropdown-button-small-size-text-tracking: var(--button-small-size-text-tracking);
  --dropdown-button-small-size-text-weight: var(--button-small-size-text-weight);
  --dropdown-button-tertiary-rank-underline: var(--button-tertiary-rank-underline);

  /* ========== dropdown-icon-button ========== */
  --dropdown-icon-button-border-radius: var(--icon-button-border-radius);
  --dropdown-icon-button-disabled-state-background-color: var(--dropdown-icon-button-disabled-state-light-mode-background-color);
  --dropdown-icon-button-disabled-state-dark-mode-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);
  --dropdown-icon-button-disabled-state-dark-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);
  --dropdown-icon-button-disabled-state-icon-color: var(--dropdown-icon-button-disabled-state-light-mode-icon-color);
  --dropdown-icon-button-disabled-state-light-mode-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);
  --dropdown-icon-button-disabled-state-light-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);
  --dropdown-icon-button-focus-ring-border-size: var(--icon-button-focus-ring-border-size);
  --dropdown-icon-button-focus-ring-buffer-size: var(--icon-button-focus-ring-buffer-size);
  --dropdown-icon-button-focus-state-background-color: var(--dropdown-icon-button-focus-state-light-mode-background-color);
  --dropdown-icon-button-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);
  --dropdown-icon-button-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);
  --dropdown-icon-button-focus-state-icon-color: var(--dropdown-icon-button-focus-state-light-mode-icon-color);
  --dropdown-icon-button-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color);
  --dropdown-icon-button-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);
  --dropdown-icon-button-hover-state-background-color: var(--dropdown-icon-button-hover-state-light-mode-background-color);
  --dropdown-icon-button-hover-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);
  --dropdown-icon-button-hover-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);
  --dropdown-icon-button-hover-state-icon-color: var(--dropdown-icon-button-hover-state-light-mode-icon-color);
  --dropdown-icon-button-hover-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color);
  --dropdown-icon-button-hover-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);
  --dropdown-icon-button-large-size-icon-height: var(--icon-button-large-size-icon-height);
  --dropdown-icon-button-large-size-icon-width: var(--icon-button-large-size-icon-width);
  --dropdown-icon-button-large-size-minimum-height: var(--icon-button-large-size-minimum-height);
  --dropdown-icon-button-large-size-padding-size: var(--icon-button-large-size-padding-size);
  --dropdown-icon-button-large-size-width-multiplier: var(--icon-button-large-size-width-multiplier);
  --dropdown-icon-button-medium-size-horizontal-spacing-size: var(--icon-button-medium-size-horizontal-spacing-size);
  --dropdown-icon-button-medium-size-icon-height: var(--icon-button-medium-size-icon-height);
  --dropdown-icon-button-medium-size-icon-width: var(--icon-button-medium-size-icon-width);
  --dropdown-icon-button-medium-size-minimum-height: var(--icon-button-medium-size-minimum-height);
  --dropdown-icon-button-medium-size-padding-size: var(--icon-button-medium-size-padding-size);
  --dropdown-icon-button-medium-size-width-multiplier: var(--icon-button-medium-size-width-multiplier);
  --dropdown-icon-button-normal-state-background-color: var(--dropdown-icon-button-normal-state-light-mode-background-color);
  --dropdown-icon-button-normal-state-dark-mode-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);
  --dropdown-icon-button-normal-state-dark-mode-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);
  --dropdown-icon-button-normal-state-icon-color: var(--dropdown-icon-button-normal-state-light-mode-icon-color);
  --dropdown-icon-button-normal-state-light-mode-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color);
  --dropdown-icon-button-normal-state-light-mode-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);
  --dropdown-icon-button-pressed-state-background-color: var(--dropdown-icon-button-pressed-state-light-mode-background-color);
  --dropdown-icon-button-pressed-state-dark-mode-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);
  --dropdown-icon-button-pressed-state-dark-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);
  --dropdown-icon-button-pressed-state-icon-color: var(--dropdown-icon-button-pressed-state-light-mode-icon-color);
  --dropdown-icon-button-pressed-state-light-mode-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);
  --dropdown-icon-button-pressed-state-light-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);
  --dropdown-icon-button-small-size-icon-height: var(--icon-button-small-size-icon-height);
  --dropdown-icon-button-small-size-icon-width: var(--icon-button-small-size-icon-width);
  --dropdown-icon-button-small-size-minimum-height: var(--icon-button-small-size-minimum-height);
  --dropdown-icon-button-small-size-padding-size: var(--icon-button-small-size-padding-size);
  --dropdown-icon-button-small-size-width-multiplier: var(--icon-button-small-size-width-multiplier);

  /* ========== empty-state ========== */
  --empty-state-background-color: var(--empty-state-background-light-mode-color);
  --empty-state-background-dark-mode-color: var(--core-surface-10-dark-mode-color);
  --empty-state-background-light-mode-color: var(--core-surface-10-light-mode-color);
  --empty-state-border-color: var(--empty-state-border-light-mode-color);
  --empty-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --empty-state-border-light-mode-color: var(--core-fill-30-light-mode-color);
  --empty-state-border-radius: var(--core-radius-200);
  --empty-state-border-width: var(--core-border-10);
  --empty-state-button-group-overflow-button-border-radius: var(--button-group-overflow-button-border-radius);
  --empty-state-button-group-overflow-button-compact-size-minimum-height: var(--button-group-overflow-button-compact-size-minimum-height);
  --empty-state-button-group-overflow-button-compact-size-minimum-padding-size: var(--button-group-overflow-button-compact-size-minimum-padding-size);
  --empty-state-button-group-overflow-button-compact-size-minimum-width: var(--button-group-overflow-button-compact-size-minimum-width);
  --empty-state-button-group-overflow-button-compact-size-padding-size: var(--button-group-overflow-button-compact-size-padding-size);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-disabled-state-background-color: var(--empty-state-button-group-overflow-button-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-disabled-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-disabled-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-disabled-state-light-mode-background-color: var(--button-group-overflow-button-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-focus-ring-border-size: var(--button-group-overflow-button-focus-ring-border-size);
  --empty-state-button-group-overflow-button-focus-ring-buffer-size: var(--button-group-overflow-button-focus-ring-buffer-size);
  --empty-state-button-group-overflow-button-focus-state-background-color: var(--empty-state-button-group-overflow-button-focus-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-focus-state-dark-mode-background-color: var(--button-group-overflow-button-focus-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-focus-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-focus-state-icon-color: var(--empty-state-button-group-overflow-button-focus-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-focus-state-light-mode-background-color: var(--button-group-overflow-button-focus-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-focus-state-light-mode-icon-color: var(--button-group-overflow-button-focus-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-hover-state-background-color: var(--empty-state-button-group-overflow-button-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-hover-state-dark-mode-background-color: var(--button-group-overflow-button-hover-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-hover-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-hover-state-icon-color: var(--empty-state-button-group-overflow-button-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-hover-state-light-mode-background-color: var(--button-group-overflow-button-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-hover-state-light-mode-icon-color: var(--button-group-overflow-button-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-large-size-icon-height: var(--button-group-overflow-button-large-size-icon-height);
  --empty-state-button-group-overflow-button-large-size-icon-width: var(--button-group-overflow-button-large-size-icon-width);
  --empty-state-button-group-overflow-button-large-size-minimum-height: var(--button-group-overflow-button-large-size-minimum-height);
  --empty-state-button-group-overflow-button-large-size-padding-size: var(--button-group-overflow-button-large-size-padding-size);
  --empty-state-button-group-overflow-button-large-size-width-multiplier: var(--button-group-overflow-button-large-size-width-multiplier);
  --empty-state-button-group-overflow-button-medium-size-horizontal-spacing-size: var(--button-group-overflow-button-medium-size-horizontal-spacing-size);
  --empty-state-button-group-overflow-button-medium-size-icon-height: var(--button-group-overflow-button-medium-size-icon-height);
  --empty-state-button-group-overflow-button-medium-size-icon-width: var(--button-group-overflow-button-medium-size-icon-width);
  --empty-state-button-group-overflow-button-medium-size-minimum-height: var(--button-group-overflow-button-medium-size-minimum-height);
  --empty-state-button-group-overflow-button-medium-size-padding-size: var(--button-group-overflow-button-medium-size-padding-size);
  --empty-state-button-group-overflow-button-medium-size-width-multiplier: var(--button-group-overflow-button-medium-size-width-multiplier);
  --empty-state-button-group-overflow-button-minimum-height: var(--button-group-overflow-button-minimum-height);
  --empty-state-button-group-overflow-button-minimum-width: var(--button-group-overflow-button-minimum-width);
  --empty-state-button-group-overflow-button-normal-size-minimum-height: var(--button-group-overflow-button-normal-size-minimum-height);
  --empty-state-button-group-overflow-button-normal-size-minimum-width: var(--button-group-overflow-button-normal-size-minimum-width);
  --empty-state-button-group-overflow-button-normal-size-padding-size: var(--button-group-overflow-button-normal-size-padding-size);
  --empty-state-button-group-overflow-button-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-padding-size: var(--button-group-overflow-button-padding-size);
  --empty-state-button-group-overflow-button-pressed-state-background-color: var(--empty-state-button-group-overflow-button-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-pressed-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-pressed-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-pressed-state-light-mode-background-color: var(--button-group-overflow-button-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-focus-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-size-multiplier: var(--button-group-overflow-button-size-multiplier);
  --empty-state-button-group-overflow-button-small-size-icon-height: var(--button-group-overflow-button-small-size-icon-height);
  --empty-state-button-group-overflow-button-small-size-icon-width: var(--button-group-overflow-button-small-size-icon-width);
  --empty-state-button-group-overflow-button-small-size-minimum-height: var(--button-group-overflow-button-small-size-minimum-height);
  --empty-state-button-group-overflow-button-small-size-padding-size: var(--button-group-overflow-button-small-size-padding-size);
  --empty-state-button-group-overflow-button-small-size-width-multiplier: var(--button-group-overflow-button-small-size-width-multiplier);
  --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);
  --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);
  --empty-state-button-group-spacing: var(--button-group-spacing);
  --empty-state-button-group-vertical-spacing: var(--core-metrics-spacing-400);
  --empty-state-heading-color: var(--empty-state-heading-light-mode-color);
  --empty-state-heading-dark-mode-color: var(--core-text-10-dark-mode-color);
  --empty-state-heading-light-mode-color: var(--core-text-10-light-mode-color);
  --empty-state-heading-text-case: var(--core-type-heading-20-case);
  --empty-state-heading-text-color: var(--empty-state-heading-text-light-mode-color);
  --empty-state-heading-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --empty-state-heading-text-font-family: var(--core-type-heading-20-font-family);
  --empty-state-heading-text-leading: var(--core-type-heading-20-leading);
  --empty-state-heading-text-light-mode-color: var(--core-text-10-light-mode-color);
  --empty-state-heading-text-number-spacing: var(--core-type-heading-20-number-spacing);
  --empty-state-heading-text-scale: var(--core-type-heading-20-scale);
  --empty-state-heading-text-size: var(--core-type-heading-20-size);
  --empty-state-heading-text-tracking: var(--core-type-heading-20-tracking);
  --empty-state-heading-text-weight: var(--core-type-heading-20-weight);
  --empty-state-horizontal-padding: var(--core-metrics-spacing-400);
  --empty-state-icon-size: 80px;
  --empty-state-illustration-size: 96px;
  --empty-state-paragraph-text-case: var(--core-type-paragraph-30-case);
  --empty-state-paragraph-text-color: var(--empty-state-paragraph-text-light-mode-color);
  --empty-state-paragraph-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --empty-state-paragraph-text-font-family: var(--core-type-paragraph-30-font-family);
  --empty-state-paragraph-text-leading: var(--core-type-paragraph-30-leading);
  --empty-state-paragraph-text-light-mode-color: var(--core-text-10-light-mode-color);
  --empty-state-paragraph-text-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --empty-state-paragraph-text-scale: var(--core-type-paragraph-30-scale);
  --empty-state-paragraph-text-size: var(--core-type-paragraph-30-size);
  --empty-state-paragraph-text-tracking: var(--core-type-paragraph-30-tracking);
  --empty-state-paragraph-text-weight: var(--core-type-paragraph-30-weight);
  --empty-state-paragraph-vertical-spacing: var(--core-metrics-spacing-100);
  --empty-state-vertical-padding: var(--core-metrics-spacing-400);

  /* ========== field ========== */
  --field-action-text-case: var(--core-type-semibold-20-case);
  --field-action-text-color: var(--field-light-mode-action-text-color);
  --field-action-text-font-family: var(--core-type-semibold-20-font-family);
  --field-action-text-leading: var(--core-type-semibold-20-leading);
  --field-action-text-number-spacing: var(--core-type-semibold-20-number-spacing);
  --field-action-text-scale: var(--core-type-semibold-20-scale);
  --field-action-text-size: var(--core-type-semibold-20-size);
  --field-action-text-tracking: var(--core-type-semibold-20-tracking);
  --field-action-text-weight: var(--core-type-semibold-20-weight);
  --field-action-vertical-padding-size: 8px;
  --field-border-radius: var(--core-radius-forms);
  --field-border-size: 1px;
  --field-dark-mode-action-text-color: var(--core-emphasis-fill-dark-mode-color);
  --field-dark-mode-error-message-text-color: var(--core-critical-text-dark-mode-color);
  --field-dark-mode-helper-text-text-color: var(--core-text-20-dark-mode-color);
  --field-dark-mode-placeholder-text-color: var(--core-text-20-dark-mode-color);
  --field-dark-mode-selection-caret-color: var(--field-dark-mode-selection-text-cursor-color);
  --field-dark-mode-selection-highlight-color: var(--core-fill-30-dark-mode-color);
  --field-dark-mode-selection-text-cursor-color: var(--core-text-10-dark-mode-color);
  --field-disabled-state-background-color: var(--field-disabled-state-light-mode-background-color);
  --field-disabled-state-border-color: var(--field-disabled-state-light-mode-border-color);
  --field-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --field-disabled-state-dark-mode-border-color: var(--core-fill-40-dark-mode-color);
  --field-disabled-state-dark-mode-input-color: var(--field-disabled-state-empty-phase-dark-mode-label-color);
  --field-disabled-state-empty-phase-dark-mode-label-color: var(--core-text-30-dark-mode-color);
  --field-disabled-state-empty-phase-label-color: var(--field-disabled-state-empty-phase-light-mode-label-color);
  --field-disabled-state-empty-phase-light-mode-label-color: var(--core-text-30-light-mode-color);
  --field-disabled-state-float-phase-dark-mode-label-color: var(--core-text-30-dark-mode-color);
  --field-disabled-state-float-phase-label-color: var(--field-disabled-state-float-phase-light-mode-label-color);
  --field-disabled-state-float-phase-light-mode-label-color: var(--core-text-30-light-mode-color);
  --field-disabled-state-input-color: var(--field-disabled-state-light-mode-input-color);
  --field-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --field-disabled-state-light-mode-border-color: var(--core-fill-40-light-mode-color);
  --field-disabled-state-light-mode-input-color: var(--field-disabled-state-empty-phase-light-mode-label-color);
  --field-empty-phase-horizontal-padding-size: 16px;
  --field-empty-phase-label-text-case: var(--core-type-paragraph-30-case);
  --field-empty-phase-label-text-font-family: var(--core-type-paragraph-30-font-family);
  --field-empty-phase-label-text-leading: var(--core-type-paragraph-30-leading);
  --field-empty-phase-label-text-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --field-empty-phase-label-text-scale: var(--core-type-paragraph-30-scale);
  --field-empty-phase-label-text-size: var(--core-type-paragraph-30-size);
  --field-empty-phase-label-text-tracking: var(--core-type-paragraph-30-tracking);
  --field-empty-phase-label-text-weight: var(--core-type-paragraph-30-weight);
  --field-empty-phase-vertical-padding-size: 20px;
  --field-error-message-icon-buffer-size: 8px;
  --field-error-message-icon-height: 8px;
  --field-error-message-icon-vertical-spacing: 8px;
  --field-error-message-icon-width: var(--field-error-message-icon-height);
  --field-error-message-text-case: var(--core-type-paragraph-20-case);
  --field-error-message-text-color: var(--field-light-mode-error-message-text-color);
  --field-error-message-text-font-family: var(--core-type-paragraph-20-font-family);
  --field-error-message-text-leading: var(--core-type-paragraph-20-leading);
  --field-error-message-text-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --field-error-message-text-scale: var(--core-type-paragraph-20-scale);
  --field-error-message-text-size: var(--core-type-paragraph-20-size);
  --field-error-message-text-tracking: var(--core-type-paragraph-20-tracking);
  --field-error-message-text-vertical-spacing: 8px;
  --field-error-message-text-weight: var(--core-type-paragraph-20-weight);
  --field-float-phase-horizontal-padding-size: var(--field-empty-phase-horizontal-padding-size);
  --field-float-phase-label-margin-bottom-size: 2px;
  --field-float-phase-label-margin-top-size: 8px;
  --field-float-phase-label-text-case: var(--core-type-semibold-20-case);
  --field-float-phase-label-text-font-family: var(--core-type-semibold-20-font-family);
  --field-float-phase-label-text-leading: var(--core-type-semibold-20-leading);
  --field-float-phase-label-text-number-spacing: var(--core-type-semibold-20-number-spacing);
  --field-float-phase-label-text-scale: var(--core-type-semibold-20-scale);
  --field-float-phase-label-text-size: var(--core-type-semibold-20-size);
  --field-float-phase-label-text-tracking: var(--core-type-semibold-20-tracking);
  --field-float-phase-label-text-weight: 500;
  --field-float-phase-vertical-padding-size: 8px;
  --field-focus-state-background-color: var(--field-focus-state-light-mode-background-color);
  --field-focus-state-border-size: 2px;
  --field-focus-state-dark-mode-background-color: var(--field-normal-state-dark-mode-background-color);
  --field-focus-state-dark-mode-input-color: var(--field-normal-state-dark-mode-input-color);
  --field-focus-state-float-phase-dark-mode-label-color: var(--field-normal-state-float-phase-dark-mode-label-color);
  --field-focus-state-float-phase-label-color: var(--field-focus-state-float-phase-light-mode-label-color);
  --field-focus-state-float-phase-light-mode-label-color: var(--field-normal-state-float-phase-light-mode-label-color);
  --field-focus-state-input-color: var(--field-focus-state-light-mode-input-color);
  --field-focus-state-invalid-validity-border-color: var(--field-focus-state-invalid-validity-light-mode-border-color);
  --field-focus-state-invalid-validity-dark-mode-border-color: var(--field-focus-state-normal-validity-dark-mode-border-color);
  --field-focus-state-invalid-validity-light-mode-border-color: var(--field-focus-state-normal-validity-light-mode-border-color);
  --field-focus-state-light-mode-background-color: var(--field-normal-state-light-mode-background-color);
  --field-focus-state-light-mode-input-color: var(--field-normal-state-light-mode-input-color);
  --field-focus-state-normal-validity-border-color: var(--field-focus-state-normal-validity-light-mode-border-color);
  --field-focus-state-normal-validity-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);
  --field-focus-state-normal-validity-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);
  --field-helper-text-case: var(--core-type-paragraph-20-case);
  --field-helper-text-font-family: var(--core-type-paragraph-20-font-family);
  --field-helper-text-horizontal-spacing: 0px;
  --field-helper-text-leading: var(--core-type-paragraph-20-leading);
  --field-helper-text-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --field-helper-text-scale: var(--core-type-paragraph-20-scale);
  --field-helper-text-size: var(--core-type-paragraph-20-size);
  --field-helper-text-text-color: var(--field-light-mode-helper-text-text-color);
  --field-helper-text-tracking: var(--core-type-paragraph-20-tracking);
  --field-helper-text-vertical-spacing: 8px;
  --field-helper-text-weight: var(--core-type-paragraph-20-weight);
  --field-hover-state-background-color: var(--field-hover-state-light-mode-background-color);
  --field-hover-state-dark-mode-background-color: var(--field-normal-state-dark-mode-background-color);
  --field-hover-state-dark-mode-input-color: var(--field-normal-state-dark-mode-input-color);
  --field-hover-state-empty-phase-dark-mode-label-color: var(--field-normal-state-empty-phase-dark-mode-label-color);
  --field-hover-state-empty-phase-label-color: var(--field-hover-state-empty-phase-light-mode-label-color);
  --field-hover-state-empty-phase-light-mode-label-color: var(--field-normal-state-empty-phase-light-mode-label-color);
  --field-hover-state-float-phase-dark-mode-label-color: var(--field-normal-state-float-phase-dark-mode-label-color);
  --field-hover-state-float-phase-label-color: var(--field-hover-state-float-phase-light-mode-label-color);
  --field-hover-state-float-phase-light-mode-label-color: var(--field-normal-state-float-phase-light-mode-label-color);
  --field-hover-state-input-color: var(--field-hover-state-light-mode-input-color);
  --field-hover-state-invalid-validity-border-color: var(--field-hover-state-invalid-validity-light-mode-border-color);
  --field-hover-state-invalid-validity-dark-mode-border-color: var(--field-hover-state-normal-validity-dark-mode-border-color);
  --field-hover-state-invalid-validity-light-mode-border-color: var(--field-hover-state-normal-validity-light-mode-border-color);
  --field-hover-state-light-mode-background-color: var(--field-normal-state-light-mode-background-color);
  --field-hover-state-light-mode-input-color: var(--field-normal-state-light-mode-input-color);
  --field-hover-state-normal-validity-border-color: var(--field-hover-state-normal-validity-light-mode-border-color);
  --field-hover-state-normal-validity-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);
  --field-hover-state-normal-validity-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);
  --field-icon-buffer-size: 16px;
  --field-icon-height: 24px;
  --field-icon-width: var(--field-icon-height);
  --field-image-accessory-spacing-left-size: 12px;
  --field-input-case: var(--core-type-paragraph-30-case);
  --field-input-font-family: var(--core-type-paragraph-30-font-family);
  --field-input-leading: var(--core-type-paragraph-30-leading);
  --field-input-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --field-input-scale: var(--core-type-paragraph-30-scale);
  --field-input-size: var(--core-type-paragraph-30-size);
  --field-input-tracking: var(--core-type-paragraph-30-tracking);
  --field-input-weight: var(--core-type-paragraph-30-weight);
  --field-light-mode-action-text-color: var(--core-emphasis-fill-light-mode-color);
  --field-light-mode-error-message-text-color: var(--core-critical-text-light-mode-color);
  --field-light-mode-helper-text-text-color: var(--core-text-20-light-mode-color);
  --field-light-mode-placeholder-text-color: var(--core-text-20-light-mode-color);
  --field-light-mode-selection-caret-color: var(--field-light-mode-selection-text-cursor-color);
  --field-light-mode-selection-highlight-color: var(--core-fill-30-light-mode-color);
  --field-light-mode-selection-text-cursor-color: var(--core-text-10-light-mode-color);
  --field-normal-state-background-color: var(--field-normal-state-light-mode-background-color);
  --field-normal-state-dark-mode-background-color: var(--core-surface-5-dark-mode-color);
  --field-normal-state-dark-mode-input-color: var(--core-text-10-dark-mode-color);
  --field-normal-state-empty-phase-dark-mode-label-color: var(--core-text-20-dark-mode-color);
  --field-normal-state-empty-phase-label-color: var(--field-normal-state-empty-phase-light-mode-label-color);
  --field-normal-state-empty-phase-light-mode-label-color: var(--core-text-20-light-mode-color);
  --field-normal-state-float-phase-dark-mode-label-color: var(--core-text-10-dark-mode-color);
  --field-normal-state-float-phase-label-color: var(--field-normal-state-float-phase-light-mode-label-color);
  --field-normal-state-float-phase-light-mode-label-color: var(--core-text-10-light-mode-color);
  --field-normal-state-input-color: var(--field-normal-state-light-mode-input-color);
  --field-normal-state-invalid-validity-border-color: var(--field-normal-state-invalid-validity-light-mode-border-color);
  --field-normal-state-invalid-validity-dark-mode-border-color: var(--core-critical-fill-dark-mode-color);
  --field-normal-state-invalid-validity-light-mode-border-color: var(--core-critical-fill-light-mode-color);
  --field-normal-state-light-mode-background-color: var(--core-surface-5-light-mode-color);
  --field-normal-state-light-mode-input-color: var(--core-text-10-light-mode-color);
  --field-normal-state-normal-validity-border-color: var(--field-normal-state-normal-validity-light-mode-border-color);
  --field-normal-state-normal-validity-border-high-contrast-color: var(--field-normal-state-normal-validity-light-mode-border-high-contrast-color);
  --field-normal-state-normal-validity-border-normal-contrast-color: var(--field-normal-state-normal-validity-light-mode-border-normal-contrast-color);
  --field-normal-state-normal-validity-dark-mode-border-color: var(--core-fill-30-dark-mode-color);
  --field-normal-state-normal-validity-dark-mode-border-high-contrast-color: var(--core-fill-20-dark-mode-color);
  --field-normal-state-normal-validity-dark-mode-border-normal-contrast-color: var(--core-fill-30-dark-mode-color);
  --field-normal-state-normal-validity-light-mode-border-color: var(--core-fill-30-light-mode-color);
  --field-normal-state-normal-validity-light-mode-border-high-contrast-color: var(--core-fill-20-light-mode-color);
  --field-normal-state-normal-validity-light-mode-border-normal-contrast-color: var(--core-fill-30-light-mode-color);
  --field-placeholder-text-color: var(--field-light-mode-placeholder-text-color);
  --field-selection-caret-color: var(--field-light-mode-selection-caret-color);
  --field-selection-highlight-color: var(--field-light-mode-selection-highlight-color);
  --field-selection-text-cursor-color: var(--field-light-mode-selection-text-cursor-color);
  --field-trailing-accessory-buffer-size: 16px;
  --field-trailing-accessory-disabled-state-opacity: var(--core-opacity-disabled-state);
  --field-trailing-accessory-height: 48px;
  --field-trailing-accessory-position-bottom-size: 8px;
  --field-trailing-accessory-position-right-size: 0px;
  --field-trailing-accessory-width: var(--field-trailing-accessory-height);

  /* ========== file-upload ========== */
  --file-upload-dropzone-disabled-state-background-color: var(--file-upload-dropzone-disabled-state-background-light-mode-color);
  --file-upload-dropzone-disabled-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color);
  --file-upload-dropzone-disabled-state-background-light-mode-color: var(--core-fill-50-light-mode-color);
  --file-upload-dropzone-disabled-state-border-color: var(--file-upload-dropzone-disabled-state-border-light-mode-color);
  --file-upload-dropzone-disabled-state-border-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --file-upload-dropzone-disabled-state-border-light-mode-color: var(--core-fill-40-light-mode-color);
  --file-upload-dropzone-disabled-state-border-radius: var(--file-upload-dropzone-normal-state-border-radius);
  --file-upload-dropzone-disabled-state-border-width: var(--file-upload-dropzone-normal-state-border-width);
  --file-upload-dropzone-disabled-state-icon-color: var(--file-upload-dropzone-disabled-state-icon-light-mode-color);
  --file-upload-dropzone-disabled-state-icon-dark-mode-color: var(--core-text-30-dark-mode-color);
  --file-upload-dropzone-disabled-state-icon-light-mode-color: var(--core-text-30-light-mode-color);
  --file-upload-dropzone-disabled-state-subtext-case: var(--file-upload-dropzone-normal-state-subtext-case);
  --file-upload-dropzone-disabled-state-subtext-color: var(--file-upload-dropzone-disabled-state-subtext-light-mode-color);
  --file-upload-dropzone-disabled-state-subtext-dark-mode-color: var(--file-upload-dropzone-normal-state-subtext-dark-mode-color);
  --file-upload-dropzone-disabled-state-subtext-font-family: var(--file-upload-dropzone-normal-state-subtext-font-family);
  --file-upload-dropzone-disabled-state-subtext-leading: var(--file-upload-dropzone-normal-state-subtext-leading);
  --file-upload-dropzone-disabled-state-subtext-light-mode-color: var(--file-upload-dropzone-normal-state-subtext-light-mode-color);
  --file-upload-dropzone-disabled-state-subtext-number-spacing: var(--file-upload-dropzone-normal-state-subtext-number-spacing);
  --file-upload-dropzone-disabled-state-subtext-scale: var(--file-upload-dropzone-normal-state-subtext-scale);
  --file-upload-dropzone-disabled-state-subtext-size: var(--file-upload-dropzone-normal-state-subtext-size);
  --file-upload-dropzone-disabled-state-subtext-tracking: var(--file-upload-dropzone-normal-state-subtext-tracking);
  --file-upload-dropzone-disabled-state-subtext-weight: var(--file-upload-dropzone-normal-state-subtext-weight);
  --file-upload-dropzone-disabled-state-text-case: var(--file-upload-dropzone-normal-state-text-case);
  --file-upload-dropzone-disabled-state-text-color: var(--file-upload-dropzone-disabled-state-text-light-mode-color);
  --file-upload-dropzone-disabled-state-text-dark-mode-color: var(--file-upload-dropzone-normal-state-text-dark-mode-color);
  --file-upload-dropzone-disabled-state-text-font-family: var(--file-upload-dropzone-normal-state-text-font-family);
  --file-upload-dropzone-disabled-state-text-leading: var(--file-upload-dropzone-normal-state-text-leading);
  --file-upload-dropzone-disabled-state-text-light-mode-color: var(--file-upload-dropzone-normal-state-text-light-mode-color);
  --file-upload-dropzone-disabled-state-text-number-spacing: var(--file-upload-dropzone-normal-state-text-number-spacing);
  --file-upload-dropzone-disabled-state-text-scale: var(--file-upload-dropzone-normal-state-text-scale);
  --file-upload-dropzone-disabled-state-text-size: var(--file-upload-dropzone-normal-state-text-size);
  --file-upload-dropzone-disabled-state-text-tracking: var(--file-upload-dropzone-normal-state-text-tracking);
  --file-upload-dropzone-disabled-state-text-weight: var(--file-upload-dropzone-normal-state-text-weight);
  --file-upload-dropzone-horizontal-padding: var(--core-metrics-spacing-400);
  --file-upload-dropzone-hover-state-background-color: var(--file-upload-dropzone-hover-state-background-light-mode-color);
  --file-upload-dropzone-hover-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color);
  --file-upload-dropzone-hover-state-background-light-mode-color: var(--core-fill-50-light-mode-color);
  --file-upload-dropzone-hover-state-border-color: var(--file-upload-dropzone-hover-state-border-light-mode-color);
  --file-upload-dropzone-hover-state-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --file-upload-dropzone-hover-state-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --file-upload-dropzone-hover-state-border-radius: var(--file-upload-dropzone-normal-state-border-radius);
  --file-upload-dropzone-hover-state-border-width: var(--file-upload-dropzone-normal-state-border-width);
  --file-upload-dropzone-hover-state-icon-color: var(--file-upload-dropzone-hover-state-icon-light-mode-color);
  --file-upload-dropzone-hover-state-icon-dark-mode-color: var(--file-upload-dropzone-normal-state-icon-dark-mode-color);
  --file-upload-dropzone-hover-state-icon-light-mode-color: var(--file-upload-dropzone-normal-state-icon-light-mode-color);
  --file-upload-dropzone-hover-state-subtext-case: var(--file-upload-dropzone-normal-state-subtext-case);
  --file-upload-dropzone-hover-state-subtext-color: var(--file-upload-dropzone-hover-state-subtext-light-mode-color);
  --file-upload-dropzone-hover-state-subtext-dark-mode-color: var(--file-upload-dropzone-normal-state-subtext-dark-mode-color);
  --file-upload-dropzone-hover-state-subtext-font-family: var(--file-upload-dropzone-normal-state-subtext-font-family);
  --file-upload-dropzone-hover-state-subtext-leading: var(--file-upload-dropzone-normal-state-subtext-leading);
  --file-upload-dropzone-hover-state-subtext-light-mode-color: var(--file-upload-dropzone-normal-state-subtext-light-mode-color);
  --file-upload-dropzone-hover-state-subtext-number-spacing: var(--file-upload-dropzone-normal-state-subtext-number-spacing);
  --file-upload-dropzone-hover-state-subtext-scale: var(--file-upload-dropzone-normal-state-subtext-scale);
  --file-upload-dropzone-hover-state-subtext-size: var(--file-upload-dropzone-normal-state-subtext-size);
  --file-upload-dropzone-hover-state-subtext-tracking: var(--file-upload-dropzone-normal-state-subtext-tracking);
  --file-upload-dropzone-hover-state-subtext-weight: var(--file-upload-dropzone-normal-state-subtext-weight);
  --file-upload-dropzone-hover-state-text-case: var(--file-upload-dropzone-normal-state-text-case);
  --file-upload-dropzone-hover-state-text-color: var(--file-upload-dropzone-hover-state-text-light-mode-color);
  --file-upload-dropzone-hover-state-text-dark-mode-color: var(--file-upload-dropzone-normal-state-text-dark-mode-color);
  --file-upload-dropzone-hover-state-text-font-family: var(--file-upload-dropzone-normal-state-text-font-family);
  --file-upload-dropzone-hover-state-text-leading: var(--file-upload-dropzone-normal-state-text-leading);
  --file-upload-dropzone-hover-state-text-light-mode-color: var(--file-upload-dropzone-normal-state-text-light-mode-color);
  --file-upload-dropzone-hover-state-text-number-spacing: var(--file-upload-dropzone-normal-state-text-number-spacing);
  --file-upload-dropzone-hover-state-text-scale: var(--file-upload-dropzone-normal-state-text-scale);
  --file-upload-dropzone-hover-state-text-size: var(--file-upload-dropzone-normal-state-text-size);
  --file-upload-dropzone-hover-state-text-tracking: var(--file-upload-dropzone-normal-state-text-tracking);
  --file-upload-dropzone-hover-state-text-weight: var(--file-upload-dropzone-normal-state-text-weight);
  --file-upload-dropzone-minimum-height: 400px;
  --file-upload-dropzone-normal-state-background-color: var(--file-upload-dropzone-normal-state-background-light-mode-color);
  --file-upload-dropzone-normal-state-background-dark-mode-color: var(--core-surface-10-dark-mode-color);
  --file-upload-dropzone-normal-state-background-light-mode-color: var(--core-surface-10-light-mode-color);
  --file-upload-dropzone-normal-state-border-color: var(--file-upload-dropzone-normal-state-border-light-mode-color);
  --file-upload-dropzone-normal-state-border-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --file-upload-dropzone-normal-state-border-light-mode-color: var(--core-fill-20-light-mode-color);
  --file-upload-dropzone-normal-state-border-radius: var(--core-radius-200);
  --file-upload-dropzone-normal-state-border-width: var(--core-border-10);
  --file-upload-dropzone-normal-state-icon-color: var(--file-upload-dropzone-normal-state-icon-light-mode-color);
  --file-upload-dropzone-normal-state-icon-dark-mode-color: var(--core-text-10-dark-mode-color);
  --file-upload-dropzone-normal-state-icon-light-mode-color: var(--core-text-10-light-mode-color);
  --file-upload-dropzone-normal-state-subtext-case: var(--core-type-paragraph-20-case);
  --file-upload-dropzone-normal-state-subtext-color: var(--file-upload-dropzone-normal-state-subtext-light-mode-color);
  --file-upload-dropzone-normal-state-subtext-dark-mode-color: var(--core-text-20-dark-mode-color);
  --file-upload-dropzone-normal-state-subtext-font-family: var(--core-type-paragraph-20-font-family);
  --file-upload-dropzone-normal-state-subtext-leading: var(--core-type-paragraph-20-leading);
  --file-upload-dropzone-normal-state-subtext-light-mode-color: var(--core-text-20-light-mode-color);
  --file-upload-dropzone-normal-state-subtext-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --file-upload-dropzone-normal-state-subtext-scale: var(--core-type-paragraph-20-scale);
  --file-upload-dropzone-normal-state-subtext-size: var(--core-type-paragraph-20-size);
  --file-upload-dropzone-normal-state-subtext-tracking: var(--core-type-paragraph-20-tracking);
  --file-upload-dropzone-normal-state-subtext-weight: var(--core-type-paragraph-20-weight);
  --file-upload-dropzone-normal-state-text-case: var(--core-type-paragraph-30-case);
  --file-upload-dropzone-normal-state-text-color: var(--file-upload-dropzone-normal-state-text-light-mode-color);
  --file-upload-dropzone-normal-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --file-upload-dropzone-normal-state-text-font-family: var(--core-type-paragraph-30-font-family);
  --file-upload-dropzone-normal-state-text-leading: var(--core-type-paragraph-30-leading);
  --file-upload-dropzone-normal-state-text-light-mode-color: var(--core-text-10-light-mode-color);
  --file-upload-dropzone-normal-state-text-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --file-upload-dropzone-normal-state-text-scale: var(--core-type-paragraph-30-scale);
  --file-upload-dropzone-normal-state-text-size: var(--core-type-paragraph-30-size);
  --file-upload-dropzone-normal-state-text-tracking: var(--core-type-paragraph-30-tracking);
  --file-upload-dropzone-normal-state-text-weight: var(--core-type-paragraph-30-weight);
  --file-upload-dropzone-pressed-state-background-color: var(--file-upload-dropzone-pressed-state-background-light-mode-color);
  --file-upload-dropzone-pressed-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --file-upload-dropzone-pressed-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --file-upload-dropzone-pressed-state-border-color: var(--file-upload-dropzone-pressed-state-border-light-mode-color);
  --file-upload-dropzone-pressed-state-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --file-upload-dropzone-pressed-state-border-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --file-upload-dropzone-pressed-state-border-radius: var(--file-upload-dropzone-normal-state-border-radius);
  --file-upload-dropzone-pressed-state-border-width: var(--file-upload-dropzone-normal-state-border-width);
  --file-upload-dropzone-pressed-state-icon-color: var(--file-upload-dropzone-pressed-state-icon-light-mode-color);
  --file-upload-dropzone-pressed-state-icon-dark-mode-color: var(--file-upload-dropzone-normal-state-icon-dark-mode-color);
  --file-upload-dropzone-pressed-state-icon-light-mode-color: var(--file-upload-dropzone-normal-state-icon-light-mode-color);
  --file-upload-dropzone-pressed-state-subtext-case: var(--file-upload-dropzone-normal-state-subtext-case);
  --file-upload-dropzone-pressed-state-subtext-color: var(--file-upload-dropzone-pressed-state-subtext-light-mode-color);
  --file-upload-dropzone-pressed-state-subtext-dark-mode-color: var(--file-upload-dropzone-normal-state-subtext-dark-mode-color);
  --file-upload-dropzone-pressed-state-subtext-font-family: var(--file-upload-dropzone-normal-state-subtext-font-family);
  --file-upload-dropzone-pressed-state-subtext-leading: var(--file-upload-dropzone-normal-state-subtext-leading);
  --file-upload-dropzone-pressed-state-subtext-light-mode-color: var(--file-upload-dropzone-normal-state-subtext-light-mode-color);
  --file-upload-dropzone-pressed-state-subtext-number-spacing: var(--file-upload-dropzone-normal-state-subtext-number-spacing);
  --file-upload-dropzone-pressed-state-subtext-scale: var(--file-upload-dropzone-normal-state-subtext-scale);
  --file-upload-dropzone-pressed-state-subtext-size: var(--file-upload-dropzone-normal-state-subtext-size);
  --file-upload-dropzone-pressed-state-subtext-tracking: var(--file-upload-dropzone-normal-state-subtext-tracking);
  --file-upload-dropzone-pressed-state-subtext-weight: var(--file-upload-dropzone-normal-state-subtext-weight);
  --file-upload-dropzone-pressed-state-text-case: var(--file-upload-dropzone-normal-state-text-case);
  --file-upload-dropzone-pressed-state-text-color: var(--file-upload-dropzone-pressed-state-text-light-mode-color);
  --file-upload-dropzone-pressed-state-text-dark-mode-color: var(--file-upload-dropzone-normal-state-text-dark-mode-color);
  --file-upload-dropzone-pressed-state-text-font-family: var(--file-upload-dropzone-normal-state-text-font-family);
  --file-upload-dropzone-pressed-state-text-leading: var(--file-upload-dropzone-normal-state-text-leading);
  --file-upload-dropzone-pressed-state-text-light-mode-color: var(--file-upload-dropzone-normal-state-text-light-mode-color);
  --file-upload-dropzone-pressed-state-text-number-spacing: var(--file-upload-dropzone-normal-state-text-number-spacing);
  --file-upload-dropzone-pressed-state-text-scale: var(--file-upload-dropzone-normal-state-text-scale);
  --file-upload-dropzone-pressed-state-text-size: var(--file-upload-dropzone-normal-state-text-size);
  --file-upload-dropzone-pressed-state-text-tracking: var(--file-upload-dropzone-normal-state-text-tracking);
  --file-upload-dropzone-pressed-state-text-weight: var(--file-upload-dropzone-normal-state-text-weight);
  --file-upload-dropzone-vertical-padding: var(--file-upload-dropzone-horizontal-padding);
  --file-upload-upload-item-error-state-background-color: var(--file-upload-upload-item-error-state-background-light-mode-color);
  --file-upload-upload-item-error-state-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);
  --file-upload-upload-item-error-state-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);
  --file-upload-upload-item-error-state-leading-accessory-background-color: var(--file-upload-upload-item-error-state-leading-accessory-background-light-mode-color);
  --file-upload-upload-item-error-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);
  --file-upload-upload-item-error-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);
  --file-upload-upload-item-error-state-leading-accessory-height: var(--core-metrics-spacing-300);
  --file-upload-upload-item-error-state-leading-accessory-icon-color: var(--file-upload-upload-item-error-state-leading-accessory-icon-light-mode-color);
  --file-upload-upload-item-error-state-leading-accessory-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --file-upload-upload-item-error-state-leading-accessory-icon-light-mode-color: var(--core-fill-10-light-mode-color);
  --file-upload-upload-item-error-state-leading-accessory-width: var(--file-upload-upload-item-error-state-leading-accessory-height);
  --file-upload-upload-item-error-state-subtext-case: var(--file-upload-upload-item-normal-state-subtext-case);
  --file-upload-upload-item-error-state-subtext-color: var(--file-upload-upload-item-error-state-subtext-light-mode-color);
  --file-upload-upload-item-error-state-subtext-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --file-upload-upload-item-error-state-subtext-font-family: var(--file-upload-upload-item-normal-state-subtext-font-family);
  --file-upload-upload-item-error-state-subtext-leading: var(--file-upload-upload-item-normal-state-subtext-leading);
  --file-upload-upload-item-error-state-subtext-light-mode-color: var(--core-critical-text-light-mode-color);
  --file-upload-upload-item-error-state-subtext-number-spacing: var(--file-upload-upload-item-normal-state-subtext-number-spacing);
  --file-upload-upload-item-error-state-subtext-scale: var(--file-upload-upload-item-normal-state-subtext-scale);
  --file-upload-upload-item-error-state-subtext-size: var(--file-upload-upload-item-normal-state-subtext-size);
  --file-upload-upload-item-error-state-subtext-tracking: var(--file-upload-upload-item-normal-state-subtext-tracking);
  --file-upload-upload-item-error-state-subtext-weight: var(--file-upload-upload-item-normal-state-subtext-weight);
  --file-upload-upload-item-error-state-text-case: var(--file-upload-upload-item-normal-state-text-case);
  --file-upload-upload-item-error-state-text-color: var(--file-upload-upload-item-error-state-text-light-mode-color);
  --file-upload-upload-item-error-state-text-dark-mode-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color);
  --file-upload-upload-item-error-state-text-font-family: var(--file-upload-upload-item-normal-state-text-font-family);
  --file-upload-upload-item-error-state-text-leading: var(--file-upload-upload-item-normal-state-text-leading);
  --file-upload-upload-item-error-state-text-light-mode-color: var(--file-upload-upload-item-normal-state-text-light-mode-color);
  --file-upload-upload-item-error-state-text-number-spacing: var(--file-upload-upload-item-normal-state-text-number-spacing);
  --file-upload-upload-item-error-state-text-scale: var(--file-upload-upload-item-normal-state-text-scale);
  --file-upload-upload-item-error-state-text-size: var(--file-upload-upload-item-normal-state-text-size);
  --file-upload-upload-item-error-state-text-tracking: var(--file-upload-upload-item-normal-state-text-tracking);
  --file-upload-upload-item-error-state-text-weight: var(--file-upload-upload-item-normal-state-text-weight);
  --file-upload-upload-item-error-state-trailing-accessory-icon-color: var(--file-upload-upload-item-error-state-trailing-accessory-icon-light-mode-color);
  --file-upload-upload-item-error-state-trailing-accessory-icon-dark-mode-color: var(--core-critical-fill-dark-mode-color);
  --file-upload-upload-item-error-state-trailing-accessory-icon-light-mode-color: var(--core-critical-fill-light-mode-color);
  --file-upload-upload-item-horizontal-gap: var(--core-metrics-spacing-200);
  --file-upload-upload-item-hover-state-background-color: var(--file-upload-upload-item-hover-state-background-light-mode-color);
  --file-upload-upload-item-hover-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color);
  --file-upload-upload-item-hover-state-background-light-mode-color: var(--core-fill-50-light-mode-color);
  --file-upload-upload-item-hover-state-leading-accessory-background-color: var(--file-upload-upload-item-hover-state-leading-accessory-background-light-mode-color);
  --file-upload-upload-item-hover-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color);
  --file-upload-upload-item-hover-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color);
  --file-upload-upload-item-hover-state-leading-accessory-height: var(--file-upload-upload-item-normal-state-leading-accessory-height);
  --file-upload-upload-item-hover-state-leading-accessory-icon-color: var(--file-upload-upload-item-hover-state-leading-accessory-icon-light-mode-color);
  --file-upload-upload-item-hover-state-leading-accessory-icon-dark-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color);
  --file-upload-upload-item-hover-state-leading-accessory-icon-light-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color);
  --file-upload-upload-item-hover-state-leading-accessory-width: var(--file-upload-upload-item-normal-state-leading-accessory-width);
  --file-upload-upload-item-hover-state-subtext-case: var(--file-upload-upload-item-normal-state-subtext-case);
  --file-upload-upload-item-hover-state-subtext-color: var(--file-upload-upload-item-hover-state-subtext-light-mode-color);
  --file-upload-upload-item-hover-state-subtext-dark-mode-color: var(--file-upload-upload-item-normal-state-subtext-dark-mode-color);
  --file-upload-upload-item-hover-state-subtext-font-family: var(--file-upload-upload-item-normal-state-subtext-font-family);
  --file-upload-upload-item-hover-state-subtext-leading: var(--file-upload-upload-item-normal-state-subtext-leading);
  --file-upload-upload-item-hover-state-subtext-light-mode-color: var(--file-upload-upload-item-normal-state-subtext-light-mode-color);
  --file-upload-upload-item-hover-state-subtext-number-spacing: var(--file-upload-upload-item-normal-state-subtext-number-spacing);
  --file-upload-upload-item-hover-state-subtext-scale: var(--file-upload-upload-item-normal-state-subtext-scale);
  --file-upload-upload-item-hover-state-subtext-size: var(--file-upload-upload-item-normal-state-subtext-size);
  --file-upload-upload-item-hover-state-subtext-tracking: var(--file-upload-upload-item-normal-state-subtext-tracking);
  --file-upload-upload-item-hover-state-subtext-weight: var(--file-upload-upload-item-normal-state-subtext-weight);
  --file-upload-upload-item-hover-state-text-case: var(--file-upload-upload-item-normal-state-text-case);
  --file-upload-upload-item-hover-state-text-color: var(--file-upload-upload-item-hover-state-text-light-mode-color);
  --file-upload-upload-item-hover-state-text-dark-mode-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color);
  --file-upload-upload-item-hover-state-text-font-family: var(--file-upload-upload-item-normal-state-text-font-family);
  --file-upload-upload-item-hover-state-text-leading: var(--file-upload-upload-item-normal-state-text-leading);
  --file-upload-upload-item-hover-state-text-light-mode-color: var(--file-upload-upload-item-normal-state-text-light-mode-color);
  --file-upload-upload-item-hover-state-text-number-spacing: var(--file-upload-upload-item-normal-state-text-number-spacing);
  --file-upload-upload-item-hover-state-text-scale: var(--file-upload-upload-item-normal-state-text-scale);
  --file-upload-upload-item-hover-state-text-size: var(--file-upload-upload-item-normal-state-text-size);
  --file-upload-upload-item-hover-state-text-tracking: var(--file-upload-upload-item-normal-state-text-tracking);
  --file-upload-upload-item-hover-state-text-weight: var(--file-upload-upload-item-normal-state-text-weight);
  --file-upload-upload-item-hover-state-trailing-accessory-icon-color: var(--file-upload-upload-item-hover-state-trailing-accessory-icon-light-mode-color);
  --file-upload-upload-item-hover-state-trailing-accessory-icon-dark-mode-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color);
  --file-upload-upload-item-hover-state-trailing-accessory-icon-light-mode-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color);
  --file-upload-upload-item-loading-state-background-color: var(--file-upload-upload-item-loading-state-background-light-mode-color);
  --file-upload-upload-item-loading-state-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);
  --file-upload-upload-item-loading-state-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);
  --file-upload-upload-item-loading-state-leading-accessory-background-color: var(--file-upload-upload-item-loading-state-leading-accessory-background-light-mode-color);
  --file-upload-upload-item-loading-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);
  --file-upload-upload-item-loading-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);
  --file-upload-upload-item-loading-state-leading-accessory-height: var(--core-metrics-spacing-300);
  --file-upload-upload-item-loading-state-leading-accessory-icon-color: var(--file-upload-upload-item-loading-state-leading-accessory-icon-light-mode-color);
  --file-upload-upload-item-loading-state-leading-accessory-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --file-upload-upload-item-loading-state-leading-accessory-icon-light-mode-color: var(--core-fill-10-light-mode-color);
  --file-upload-upload-item-loading-state-leading-accessory-width: var(--file-upload-upload-item-loading-state-leading-accessory-height);
  --file-upload-upload-item-loading-state-subtext-case: var(--core-type-paragraph-20-case);
  --file-upload-upload-item-loading-state-subtext-color: var(--file-upload-upload-item-loading-state-subtext-light-mode-color);
  --file-upload-upload-item-loading-state-subtext-dark-mode-color: var(--core-text-20-dark-mode-color);
  --file-upload-upload-item-loading-state-subtext-font-family: var(--core-type-paragraph-20-font-family);
  --file-upload-upload-item-loading-state-subtext-leading: var(--core-type-paragraph-20-leading);
  --file-upload-upload-item-loading-state-subtext-light-mode-color: var(--core-text-20-light-mode-color);
  --file-upload-upload-item-loading-state-subtext-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --file-upload-upload-item-loading-state-subtext-scale: var(--core-type-paragraph-20-scale);
  --file-upload-upload-item-loading-state-subtext-size: var(--core-type-paragraph-20-size);
  --file-upload-upload-item-loading-state-subtext-tracking: var(--core-type-paragraph-20-tracking);
  --file-upload-upload-item-loading-state-subtext-weight: var(--core-type-paragraph-20-weight);
  --file-upload-upload-item-loading-state-text-case: var(--core-type-paragraph-30-case);
  --file-upload-upload-item-loading-state-text-color: var(--file-upload-upload-item-loading-state-text-light-mode-color);
  --file-upload-upload-item-loading-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --file-upload-upload-item-loading-state-text-font-family: var(--core-type-paragraph-30-font-family);
  --file-upload-upload-item-loading-state-text-leading: var(--core-type-paragraph-30-leading);
  --file-upload-upload-item-loading-state-text-light-mode-color: var(--core-text-10-light-mode-color);
  --file-upload-upload-item-loading-state-text-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --file-upload-upload-item-loading-state-text-scale: var(--core-type-paragraph-30-scale);
  --file-upload-upload-item-loading-state-text-size: var(--core-type-paragraph-30-size);
  --file-upload-upload-item-loading-state-text-tracking: var(--core-type-paragraph-30-tracking);
  --file-upload-upload-item-loading-state-text-weight: var(--core-type-paragraph-30-weight);
  --file-upload-upload-item-loading-state-trailing-accessory-icon-color: var(--file-upload-upload-item-loading-state-trailing-accessory-icon-light-mode-color);
  --file-upload-upload-item-loading-state-trailing-accessory-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --file-upload-upload-item-loading-state-trailing-accessory-icon-light-mode-color: var(--core-fill-20-light-mode-color);
  --file-upload-upload-item-multiple-value-border-radius: var(--file-upload-upload-item-single-value-border-radius);
  --file-upload-upload-item-multiple-value-separator-color: var(--file-upload-upload-item-multiple-value-separator-light-mode-color);
  --file-upload-upload-item-multiple-value-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);
  --file-upload-upload-item-multiple-value-separator-light-mode-color: var(--core-divider-20-light-mode-color);
  --file-upload-upload-item-normal-state-background-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);
  --file-upload-upload-item-normal-state-background-dark-mode-color: var(--core-surface-10-dark-mode-color);
  --file-upload-upload-item-normal-state-background-light-mode-color: var(--core-surface-10-light-mode-color);
  --file-upload-upload-item-normal-state-leading-accessory-background-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color);
  --file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color: var(--core-fill-40-light-mode-color);
  --file-upload-upload-item-normal-state-leading-accessory-height: var(--core-metrics-spacing-300);
  --file-upload-upload-item-normal-state-leading-accessory-icon-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color);
  --file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color: var(--core-fill-10-light-mode-color);
  --file-upload-upload-item-normal-state-leading-accessory-width: var(--file-upload-upload-item-normal-state-leading-accessory-height);
  --file-upload-upload-item-normal-state-subtext-case: var(--core-type-paragraph-20-case);
  --file-upload-upload-item-normal-state-subtext-color: var(--file-upload-upload-item-normal-state-subtext-light-mode-color);
  --file-upload-upload-item-normal-state-subtext-dark-mode-color: var(--core-text-20-dark-mode-color);
  --file-upload-upload-item-normal-state-subtext-font-family: var(--core-type-paragraph-20-font-family);
  --file-upload-upload-item-normal-state-subtext-leading: var(--core-type-paragraph-20-leading);
  --file-upload-upload-item-normal-state-subtext-light-mode-color: var(--core-text-20-light-mode-color);
  --file-upload-upload-item-normal-state-subtext-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --file-upload-upload-item-normal-state-subtext-scale: var(--core-type-paragraph-20-scale);
  --file-upload-upload-item-normal-state-subtext-size: var(--core-type-paragraph-20-size);
  --file-upload-upload-item-normal-state-subtext-tracking: var(--core-type-paragraph-20-tracking);
  --file-upload-upload-item-normal-state-subtext-weight: var(--core-type-paragraph-20-weight);
  --file-upload-upload-item-normal-state-text-case: var(--core-type-paragraph-30-case);
  --file-upload-upload-item-normal-state-text-color: var(--file-upload-upload-item-normal-state-text-light-mode-color);
  --file-upload-upload-item-normal-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --file-upload-upload-item-normal-state-text-font-family: var(--core-type-paragraph-30-font-family);
  --file-upload-upload-item-normal-state-text-leading: var(--core-type-paragraph-30-leading);
  --file-upload-upload-item-normal-state-text-light-mode-color: var(--core-text-10-light-mode-color);
  --file-upload-upload-item-normal-state-text-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --file-upload-upload-item-normal-state-text-scale: var(--core-type-paragraph-30-scale);
  --file-upload-upload-item-normal-state-text-size: var(--core-type-paragraph-30-size);
  --file-upload-upload-item-normal-state-text-tracking: var(--core-type-paragraph-30-tracking);
  --file-upload-upload-item-normal-state-text-weight: var(--core-type-paragraph-30-weight);
  --file-upload-upload-item-normal-state-trailing-accessory-icon-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color);
  --file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color: var(--core-fill-20-light-mode-color);
  --file-upload-upload-item-pressed-state-background-color: var(--file-upload-upload-item-pressed-state-background-light-mode-color);
  --file-upload-upload-item-pressed-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --file-upload-upload-item-pressed-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --file-upload-upload-item-pressed-state-leading-accessory-background-color: var(--file-upload-upload-item-pressed-state-leading-accessory-background-light-mode-color);
  --file-upload-upload-item-pressed-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color);
  --file-upload-upload-item-pressed-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color);
  --file-upload-upload-item-pressed-state-leading-accessory-height: var(--file-upload-upload-item-normal-state-leading-accessory-height);
  --file-upload-upload-item-pressed-state-leading-accessory-icon-color: var(--file-upload-upload-item-pressed-state-leading-accessory-icon-light-mode-color);
  --file-upload-upload-item-pressed-state-leading-accessory-icon-dark-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color);
  --file-upload-upload-item-pressed-state-leading-accessory-icon-light-mode-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color);
  --file-upload-upload-item-pressed-state-leading-accessory-width: var(--file-upload-upload-item-normal-state-leading-accessory-width);
  --file-upload-upload-item-pressed-state-subtext-case: var(--file-upload-upload-item-normal-state-subtext-case);
  --file-upload-upload-item-pressed-state-subtext-color: var(--file-upload-upload-item-pressed-state-subtext-light-mode-color);
  --file-upload-upload-item-pressed-state-subtext-dark-mode-color: var(--file-upload-upload-item-normal-state-subtext-dark-mode-color);
  --file-upload-upload-item-pressed-state-subtext-font-family: var(--file-upload-upload-item-normal-state-subtext-font-family);
  --file-upload-upload-item-pressed-state-subtext-leading: var(--file-upload-upload-item-normal-state-subtext-leading);
  --file-upload-upload-item-pressed-state-subtext-light-mode-color: var(--file-upload-upload-item-normal-state-subtext-light-mode-color);
  --file-upload-upload-item-pressed-state-subtext-number-spacing: var(--file-upload-upload-item-normal-state-subtext-number-spacing);
  --file-upload-upload-item-pressed-state-subtext-scale: var(--file-upload-upload-item-normal-state-subtext-scale);
  --file-upload-upload-item-pressed-state-subtext-size: var(--file-upload-upload-item-normal-state-subtext-size);
  --file-upload-upload-item-pressed-state-subtext-tracking: var(--file-upload-upload-item-normal-state-subtext-tracking);
  --file-upload-upload-item-pressed-state-subtext-weight: var(--file-upload-upload-item-normal-state-subtext-weight);
  --file-upload-upload-item-pressed-state-text-case: var(--file-upload-upload-item-normal-state-text-case);
  --file-upload-upload-item-pressed-state-text-color: var(--file-upload-upload-item-pressed-state-text-light-mode-color);
  --file-upload-upload-item-pressed-state-text-dark-mode-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color);
  --file-upload-upload-item-pressed-state-text-font-family: var(--file-upload-upload-item-normal-state-text-font-family);
  --file-upload-upload-item-pressed-state-text-leading: var(--file-upload-upload-item-normal-state-text-leading);
  --file-upload-upload-item-pressed-state-text-light-mode-color: var(--file-upload-upload-item-normal-state-text-light-mode-color);
  --file-upload-upload-item-pressed-state-text-number-spacing: var(--file-upload-upload-item-normal-state-text-number-spacing);
  --file-upload-upload-item-pressed-state-text-scale: var(--file-upload-upload-item-normal-state-text-scale);
  --file-upload-upload-item-pressed-state-text-size: var(--file-upload-upload-item-normal-state-text-size);
  --file-upload-upload-item-pressed-state-text-tracking: var(--file-upload-upload-item-normal-state-text-tracking);
  --file-upload-upload-item-pressed-state-text-weight: var(--file-upload-upload-item-normal-state-text-weight);
  --file-upload-upload-item-pressed-state-trailing-accessory-icon-color: var(--file-upload-upload-item-pressed-state-trailing-accessory-icon-light-mode-color);
  --file-upload-upload-item-pressed-state-trailing-accessory-icon-dark-mode-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color);
  --file-upload-upload-item-pressed-state-trailing-accessory-icon-light-mode-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color);
  --file-upload-upload-item-single-value-border-color-color: var(--file-upload-upload-item-single-value-border-color-light-mode-color);
  --file-upload-upload-item-single-value-border-color-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --file-upload-upload-item-single-value-border-color-light-mode-color: var(--core-fill-30-light-mode-color);
  --file-upload-upload-item-single-value-border-radius: var(--core-radius-200);
  --file-upload-upload-item-single-value-border-width: var(--core-border-10);
  --file-upload-upload-item-success-state-background-color: var(--file-upload-upload-item-success-state-background-light-mode-color);
  --file-upload-upload-item-success-state-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);
  --file-upload-upload-item-success-state-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);
  --file-upload-upload-item-success-state-leading-accessory-background-color: var(--file-upload-upload-item-success-state-leading-accessory-background-light-mode-color);
  --file-upload-upload-item-success-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);
  --file-upload-upload-item-success-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color);
  --file-upload-upload-item-success-state-leading-accessory-height: var(--core-metrics-spacing-300);
  --file-upload-upload-item-success-state-leading-accessory-icon-color: var(--file-upload-upload-item-success-state-leading-accessory-icon-light-mode-color);
  --file-upload-upload-item-success-state-leading-accessory-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --file-upload-upload-item-success-state-leading-accessory-icon-light-mode-color: var(--core-fill-10-light-mode-color);
  --file-upload-upload-item-success-state-leading-accessory-width: var(--file-upload-upload-item-success-state-leading-accessory-height);
  --file-upload-upload-item-success-state-subtext-case: var(--file-upload-upload-item-normal-state-subtext-case);
  --file-upload-upload-item-success-state-subtext-color: var(--file-upload-upload-item-success-state-subtext-light-mode-color);
  --file-upload-upload-item-success-state-subtext-dark-mode-color: var(--file-upload-upload-item-normal-state-subtext-dark-mode-color);
  --file-upload-upload-item-success-state-subtext-font-family: var(--file-upload-upload-item-normal-state-subtext-font-family);
  --file-upload-upload-item-success-state-subtext-leading: var(--file-upload-upload-item-normal-state-subtext-leading);
  --file-upload-upload-item-success-state-subtext-light-mode-color: var(--file-upload-upload-item-normal-state-subtext-light-mode-color);
  --file-upload-upload-item-success-state-subtext-number-spacing: var(--file-upload-upload-item-normal-state-subtext-number-spacing);
  --file-upload-upload-item-success-state-subtext-scale: var(--file-upload-upload-item-normal-state-subtext-scale);
  --file-upload-upload-item-success-state-subtext-size: var(--file-upload-upload-item-normal-state-subtext-size);
  --file-upload-upload-item-success-state-subtext-tracking: var(--file-upload-upload-item-normal-state-subtext-tracking);
  --file-upload-upload-item-success-state-subtext-weight: var(--file-upload-upload-item-normal-state-subtext-weight);
  --file-upload-upload-item-success-state-text-case: var(--file-upload-upload-item-normal-state-text-case);
  --file-upload-upload-item-success-state-text-color: var(--file-upload-upload-item-success-state-text-light-mode-color);
  --file-upload-upload-item-success-state-text-dark-mode-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color);
  --file-upload-upload-item-success-state-text-font-family: var(--file-upload-upload-item-normal-state-text-font-family);
  --file-upload-upload-item-success-state-text-leading: var(--file-upload-upload-item-normal-state-text-leading);
  --file-upload-upload-item-success-state-text-light-mode-color: var(--file-upload-upload-item-normal-state-text-light-mode-color);
  --file-upload-upload-item-success-state-text-number-spacing: var(--file-upload-upload-item-normal-state-text-number-spacing);
  --file-upload-upload-item-success-state-text-scale: var(--file-upload-upload-item-normal-state-text-scale);
  --file-upload-upload-item-success-state-text-size: var(--file-upload-upload-item-normal-state-text-size);
  --file-upload-upload-item-success-state-text-tracking: var(--file-upload-upload-item-normal-state-text-tracking);
  --file-upload-upload-item-success-state-text-weight: var(--file-upload-upload-item-normal-state-text-weight);
  --file-upload-upload-item-success-state-trailing-accessory-icon-color: var(--file-upload-upload-item-success-state-trailing-accessory-icon-light-mode-color);
  --file-upload-upload-item-success-state-trailing-accessory-icon-dark-mode-color: var(--core-success-fill-dark-mode-color);
  --file-upload-upload-item-success-state-trailing-accessory-icon-light-mode-color: var(--core-success-fill-light-mode-color);
  --file-upload-upload-item-vertical-padding: var(--core-metrics-spacing-200);

  /* ========== filter-button ========== */
  --filter-button-border-radius: var(--core-radius-200);
  --filter-button-border-size: 1px;
  --filter-button-disabled-state-background-color: var(--filter-button-disabled-state-background-light-mode-color);
  --filter-button-disabled-state-background-dark-mode-color: transparent;
  --filter-button-disabled-state-background-light-mode-color: transparent;
  --filter-button-disabled-state-border-color: var(--filter-button-disabled-state-border-light-mode-color);
  --filter-button-disabled-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --filter-button-disabled-state-border-light-mode-color: var(--core-fill-30-light-mode-color);
  --filter-button-disabled-state-border-size: var(--core-border-10);
  --filter-button-disabled-state-feedback-color: var(--filter-button-disabled-state-feedback-light-mode-color);
  --filter-button-disabled-state-feedback-dark-mode-color: var(--core-text-30-dark-mode-color);
  --filter-button-disabled-state-feedback-light-mode-color: var(--core-text-30-light-mode-color);
  --filter-button-disabled-state-label-color: var(--filter-button-disabled-state-label-light-mode-color);
  --filter-button-disabled-state-label-dark-mode-color: var(--core-text-30-dark-mode-color);
  --filter-button-disabled-state-label-light-mode-color: var(--core-text-30-light-mode-color);
  --filter-button-feedback-maximum: 99;
  --filter-button-hover-state-background-color: var(--filter-button-hover-state-background-light-mode-color);
  --filter-button-hover-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --filter-button-hover-state-background-light-mode-color: var(--core-fill-40-light-mode-color);
  --filter-button-hover-state-border-color: var(--filter-button-hover-state-border-light-mode-color);
  --filter-button-hover-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --filter-button-hover-state-border-light-mode-color: var(--core-fill-30-light-mode-color);
  --filter-button-hover-state-border-size: var(--core-border-10);
  --filter-button-hover-state-feedback-color: var(--filter-button-hover-state-feedback-light-mode-color);
  --filter-button-hover-state-feedback-dark-mode-color: var(--core-text-10-dark-mode-color);
  --filter-button-hover-state-feedback-light-mode-color: var(--core-text-10-light-mode-color);
  --filter-button-hover-state-label-color: var(--filter-button-hover-state-label-light-mode-color);
  --filter-button-hover-state-label-dark-mode-color: var(--core-text-20-dark-mode-color);
  --filter-button-hover-state-label-light-mode-color: var(--core-text-20-light-mode-color);
  --filter-button-icon-content-spacing: var(--core-metrics-spacing-50);
  --filter-button-icon-feedback-trailing-padding: 2px;
  --filter-button-label-content-spacing: var(--core-metrics-spacing-100);
  --filter-button-medium-size-feedback-text-case: var(--core-type-semibold-30-case);
  --filter-button-medium-size-feedback-text-font-family: var(--core-type-semibold-30-font-family);
  --filter-button-medium-size-feedback-text-leading: var(--core-type-semibold-30-leading);
  --filter-button-medium-size-feedback-text-number-spacing: var(--core-type-semibold-30-number-spacing);
  --filter-button-medium-size-feedback-text-scale: var(--core-type-semibold-30-scale);
  --filter-button-medium-size-feedback-text-size: var(--core-type-semibold-30-size);
  --filter-button-medium-size-feedback-text-tracking: var(--core-type-semibold-30-tracking);
  --filter-button-medium-size-feedback-text-weight: var(--core-type-semibold-30-weight);
  --filter-button-medium-size-icon-horizontal-padding: 12px;
  --filter-button-medium-size-icon-text-case: var(--core-type-semibold-30-case);
  --filter-button-medium-size-icon-text-font-family: var(--core-type-semibold-30-font-family);
  --filter-button-medium-size-icon-text-leading: var(--core-type-semibold-30-leading);
  --filter-button-medium-size-icon-text-number-spacing: var(--core-type-semibold-30-number-spacing);
  --filter-button-medium-size-icon-text-scale: var(--core-type-semibold-30-scale);
  --filter-button-medium-size-icon-text-size: var(--core-type-semibold-30-size);
  --filter-button-medium-size-icon-text-tracking: var(--core-type-semibold-30-tracking);
  --filter-button-medium-size-icon-text-weight: var(--core-type-semibold-30-weight);
  --filter-button-medium-size-icon-vertical-padding: 12px;
  --filter-button-medium-size-label-horizontal-padding: 16px;
  --filter-button-medium-size-label-text-case: var(--core-type-paragraph-30-case);
  --filter-button-medium-size-label-text-font-family: var(--core-type-paragraph-30-font-family);
  --filter-button-medium-size-label-text-leading: var(--core-type-paragraph-30-leading);
  --filter-button-medium-size-label-text-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --filter-button-medium-size-label-text-scale: var(--core-type-paragraph-30-scale);
  --filter-button-medium-size-label-text-size: var(--core-type-paragraph-30-size);
  --filter-button-medium-size-label-text-tracking: var(--core-type-paragraph-30-tracking);
  --filter-button-medium-size-label-text-weight: var(--core-type-paragraph-30-weight);
  --filter-button-medium-size-label-vertical-padding: 12px;
  --filter-button-medium-size-minimum-height: 48px;
  --filter-button-medium-size-minimum-width-multiplier: 1;
  --filter-button-normal-state-background-color: var(--filter-button-normal-state-background-light-mode-color);
  --filter-button-normal-state-background-dark-mode-color: transparent;
  --filter-button-normal-state-background-light-mode-color: transparent;
  --filter-button-normal-state-border-color: var(--filter-button-normal-state-border-light-mode-color);
  --filter-button-normal-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --filter-button-normal-state-border-high-contrast-color: var(--filter-button-normal-state-border-high-contrast-light-mode-color);
  --filter-button-normal-state-border-high-contrast-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --filter-button-normal-state-border-high-contrast-light-mode-color: var(--core-fill-20-light-mode-color);
  --filter-button-normal-state-border-light-mode-color: var(--core-fill-30-light-mode-color);
  --filter-button-normal-state-border-normal-contrast-color: var(--filter-button-normal-state-border-normal-contrast-light-mode-color);
  --filter-button-normal-state-border-normal-contrast-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --filter-button-normal-state-border-normal-contrast-light-mode-color: var(--core-fill-30-light-mode-color);
  --filter-button-normal-state-border-size: var(--core-border-10);
  --filter-button-normal-state-feedback-color: var(--filter-button-normal-state-feedback-light-mode-color);
  --filter-button-normal-state-feedback-dark-mode-color: var(--core-text-10-dark-mode-color);
  --filter-button-normal-state-feedback-light-mode-color: var(--core-text-10-light-mode-color);
  --filter-button-normal-state-label-color: var(--filter-button-normal-state-label-light-mode-color);
  --filter-button-normal-state-label-dark-mode-color: var(--core-text-20-dark-mode-color);
  --filter-button-normal-state-label-light-mode-color: var(--core-text-20-light-mode-color);
  --filter-button-pressed-state-background-color: var(--filter-button-pressed-state-background-light-mode-color);
  --filter-button-pressed-state-background-dark-mode-color: transparent;
  --filter-button-pressed-state-background-light-mode-color: transparent;
  --filter-button-pressed-state-border-color: var(--filter-button-pressed-state-border-light-mode-color);
  --filter-button-pressed-state-border-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --filter-button-pressed-state-border-light-mode-color: var(--core-fill-10-light-mode-color);
  --filter-button-pressed-state-border-size: var(--core-border-20);
  --filter-button-pressed-state-feedback-color: var(--filter-button-pressed-state-feedback-light-mode-color);
  --filter-button-pressed-state-feedback-dark-mode-color: var(--core-text-10-dark-mode-color);
  --filter-button-pressed-state-feedback-light-mode-color: var(--core-text-10-light-mode-color);
  --filter-button-pressed-state-label-color: var(--filter-button-pressed-state-label-light-mode-color);
  --filter-button-pressed-state-label-dark-mode-color: var(--core-text-20-dark-mode-color);
  --filter-button-pressed-state-label-light-mode-color: var(--core-text-20-light-mode-color);
  --filter-button-small-size-feedback-text-case: var(--core-type-semibold-20-case);
  --filter-button-small-size-feedback-text-font-family: var(--core-type-semibold-20-font-family);
  --filter-button-small-size-feedback-text-leading: var(--core-type-semibold-20-leading);
  --filter-button-small-size-feedback-text-number-spacing: var(--core-type-semibold-20-number-spacing);
  --filter-button-small-size-feedback-text-scale: var(--core-type-semibold-20-scale);
  --filter-button-small-size-feedback-text-size: var(--core-type-semibold-20-size);
  --filter-button-small-size-feedback-text-tracking: var(--core-type-semibold-20-tracking);
  --filter-button-small-size-feedback-text-weight: var(--core-type-semibold-20-weight);
  --filter-button-small-size-icon-horizontal-padding: 8px;
  --filter-button-small-size-icon-text-case: var(--core-type-semibold-30-case);
  --filter-button-small-size-icon-text-font-family: var(--core-type-semibold-30-font-family);
  --filter-button-small-size-icon-text-leading: var(--core-type-semibold-30-leading);
  --filter-button-small-size-icon-text-number-spacing: var(--core-type-semibold-30-number-spacing);
  --filter-button-small-size-icon-text-scale: var(--core-type-semibold-30-scale);
  --filter-button-small-size-icon-text-size: var(--core-type-semibold-30-size);
  --filter-button-small-size-icon-text-tracking: var(--core-type-semibold-30-tracking);
  --filter-button-small-size-icon-text-weight: var(--core-type-semibold-30-weight);
  --filter-button-small-size-icon-vertical-padding: 8px;
  --filter-button-small-size-label-horizontal-padding: 12px;
  --filter-button-small-size-label-text-case: var(--core-type-paragraph-20-case);
  --filter-button-small-size-label-text-font-family: var(--core-type-paragraph-20-font-family);
  --filter-button-small-size-label-text-leading: var(--core-type-paragraph-20-leading);
  --filter-button-small-size-label-text-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --filter-button-small-size-label-text-scale: var(--core-type-paragraph-20-scale);
  --filter-button-small-size-label-text-size: var(--core-type-paragraph-20-size);
  --filter-button-small-size-label-text-tracking: var(--core-type-paragraph-20-tracking);
  --filter-button-small-size-label-text-weight: var(--core-type-paragraph-20-weight);
  --filter-button-small-size-label-vertical-padding: 9px;
  --filter-button-small-size-minimum-height: 40px;
  --filter-button-small-size-minimum-width-multiplier: 1;

  /* ========== footer ========== */
  --footer-vertical-padding-size: 16px;

  /* ========== hardware-slider ========== */
  --hardware-slider-icon-size: 24px;
  --hardware-slider-icon-tint-color: var(--hardware-slider-icon-tint-light-mode-color);
  --hardware-slider-icon-tint-dark-mode-color: var(--core-fill-inverse-dark-mode-color);
  --hardware-slider-icon-tint-light-mode-color: var(--core-fill-inverse-light-mode-color);
  --hardware-slider-minimum-height: 48px;
  --hardware-slider-minimum-width: 48px;
  --hardware-slider-track-active-corner-radius: 40px;
  --hardware-slider-track-active-disabled-state-background-color: var(--hardware-slider-track-active-disabled-state-background-light-mode-color);
  --hardware-slider-track-active-disabled-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --hardware-slider-track-active-disabled-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --hardware-slider-track-active-height: 40px;
  --hardware-slider-track-active-normal-state-background-color: var(--hardware-slider-track-active-normal-state-background-light-mode-color);
  --hardware-slider-track-active-normal-state-background-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --hardware-slider-track-active-normal-state-background-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --hardware-slider-track-active-padding-horizontal-size: 8px;
  --hardware-slider-track-inactive-corner-radius: 16px;
  --hardware-slider-track-inactive-disabled-state-background-color: var(--hardware-slider-track-inactive-disabled-state-background-light-mode-color);
  --hardware-slider-track-inactive-disabled-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --hardware-slider-track-inactive-disabled-state-background-light-mode-color: var(--core-fill-40-light-mode-color);
  --hardware-slider-track-inactive-height: 16px;
  --hardware-slider-track-inactive-normal-state-background-color: var(--hardware-slider-track-inactive-normal-state-background-light-mode-color);
  --hardware-slider-track-inactive-normal-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --hardware-slider-track-inactive-normal-state-background-light-mode-color: var(--core-fill-30-light-mode-color);

  /* ========== header ========== */
  --header-bottom-padding-compact-size-class-size: var(--core-metrics-spacing-200);
  --header-bottom-padding-normal-size-class-size: var(--header-top-padding-compact-size-class-size);
  --header-bottom-padding-size: var(--core-metrics-spacing-200);
  --header-bottom-padding-wide-size-class-size: var(--header-top-padding-compact-size-class-size);
  --header-compact-content-style-heading-container-minimum-height: var(--core-medium-size-minimum-height);
  --header-compact-content-style-secondary-title-case: var(--core-type-paragraph-20-case);
  --header-compact-content-style-secondary-title-color: var(--header-compact-content-style-secondary-title-light-mode-color);
  --header-compact-content-style-secondary-title-dark-mode-color: var(--core-text-20-dark-mode-color);
  --header-compact-content-style-secondary-title-font-family: var(--core-type-paragraph-20-font-family);
  --header-compact-content-style-secondary-title-leading: var(--core-type-paragraph-20-leading);
  --header-compact-content-style-secondary-title-light-mode-color: var(--core-text-20-light-mode-color);
  --header-compact-content-style-secondary-title-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --header-compact-content-style-secondary-title-scale: var(--core-type-paragraph-20-scale);
  --header-compact-content-style-secondary-title-size: var(--core-type-paragraph-20-size);
  --header-compact-content-style-secondary-title-tracking: var(--core-type-paragraph-20-tracking);
  --header-compact-content-style-secondary-title-vertical-title-gap: 0px;
  --header-compact-content-style-secondary-title-weight: var(--core-type-paragraph-20-weight);
  --header-compact-content-style-title-case: var(--core-type-heading-20-case);
  --header-compact-content-style-title-color: var(--header-compact-content-style-title-light-mode-color);
  --header-compact-content-style-title-dark-mode-color: var(--core-text-10-dark-mode-color);
  --header-compact-content-style-title-font-family: var(--core-type-heading-20-font-family);
  --header-compact-content-style-title-horizontal-accessory-gap: var(--core-metrics-spacing-100);
  --header-compact-content-style-title-leading: var(--core-type-heading-20-leading);
  --header-compact-content-style-title-light-mode-color: var(--core-text-10-light-mode-color);
  --header-compact-content-style-title-number-spacing: var(--core-type-heading-20-number-spacing);
  --header-compact-content-style-title-scale: var(--core-type-heading-20-scale);
  --header-compact-content-style-title-size: var(--core-type-heading-20-size);
  --header-compact-content-style-title-tracking: var(--core-type-heading-20-tracking);
  --header-compact-content-style-title-weight: var(--core-type-heading-20-weight);
  --header-compact-horizontal-size-class-heading-container-horizontal-gap: var(--core-metrics-spacing-150);
  --header-compact-horizontal-size-class-large-trailing-accessory-horizontal-start-gap: var(--core-metrics-spacing-150);
  --header-compact-horizontal-size-class-modal-sheet-context-vertical-end-gap: var(--core-metrics-spacing-200);
  --header-compact-horizontal-size-class-trailing-buttons-horizontal-gap: var(--core-metrics-spacing-100);
  --header-compact-vertical-size-class-compact-header-style-divider-vertical-end-gap: var(--core-metrics-spacing-100);
  --header-compact-vertical-size-class-divider-vertical-start-gap: var(--core-metrics-spacing-150);
  --header-compact-vertical-size-class-large-header-style-divider-vertical-end-gap: var(--header-compact-vertical-size-class-compact-header-style-divider-vertical-end-gap);
  --header-compact-vertical-size-class-large-header-style-paragraph-vertical-start-gap: var(--core-metrics-spacing-100);
  --header-divider-color: var(--header-divider-light-mode-color);
  --header-divider-dark-mode-color: var(--core-divider-20-dark-mode-color);
  --header-divider-light-mode-color: var(--core-divider-20-light-mode-color);
  --header-divider-size: var(--core-border-10);
  --header-horizontal-padding-compact-size-class-size: var(--core-metrics-spacing-200);
  --header-horizontal-padding-normal-size-class-size: var(--core-metrics-spacing-300);
  --header-horizontal-padding-size: var(--core-metrics-spacing-200);
  --header-horizontal-padding-wide-size-class-size: var(--header-top-padding-normal-size-class-size);
  --header-large-content-style-secondary-title-case: var(--core-type-paragraph-20-case);
  --header-large-content-style-secondary-title-color: var(--header-large-content-style-secondary-title-light-mode-color);
  --header-large-content-style-secondary-title-dark-mode-color: var(--core-text-20-dark-mode-color);
  --header-large-content-style-secondary-title-font-family: var(--core-type-paragraph-20-font-family);
  --header-large-content-style-secondary-title-leading: var(--core-type-paragraph-20-leading);
  --header-large-content-style-secondary-title-light-mode-color: var(--core-text-20-light-mode-color);
  --header-large-content-style-secondary-title-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --header-large-content-style-secondary-title-scale: var(--core-type-paragraph-20-scale);
  --header-large-content-style-secondary-title-size: var(--core-type-paragraph-20-size);
  --header-large-content-style-secondary-title-tracking: var(--core-type-paragraph-20-tracking);
  --header-large-content-style-secondary-title-vertical-title-gap: var(--core-metrics-spacing-100);
  --header-large-content-style-secondary-title-weight: var(--core-type-paragraph-20-weight);
  --header-large-content-style-title-case: var(--core-type-heading-30-case);
  --header-large-content-style-title-color: var(--header-large-content-style-title-light-mode-color);
  --header-large-content-style-title-dark-mode-color: var(--core-text-10-dark-mode-color);
  --header-large-content-style-title-font-family: var(--core-type-heading-30-font-family);
  --header-large-content-style-title-horizontal-accessory-gap: var(--core-metrics-spacing-100);
  --header-large-content-style-title-leading: var(--core-type-heading-30-leading);
  --header-large-content-style-title-light-mode-color: var(--core-text-10-light-mode-color);
  --header-large-content-style-title-number-spacing: var(--core-type-heading-30-number-spacing);
  --header-large-content-style-title-scale: var(--core-type-heading-30-scale);
  --header-large-content-style-title-size: var(--core-type-heading-30-size);
  --header-large-content-style-title-tracking: var(--core-type-heading-30-tracking);
  --header-large-content-style-title-weight: var(--core-type-heading-30-weight);
  --header-main-text-dark-mode-text-color: var(--core-text-10-dark-mode-color);
  --header-main-text-horizontal-spacing: var(--core-metrics-spacing-200);
  --header-main-text-light-mode-text-color: var(--core-text-10-light-mode-color);
  --header-main-text-minimum-width: 64px;
  --header-main-text-normal-phase-spacing-top-size: var(--core-metrics-spacing-100);
  --header-main-text-text-color: var(--header-main-text-light-mode-text-color);
  --header-main-text-transition-duration: 0.16s;
  --header-modal-blade-context-vertical-end-gap: var(--core-metrics-spacing-300);
  --header-modal-full-context-vertical-end-gap: var(--core-metrics-spacing-300);
  --header-modal-partial-context-vertical-end-gap: var(--core-metrics-spacing-300);
  --header-nav-icon-button-spacing-bottom-size: var(--core-metrics-spacing-300);
  --header-nav-icon-button-spacing-buttom-size: var(--core-metrics-spacing-300);
  --header-paragraph-case: var(--core-type-paragraph-30-case);
  --header-paragraph-color: var(--header-paragraph-light-mode-color);
  --header-paragraph-dark-mode-color: var(--core-text-10-dark-mode-color);
  --header-paragraph-font-family: var(--core-type-paragraph-30-font-family);
  --header-paragraph-leading: var(--core-type-paragraph-30-leading);
  --header-paragraph-light-mode-color: var(--core-text-10-light-mode-color);
  --header-paragraph-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --header-paragraph-scale: var(--core-type-paragraph-30-scale);
  --header-paragraph-size: var(--core-type-paragraph-30-size);
  --header-paragraph-tracking: var(--core-type-paragraph-30-tracking);
  --header-paragraph-weight: var(--core-type-paragraph-30-weight);
  --header-regular-horizontal-size-class-heading-container-horizontal-gap: var(--core-metrics-spacing-200);
  --header-regular-horizontal-size-class-large-trailing-accessory-horizontal-start-gap: var(--core-metrics-spacing-200);
  --header-regular-horizontal-size-class-modal-sheet-context-vertical-end-gap: var(--core-metrics-spacing-300);
  --header-regular-horizontal-size-class-trailing-buttons-horizontal-gap: var(--core-metrics-spacing-100);
  --header-regular-vertical-size-class-compact-header-style-divider-vertical-end-gap: var(--core-metrics-spacing-200);
  --header-regular-vertical-size-class-divider-vertical-start-gap: var(--core-metrics-spacing-200);
  --header-regular-vertical-size-class-large-header-style-divider-vertical-end-gap: var(--core-metrics-spacing-100);
  --header-regular-vertical-size-class-large-header-style-paragraph-vertical-start-gap: var(--core-metrics-spacing-200);
  --header-sub-text-dark-mode-text-color: var(--core-text-20-dark-mode-color);
  --header-sub-text-light-mode-text-color: var(--core-text-20-light-mode-color);
  --header-sub-text-spacing-bottom-size: var(--core-metrics-spacing-100);
  --header-sub-text-text-color: var(--header-sub-text-light-mode-text-color);
  --header-top-padding-compact-size-class-size: var(--core-metrics-spacing-200);
  --header-top-padding-normal-size-class-size: var(--core-metrics-spacing-300);
  --header-top-padding-size: var(--core-metrics-spacing-300);
  --header-top-padding-wide-size-class-size: var(--header-top-padding-normal-size-class-size);
  --header-wide-horizontal-size-class-heading-container-horizontal-gap: var(--header-regular-horizontal-size-class-heading-container-horizontal-gap);
  --header-wide-horizontal-size-class-large-trailing-accessory-horizontal-start-gap: var(--header-regular-horizontal-size-class-large-trailing-accessory-horizontal-start-gap);
  --header-wide-horizontal-size-class-modal-sheet-context-vertical-end-gap: var(--header-regular-horizontal-size-class-modal-sheet-context-vertical-end-gap);
  --header-wide-horizontal-size-class-trailing-buttons-horizontal-gap: var(--header-regular-horizontal-size-class-trailing-buttons-horizontal-gap);

  /* ========== icon-button ========== */
  --icon-button-border-radius: var(--button-border-radius);
  --icon-button-compact-size-minimum-height: 40px;
  --icon-button-compact-size-minimum-padding-size: 12px;
  --icon-button-compact-size-minimum-width: 40px;
  --icon-button-compact-size-padding-size: 12px;
  --icon-button-destructive-variant-primary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);
  --icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);
  --icon-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);
  --icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);
  --icon-button-destructive-variant-primary-rank-hover-state-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);
  --icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--core-critical-20-dark-mode-color);
  --icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color);
  --icon-button-destructive-variant-primary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);
  --icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--core-critical-20-light-mode-color);
  --icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color: var(--core-text-white-light-mode-color);
  --icon-button-destructive-variant-primary-rank-normal-state-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);
  --icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--core-critical-fill-dark-mode-color);
  --icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color);
  --icon-button-destructive-variant-primary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);
  --icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--core-critical-fill-light-mode-color);
  --icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color: var(--core-text-white-light-mode-color);
  --icon-button-destructive-variant-primary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);
  --icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--core-critical-10-dark-mode-color);
  --icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color);
  --icon-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);
  --icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--core-critical-10-light-mode-color);
  --icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color: var(--core-text-white-light-mode-color);
  --icon-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);
  --icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);
  --icon-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);
  --icon-button-destructive-variant-secondary-rank-hover-state-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);
  --icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--core-critical-40-dark-mode-color);
  --icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color);
  --icon-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);
  --icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--core-critical-40-light-mode-color);
  --icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color: var(--core-critical-text-light-mode-color);
  --icon-button-destructive-variant-secondary-rank-normal-state-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);
  --icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color);
  --icon-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);
  --icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color: var(--core-critical-text-light-mode-color);
  --icon-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);
  --icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--core-critical-30-dark-mode-color);
  --icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color);
  --icon-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--core-critical-30-light-mode-color);
  --icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--core-critical-text-light-mode-color);
  --icon-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: transparent;
  --icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);
  --icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);
  --icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: transparent;
  --icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);
  --icon-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);
  --icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--core-critical-40-dark-mode-color);
  --icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color);
  --icon-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);
  --icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--core-critical-40-light-mode-color);
  --icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color: var(--core-critical-text-light-mode-color);
  --icon-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);
  --icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: transparent;
  --icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color);
  --icon-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);
  --icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: transparent;
  --icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color: var(--core-critical-text-light-mode-color);
  --icon-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--core-critical-30-dark-mode-color);
  --icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color);
  --icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);
  --icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--core-critical-30-light-mode-color);
  --icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color: var(--core-critical-text-light-mode-color);
  --icon-button-disabled-state-background-color: var(--icon-button-disabled-state-light-mode-background-color);
  --icon-button-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --icon-button-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);
  --icon-button-disabled-state-icon-color: var(--icon-button-disabled-state-light-mode-icon-color);
  --icon-button-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --icon-button-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);
  --icon-button-focus-ring-border-size: var(--core-focus-ring-border-size);
  --icon-button-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);
  --icon-button-focus-state-background-color: var(--icon-button-focus-state-light-mode-background-color);
  --icon-button-focus-state-dark-mode-background-color: var(--icon-button-hover-state-dark-mode-background-color);
  --icon-button-focus-state-dark-mode-icon-color: var(--icon-button-hover-state-dark-mode-icon-color);
  --icon-button-focus-state-icon-color: var(--icon-button-focus-state-light-mode-icon-color);
  --icon-button-focus-state-light-mode-background-color: var(--icon-button-hover-state-light-mode-background-color);
  --icon-button-focus-state-light-mode-icon-color: var(--icon-button-hover-state-light-mode-icon-color);
  --icon-button-hover-state-background-color: var(--icon-button-hover-state-light-mode-background-color);
  --icon-button-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);
  --icon-button-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --icon-button-hover-state-icon-color: var(--icon-button-hover-state-light-mode-icon-color);
  --icon-button-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);
  --icon-button-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --icon-button-large-size-icon-height: var(--core-icon-medium-size-height);
  --icon-button-large-size-icon-width: var(--core-icon-medium-size-width);
  --icon-button-large-size-minimum-height: var(--core-large-size-minimum-height);
  --icon-button-large-size-padding-size: 20px;
  --icon-button-large-size-width-multiplier: 1;
  --icon-button-medium-size-horizontal-spacing-size: var(--core-metrics-spacing-100);
  --icon-button-medium-size-icon-height: var(--core-icon-medium-size-height);
  --icon-button-medium-size-icon-width: var(--core-icon-medium-size-width);
  --icon-button-medium-size-minimum-height: var(--core-medium-size-minimum-height);
  --icon-button-medium-size-padding-size: 12px;
  --icon-button-medium-size-width-multiplier: 1;
  --icon-button-minimum-height: 48px;
  --icon-button-minimum-width: 48px;
  --icon-button-normal-size-minimum-height: 48px;
  --icon-button-normal-size-minimum-width: 48px;
  --icon-button-normal-size-padding-size: 16px;
  --icon-button-normal-state-background-color: var(--icon-button-normal-state-light-mode-background-color);
  --icon-button-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --icon-button-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --icon-button-normal-state-icon-color: var(--icon-button-normal-state-light-mode-icon-color);
  --icon-button-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --icon-button-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --icon-button-normal-variant-primary-rank-disabled-state-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);
  --icon-button-normal-variant-primary-rank-disabled-state-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);
  --icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);
  --icon-button-normal-variant-primary-rank-focus-state-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color);
  --icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);
  --icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);
  --icon-button-normal-variant-primary-rank-focus-state-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);
  --icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);
  --icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);
  --icon-button-normal-variant-primary-rank-hover-state-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color);
  --icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color);
  --icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);
  --icon-button-normal-variant-primary-rank-hover-state-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);
  --icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--core-emphasis-20-light-mode-color);
  --icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);
  --icon-button-normal-variant-primary-rank-normal-state-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color);
  --icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);
  --icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);
  --icon-button-normal-variant-primary-rank-normal-state-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);
  --icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);
  --icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);
  --icon-button-normal-variant-primary-rank-pressed-state-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);
  --icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: #CCCCCC;
  --icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);
  --icon-button-normal-variant-primary-rank-pressed-state-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);
  --icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-10-light-mode-color);
  --icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);
  --icon-button-normal-variant-secondary-rank-disabled-state-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);
  --icon-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);
  --icon-button-normal-variant-secondary-rank-hover-state-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);
  --icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --icon-button-normal-variant-secondary-rank-hover-state-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);
  --icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);
  --icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --icon-button-normal-variant-secondary-rank-normal-state-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --icon-button-normal-variant-secondary-rank-normal-state-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);
  --icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --icon-button-normal-variant-secondary-rank-pressed-state-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--core-fill-20-dark-mode-color);
  --icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --icon-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);
  --icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --icon-button-padding-size: 16px;
  --icon-button-pressed-state-background-color: var(--icon-button-pressed-state-light-mode-background-color);
  --icon-button-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);
  --icon-button-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --icon-button-pressed-state-icon-color: var(--icon-button-pressed-state-light-mode-icon-color);
  --icon-button-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);
  --icon-button-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --icon-button-primary-rank-disabled-state-background-color: var(--icon-button-primary-rank-disabled-state-light-mode-background-color);
  --icon-button-primary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --icon-button-primary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);
  --icon-button-primary-rank-disabled-state-icon-color: var(--icon-button-primary-rank-disabled-state-light-mode-icon-color);
  --icon-button-primary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --icon-button-primary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);
  --icon-button-primary-rank-focus-state-background-color: var(--icon-button-primary-rank-focus-state-light-mode-background-color);
  --icon-button-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-primary-rank-hover-state-dark-mode-background-color);
  --icon-button-primary-rank-focus-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);
  --icon-button-primary-rank-focus-state-icon-color: var(--icon-button-primary-rank-focus-state-light-mode-icon-color);
  --icon-button-primary-rank-focus-state-light-mode-background-color: var(--icon-button-primary-rank-hover-state-light-mode-background-color);
  --icon-button-primary-rank-focus-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);
  --icon-button-primary-rank-hover-state-background-color: var(--icon-button-primary-rank-hover-state-light-mode-background-color);
  --icon-button-primary-rank-hover-state-dark-mode-background-color: var(--core-blue-20-dark-mode-color);
  --icon-button-primary-rank-hover-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);
  --icon-button-primary-rank-hover-state-icon-color: var(--icon-button-primary-rank-hover-state-light-mode-icon-color);
  --icon-button-primary-rank-hover-state-light-mode-background-color: var(--core-blue-20-light-mode-color);
  --icon-button-primary-rank-hover-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);
  --icon-button-primary-rank-normal-state-background-color: var(--icon-button-primary-rank-normal-state-light-mode-background-color);
  --icon-button-primary-rank-normal-state-dark-mode-background-color: var(--core-blue-fill-dark-mode-color);
  --icon-button-primary-rank-normal-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);
  --icon-button-primary-rank-normal-state-icon-color: var(--icon-button-primary-rank-normal-state-light-mode-icon-color);
  --icon-button-primary-rank-normal-state-light-mode-background-color: var(--core-blue-fill-light-mode-color);
  --icon-button-primary-rank-normal-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);
  --icon-button-primary-rank-pressed-state-background-color: var(--icon-button-primary-rank-pressed-state-light-mode-background-color);
  --icon-button-primary-rank-pressed-state-dark-mode-background-color: #CCCCCC;
  --icon-button-primary-rank-pressed-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);
  --icon-button-primary-rank-pressed-state-icon-color: var(--icon-button-primary-rank-pressed-state-light-mode-icon-color);
  --icon-button-primary-rank-pressed-state-light-mode-background-color: var(--core-blue-10-light-mode-color);
  --icon-button-primary-rank-pressed-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color);
  --icon-button-secondary-rank-disabled-state-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);
  --icon-button-secondary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --icon-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);
  --icon-button-secondary-rank-disabled-state-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);
  --icon-button-secondary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --icon-button-secondary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);
  --icon-button-secondary-rank-focus-state-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color);
  --icon-button-secondary-rank-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);
  --icon-button-secondary-rank-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);
  --icon-button-secondary-rank-focus-state-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);
  --icon-button-secondary-rank-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color);
  --icon-button-secondary-rank-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);
  --icon-button-secondary-rank-hover-state-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color);
  --icon-button-secondary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);
  --icon-button-secondary-rank-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --icon-button-secondary-rank-hover-state-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);
  --icon-button-secondary-rank-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);
  --icon-button-secondary-rank-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --icon-button-secondary-rank-normal-state-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color);
  --icon-button-secondary-rank-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --icon-button-secondary-rank-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --icon-button-secondary-rank-normal-state-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);
  --icon-button-secondary-rank-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --icon-button-secondary-rank-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --icon-button-secondary-rank-pressed-state-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);
  --icon-button-secondary-rank-pressed-state-dark-mode-background-color: var(--core-fill-20-dark-mode-color);
  --icon-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --icon-button-secondary-rank-pressed-state-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);
  --icon-button-secondary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);
  --icon-button-secondary-rank-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --icon-button-small-size-icon-height: var(--core-icon-medium-size-height);
  --icon-button-small-size-icon-width: var(--core-icon-medium-size-width);
  --icon-button-small-size-minimum-height: var(--core-small-size-minimum-height);
  --icon-button-small-size-padding-size: 8px;
  --icon-button-small-size-width-multiplier: 1;
  --icon-button-tertiary-rank-disabled-state-background-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-background-color);
  --icon-button-tertiary-rank-disabled-state-dark-mode-background-color: transparent;
  --icon-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color);
  --icon-button-tertiary-rank-disabled-state-icon-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-icon-color);
  --icon-button-tertiary-rank-disabled-state-light-mode-background-color: transparent;
  --icon-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color);
  --icon-button-tertiary-rank-focus-state-background-color: var(--icon-button-tertiary-rank-focus-state-light-mode-background-color);
  --icon-button-tertiary-rank-focus-state-dark-mode-background-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color);
  --icon-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color);
  --icon-button-tertiary-rank-focus-state-icon-color: var(--icon-button-tertiary-rank-focus-state-light-mode-icon-color);
  --icon-button-tertiary-rank-focus-state-light-mode-background-color: var(--icon-button-tertiary-rank-hover-state-light-mode-background-color);
  --icon-button-tertiary-rank-focus-state-light-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color);
  --icon-button-tertiary-rank-hover-state-background-color: var(--icon-button-tertiary-rank-hover-state-light-mode-background-color);
  --icon-button-tertiary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);
  --icon-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --icon-button-tertiary-rank-hover-state-icon-color: var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color);
  --icon-button-tertiary-rank-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);
  --icon-button-tertiary-rank-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --icon-button-tertiary-rank-normal-state-background-color: var(--icon-button-tertiary-rank-normal-state-light-mode-background-color);
  --icon-button-tertiary-rank-normal-state-dark-mode-background-color: transparent;
  --icon-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --icon-button-tertiary-rank-normal-state-icon-color: var(--icon-button-tertiary-rank-normal-state-light-mode-icon-color);
  --icon-button-tertiary-rank-normal-state-light-mode-background-color: transparent;
  --icon-button-tertiary-rank-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --icon-button-tertiary-rank-pressed-state-background-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-background-color);
  --icon-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);
  --icon-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --icon-button-tertiary-rank-pressed-state-icon-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-icon-color);
  --icon-button-tertiary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);
  --icon-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color);

  /* ========== inline-section-header ========== */
  --inline-section-header-10-heading-case: var(--core-type-heading-10-case);
  --inline-section-header-10-heading-font-family: var(--core-type-heading-10-font-family);
  --inline-section-header-10-heading-leading: var(--core-type-heading-10-leading);
  --inline-section-header-10-heading-minimum-height: var(--core-small-size-minimum-height);
  --inline-section-header-10-heading-number-spacing: var(--core-type-heading-10-number-spacing);
  --inline-section-header-10-heading-scale: var(--core-type-heading-10-scale);
  --inline-section-header-10-heading-size: var(--core-type-heading-10-size);
  --inline-section-header-10-heading-tracking: var(--core-type-heading-10-tracking);
  --inline-section-header-10-heading-vertical-padding: 9px;
  --inline-section-header-10-heading-weight: var(--core-type-heading-10-weight);
  --inline-section-header-10-paragraph-case: var(--core-type-paragraph-30-case);
  --inline-section-header-10-paragraph-font-family: var(--core-type-paragraph-30-font-family);
  --inline-section-header-10-paragraph-leading: var(--core-type-paragraph-30-leading);
  --inline-section-header-10-paragraph-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --inline-section-header-10-paragraph-scale: var(--core-type-paragraph-30-scale);
  --inline-section-header-10-paragraph-size: var(--core-type-paragraph-30-size);
  --inline-section-header-10-paragraph-top-padding: 0px;
  --inline-section-header-10-paragraph-tracking: var(--core-type-paragraph-30-tracking);
  --inline-section-header-10-paragraph-weight: var(--core-type-paragraph-30-weight);
  --inline-section-header-10-text-link-text-case: var(--text-link-small-size-text-case);
  --inline-section-header-10-text-link-text-font-family: var(--text-link-small-size-text-font-family);
  --inline-section-header-10-text-link-text-leading: var(--text-link-small-size-text-leading);
  --inline-section-header-10-text-link-text-number-spacing: var(--text-link-small-size-text-number-spacing);
  --inline-section-header-10-text-link-text-scale: var(--text-link-small-size-text-scale);
  --inline-section-header-10-text-link-text-size: var(--text-link-small-size-text-size);
  --inline-section-header-10-text-link-text-tracking: var(--text-link-small-size-text-tracking);
  --inline-section-header-10-text-link-text-weight: var(--text-link-small-size-text-weight);
  --inline-section-header-10-text-link-vertical-padding: 0px;
  --inline-section-header-10-vertical-gap: 0px;
  --inline-section-header-20-heading-case: var(--core-type-heading-20-case);
  --inline-section-header-20-heading-font-family: var(--core-type-heading-20-font-family);
  --inline-section-header-20-heading-leading: var(--core-type-heading-20-leading);
  --inline-section-header-20-heading-minimum-height: var(--core-small-size-minimum-height);
  --inline-section-header-20-heading-number-spacing: var(--core-type-heading-20-number-spacing);
  --inline-section-header-20-heading-scale: var(--core-type-heading-20-scale);
  --inline-section-header-20-heading-size: var(--core-type-heading-20-size);
  --inline-section-header-20-heading-tracking: var(--core-type-heading-20-tracking);
  --inline-section-header-20-heading-vertical-padding: 7px;
  --inline-section-header-20-heading-weight: var(--core-type-heading-20-weight);
  --inline-section-header-20-paragraph-case: var(--core-type-paragraph-30-case);
  --inline-section-header-20-paragraph-font-family: var(--core-type-paragraph-30-font-family);
  --inline-section-header-20-paragraph-leading: var(--core-type-paragraph-30-leading);
  --inline-section-header-20-paragraph-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --inline-section-header-20-paragraph-scale: var(--core-type-paragraph-30-scale);
  --inline-section-header-20-paragraph-size: var(--core-type-paragraph-30-size);
  --inline-section-header-20-paragraph-top-padding: 5px;
  --inline-section-header-20-paragraph-tracking: var(--core-type-paragraph-30-tracking);
  --inline-section-header-20-paragraph-weight: var(--core-type-paragraph-30-weight);
  --inline-section-header-20-text-link-text-case: var(--text-link-medium-size-text-case);
  --inline-section-header-20-text-link-text-font-family: var(--text-link-medium-size-text-font-family);
  --inline-section-header-20-text-link-text-leading: var(--text-link-medium-size-text-leading);
  --inline-section-header-20-text-link-text-number-spacing: var(--text-link-medium-size-text-number-spacing);
  --inline-section-header-20-text-link-text-scale: var(--text-link-medium-size-text-scale);
  --inline-section-header-20-text-link-text-size: var(--text-link-medium-size-text-size);
  --inline-section-header-20-text-link-text-tracking: var(--text-link-medium-size-text-tracking);
  --inline-section-header-20-text-link-text-weight: var(--text-link-medium-size-text-weight);
  --inline-section-header-20-text-link-vertical-padding: 0px;
  --inline-section-header-20-vertical-gap: var(--core-metrics-spacing-50);
  --inline-section-header-30-heading-case: var(--core-type-heading-30-case);
  --inline-section-header-30-heading-font-family: var(--core-type-heading-30-font-family);
  --inline-section-header-30-heading-leading: var(--core-type-heading-30-leading);
  --inline-section-header-30-heading-minimum-height: var(--core-small-size-minimum-height);
  --inline-section-header-30-heading-number-spacing: var(--core-type-heading-30-number-spacing);
  --inline-section-header-30-heading-scale: var(--core-type-heading-30-scale);
  --inline-section-header-30-heading-size: var(--core-type-heading-30-size);
  --inline-section-header-30-heading-tracking: var(--core-type-heading-30-tracking);
  --inline-section-header-30-heading-vertical-padding: 4px;
  --inline-section-header-30-heading-weight: var(--core-type-heading-30-weight);
  --inline-section-header-30-paragraph-case: var(--core-type-paragraph-30-case);
  --inline-section-header-30-paragraph-font-family: var(--core-type-paragraph-30-font-family);
  --inline-section-header-30-paragraph-leading: var(--core-type-paragraph-30-leading);
  --inline-section-header-30-paragraph-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --inline-section-header-30-paragraph-scale: var(--core-type-paragraph-30-scale);
  --inline-section-header-30-paragraph-size: var(--core-type-paragraph-30-size);
  --inline-section-header-30-paragraph-top-padding: 12px;
  --inline-section-header-30-paragraph-tracking: var(--core-type-paragraph-30-tracking);
  --inline-section-header-30-paragraph-weight: var(--core-type-paragraph-30-weight);
  --inline-section-header-30-text-link-text-case: var(--text-link-medium-size-text-case);
  --inline-section-header-30-text-link-text-font-family: var(--text-link-medium-size-text-font-family);
  --inline-section-header-30-text-link-text-leading: var(--text-link-medium-size-text-leading);
  --inline-section-header-30-text-link-text-number-spacing: var(--text-link-medium-size-text-number-spacing);
  --inline-section-header-30-text-link-text-scale: var(--text-link-medium-size-text-scale);
  --inline-section-header-30-text-link-text-size: var(--text-link-medium-size-text-size);
  --inline-section-header-30-text-link-text-tracking: var(--text-link-medium-size-text-tracking);
  --inline-section-header-30-text-link-text-weight: var(--text-link-medium-size-text-weight);
  --inline-section-header-30-text-link-vertical-padding: 0px;
  --inline-section-header-30-vertical-gap: var(--core-metrics-spacing-150);
  --inline-section-header-heading-color: var(--inline-section-header-heading-light-mode-color);
  --inline-section-header-heading-dark-mode-color: var(--core-text-10-dark-mode-color);
  --inline-section-header-heading-light-mode-color: var(--core-text-10-light-mode-color);
  --inline-section-header-horizontal-spacing: var(--core-metrics-spacing-100);
  --inline-section-header-paragraph-color: var(--inline-section-header-paragraph-light-mode-color);
  --inline-section-header-paragraph-dark-mode-color: var(--core-text-10-dark-mode-color);
  --inline-section-header-paragraph-light-mode-color: var(--core-text-10-light-mode-color);
  --inline-section-header-text-link-color: var(--inline-section-header-text-link-light-mode-color);
  --inline-section-header-text-link-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --inline-section-header-text-link-disabled-state-opacity: var(--text-link-disabled-state-opacity);
  --inline-section-header-text-link-hover-state-opacity: var(--text-link-hover-state-opacity);
  --inline-section-header-text-link-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --inline-section-header-text-link-normal-state-opacity: var(--text-link-normal-state-opacity);
  --inline-section-header-text-link-pressed-state-opacity: var(--text-link-pressed-state-opacity);

  /* ========== inline-status ========== */
  --inline-status-error-variant-icon-color: var(--inline-status-error-variant-icon-light-mode-color);
  --inline-status-error-variant-icon-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --inline-status-error-variant-icon-light-mode-color: var(--core-critical-text-light-mode-color);
  --inline-status-error-variant-text-color: var(--inline-status-error-variant-text-light-mode-color);
  --inline-status-error-variant-text-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --inline-status-error-variant-text-light-mode-color: var(--core-critical-text-light-mode-color);
  --inline-status-info-variant-icon-color: var(--inline-status-info-variant-icon-light-mode-color);
  --inline-status-info-variant-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --inline-status-info-variant-icon-light-mode-color: var(--core-fill-20-light-mode-color);
  --inline-status-info-variant-text-color: var(--inline-status-info-variant-text-light-mode-color);
  --inline-status-info-variant-text-dark-mode-color: var(--core-text-20-dark-mode-color);
  --inline-status-info-variant-text-light-mode-color: var(--core-text-20-light-mode-color);
  --inline-status-normal-size-icon-size: 20px;
  --inline-status-normal-size-spacing-horizontal: var(--core-metrics-spacing-50);
  --inline-status-normal-size-text-case: var(--core-type-paragraph-20-case);
  --inline-status-normal-size-text-font-family: var(--core-type-paragraph-20-font-family);
  --inline-status-normal-size-text-leading: var(--core-type-paragraph-20-leading);
  --inline-status-normal-size-text-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --inline-status-normal-size-text-scale: var(--core-type-paragraph-20-scale);
  --inline-status-normal-size-text-size: var(--core-type-paragraph-20-size);
  --inline-status-normal-size-text-tracking: var(--core-type-paragraph-20-tracking);
  --inline-status-normal-size-text-weight: var(--core-type-paragraph-20-weight);
  --inline-status-success-variant-icon-color: var(--inline-status-success-variant-icon-light-mode-color);
  --inline-status-success-variant-icon-dark-mode-color: var(--core-success-text-dark-mode-color);
  --inline-status-success-variant-icon-light-mode-color: var(--core-success-text-light-mode-color);
  --inline-status-success-variant-text-color: var(--inline-status-success-variant-text-light-mode-color);
  --inline-status-success-variant-text-dark-mode-color: var(--core-success-text-dark-mode-color);
  --inline-status-success-variant-text-light-mode-color: var(--core-success-text-light-mode-color);
  --inline-status-warning-variant-icon-color: var(--inline-status-warning-variant-icon-light-mode-color);
  --inline-status-warning-variant-icon-dark-mode-color: var(--core-warning-text-dark-mode-color);
  --inline-status-warning-variant-icon-light-mode-color: var(--core-warning-text-light-mode-color);
  --inline-status-warning-variant-text-color: var(--inline-status-warning-variant-text-light-mode-color);
  --inline-status-warning-variant-text-dark-mode-color: var(--core-warning-text-dark-mode-color);
  --inline-status-warning-variant-text-light-mode-color: var(--core-warning-text-light-mode-color);

  /* ========== keyboard-bar ========== */
  --keyboard-bar-background-color: var(--keyboard-bar-light-mode-background-color);
  --keyboard-bar-dark-mode-background-color: var(--core-fill-50-dark-mode-color);
  --keyboard-bar-dark-mode-separator-color: var(--core-fill-40-dark-mode-color);
  --keyboard-bar-dark-mode-surface-color: var(--core-surface-5-dark-mode-color);
  --keyboard-bar-horizontal-padding: var(--core-metrics-spacing-100);
  --keyboard-bar-light-mode-background-color: var(--core-fill-50-light-mode-color);
  --keyboard-bar-light-mode-separator-color: var(--core-fill-40-light-mode-color);
  --keyboard-bar-light-mode-surface-color: var(--core-surface-5-light-mode-color);
  --keyboard-bar-separator-color: var(--keyboard-bar-light-mode-separator-color);
  --keyboard-bar-spacing: var(--core-metrics-spacing-100);
  --keyboard-bar-surface-color: var(--keyboard-bar-light-mode-surface-color);
  --keyboard-bar-vertical-padding: var(--core-metrics-spacing-150);

  /* ========== menu ========== */
  --menu-item-selected-value-disabled-state-accordion-color: var(--menu-item-selected-value-disabled-state-accordion-light-mode-color);
  --menu-item-selected-value-disabled-state-accordion-dark-mode-color: var(--menu-item-unselected-value-disabled-state-accordion-dark-mode-color);
  --menu-item-selected-value-disabled-state-accordion-light-mode-color: var(--menu-item-unselected-value-disabled-state-accordion-light-mode-color);
  --menu-item-selected-value-disabled-state-background-color: var(--menu-item-selected-value-disabled-state-background-light-mode-color);
  --menu-item-selected-value-disabled-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color);
  --menu-item-selected-value-disabled-state-background-light-mode-color: var(--core-fill-50-light-mode-color);
  --menu-item-selected-value-disabled-state-drill-color: var(--menu-item-selected-value-disabled-state-drill-light-mode-color);
  --menu-item-selected-value-disabled-state-drill-dark-mode-color: var(--menu-item-unselected-value-disabled-state-drill-dark-mode-color);
  --menu-item-selected-value-disabled-state-drill-light-mode-color: var(--menu-item-unselected-value-disabled-state-drill-light-mode-color);
  --menu-item-selected-value-disabled-state-text-color: var(--menu-item-selected-value-disabled-state-text-light-mode-color);
  --menu-item-selected-value-disabled-state-text-dark-mode-color: var(--core-text-30-dark-mode-color);
  --menu-item-selected-value-disabled-state-text-light-mode-color: var(--core-text-30-light-mode-color);
  --menu-item-selected-value-hover-state-accordion-color: var(--menu-item-selected-value-hover-state-accordion-light-mode-color);
  --menu-item-selected-value-hover-state-accordion-dark-mode-color: var(--menu-item-unselected-value-hover-state-accordion-dark-mode-color);
  --menu-item-selected-value-hover-state-accordion-light-mode-color: var(--menu-item-unselected-value-hover-state-accordion-light-mode-color);
  --menu-item-selected-value-hover-state-background-color: var(--menu-item-selected-value-hover-state-background-light-mode-color);
  --menu-item-selected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --menu-item-selected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --menu-item-selected-value-hover-state-drill-color: var(--menu-item-selected-value-hover-state-drill-light-mode-color);
  --menu-item-selected-value-hover-state-drill-dark-mode-color: var(--menu-item-unselected-value-hover-state-drill-dark-mode-color);
  --menu-item-selected-value-hover-state-drill-light-mode-color: var(--menu-item-unselected-value-hover-state-drill-light-mode-color);
  --menu-item-selected-value-hover-state-text-color: var(--menu-item-selected-value-hover-state-text-light-mode-color);
  --menu-item-selected-value-hover-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --menu-item-selected-value-hover-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --menu-item-selected-value-normal-state-accordion-color: var(--menu-item-selected-value-normal-state-accordion-light-mode-color);
  --menu-item-selected-value-normal-state-accordion-dark-mode-color: var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color);
  --menu-item-selected-value-normal-state-accordion-light-mode-color: var(--menu-item-unselected-value-normal-state-accordion-light-mode-color);
  --menu-item-selected-value-normal-state-background-color: var(--menu-item-selected-value-normal-state-background-light-mode-color);
  --menu-item-selected-value-normal-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --menu-item-selected-value-normal-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --menu-item-selected-value-normal-state-drill-color: var(--menu-item-selected-value-normal-state-drill-light-mode-color);
  --menu-item-selected-value-normal-state-drill-dark-mode-color: var(--menu-item-unselected-value-normal-state-drill-dark-mode-color);
  --menu-item-selected-value-normal-state-drill-light-mode-color: var(--menu-item-unselected-value-normal-state-drill-light-mode-color);
  --menu-item-selected-value-normal-state-text-color: var(--menu-item-selected-value-normal-state-text-light-mode-color);
  --menu-item-selected-value-normal-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --menu-item-selected-value-normal-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --menu-item-selected-value-pressed-state-accordion-color: var(--menu-item-selected-value-pressed-state-accordion-light-mode-color);
  --menu-item-selected-value-pressed-state-accordion-dark-mode-color: var(--menu-item-unselected-value-pressed-state-accordion-dark-mode-color);
  --menu-item-selected-value-pressed-state-accordion-light-mode-color: var(--menu-item-unselected-value-pressed-state-accordion-light-mode-color);
  --menu-item-selected-value-pressed-state-background-color: var(--menu-item-selected-value-pressed-state-background-light-mode-color);
  --menu-item-selected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --menu-item-selected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --menu-item-selected-value-pressed-state-drill-color: var(--menu-item-selected-value-pressed-state-drill-light-mode-color);
  --menu-item-selected-value-pressed-state-drill-dark-mode-color: var(--menu-item-unselected-value-pressed-state-drill-dark-mode-color);
  --menu-item-selected-value-pressed-state-drill-light-mode-color: var(--menu-item-unselected-value-pressed-state-drill-light-mode-color);
  --menu-item-selected-value-pressed-state-text-color: var(--menu-item-selected-value-pressed-state-text-light-mode-color);
  --menu-item-selected-value-pressed-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --menu-item-selected-value-pressed-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --menu-item-unselected-value-disabled-state-accordion-color: var(--menu-item-unselected-value-disabled-state-accordion-light-mode-color);
  --menu-item-unselected-value-disabled-state-accordion-dark-mode-color: var(--core-text-30-dark-mode-color);
  --menu-item-unselected-value-disabled-state-accordion-light-mode-color: var(--core-text-30-light-mode-color);
  --menu-item-unselected-value-disabled-state-background-color: var(--menu-item-unselected-value-disabled-state-background-light-mode-color);
  --menu-item-unselected-value-disabled-state-background-dark-mode-color: transparent;
  --menu-item-unselected-value-disabled-state-background-light-mode-color: transparent;
  --menu-item-unselected-value-disabled-state-drill-color: var(--menu-item-unselected-value-disabled-state-drill-light-mode-color);
  --menu-item-unselected-value-disabled-state-drill-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --menu-item-unselected-value-disabled-state-drill-light-mode-color: var(--core-fill-30-light-mode-color);
  --menu-item-unselected-value-disabled-state-text-color: var(--menu-item-unselected-value-disabled-state-text-light-mode-color);
  --menu-item-unselected-value-disabled-state-text-dark-mode-color: var(--core-text-30-dark-mode-color);
  --menu-item-unselected-value-disabled-state-text-light-mode-color: var(--core-text-30-light-mode-color);
  --menu-item-unselected-value-hover-state-accordion-color: var(--menu-item-unselected-value-hover-state-accordion-light-mode-color);
  --menu-item-unselected-value-hover-state-accordion-dark-mode-color: var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color);
  --menu-item-unselected-value-hover-state-accordion-light-mode-color: var(--menu-item-unselected-value-normal-state-accordion-light-mode-color);
  --menu-item-unselected-value-hover-state-background-color: var(--menu-item-unselected-value-hover-state-background-light-mode-color);
  --menu-item-unselected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --menu-item-unselected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --menu-item-unselected-value-hover-state-drill-color: var(--menu-item-unselected-value-hover-state-drill-light-mode-color);
  --menu-item-unselected-value-hover-state-drill-dark-mode-color: var(--menu-item-unselected-value-normal-state-drill-dark-mode-color);
  --menu-item-unselected-value-hover-state-drill-light-mode-color: var(--menu-item-unselected-value-normal-state-drill-light-mode-color);
  --menu-item-unselected-value-hover-state-text-color: var(--menu-item-unselected-value-hover-state-text-light-mode-color);
  --menu-item-unselected-value-hover-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --menu-item-unselected-value-hover-state-text-light-mode-color: var(--core-text-10-light-mode-color);
  --menu-item-unselected-value-normal-state-accordion-color: var(--menu-item-unselected-value-normal-state-accordion-light-mode-color);
  --menu-item-unselected-value-normal-state-accordion-dark-mode-color: var(--core-text-10-dark-mode-color);
  --menu-item-unselected-value-normal-state-accordion-light-mode-color: var(--core-text-10-light-mode-color);
  --menu-item-unselected-value-normal-state-background-color: var(--menu-item-unselected-value-normal-state-background-light-mode-color);
  --menu-item-unselected-value-normal-state-background-dark-mode-color: transparent;
  --menu-item-unselected-value-normal-state-background-light-mode-color: transparent;
  --menu-item-unselected-value-normal-state-drill-color: var(--menu-item-unselected-value-normal-state-drill-light-mode-color);
  --menu-item-unselected-value-normal-state-drill-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --menu-item-unselected-value-normal-state-drill-light-mode-color: var(--core-fill-20-light-mode-color);
  --menu-item-unselected-value-normal-state-text-color: var(--menu-item-unselected-value-normal-state-text-light-mode-color);
  --menu-item-unselected-value-normal-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --menu-item-unselected-value-normal-state-text-light-mode-color: var(--core-text-10-light-mode-color);
  --menu-item-unselected-value-pressed-state-accordion-color: var(--menu-item-unselected-value-pressed-state-accordion-light-mode-color);
  --menu-item-unselected-value-pressed-state-accordion-dark-mode-color: var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color);
  --menu-item-unselected-value-pressed-state-accordion-light-mode-color: var(--menu-item-unselected-value-normal-state-accordion-light-mode-color);
  --menu-item-unselected-value-pressed-state-background-color: var(--menu-item-unselected-value-pressed-state-background-light-mode-color);
  --menu-item-unselected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --menu-item-unselected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --menu-item-unselected-value-pressed-state-drill-color: var(--menu-item-unselected-value-pressed-state-drill-light-mode-color);
  --menu-item-unselected-value-pressed-state-drill-dark-mode-color: var(--menu-item-unselected-value-normal-state-drill-dark-mode-color);
  --menu-item-unselected-value-pressed-state-drill-light-mode-color: var(--menu-item-unselected-value-normal-state-drill-light-mode-color);
  --menu-item-unselected-value-pressed-state-text-color: var(--menu-item-unselected-value-pressed-state-text-light-mode-color);
  --menu-item-unselected-value-pressed-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --menu-item-unselected-value-pressed-state-text-light-mode-color: var(--core-text-10-light-mode-color);

  /* ========== modalBlade ========== */
  --modal-blade-background-color: var(--modal-blade-background-light-mode-color);
  --modal-blade-background-dark-mode-color: var(--core-surface-20-dark-mode-color);
  --modal-blade-background-light-mode-color: var(--core-surface-20-light-mode-color);
  --modal-blade-compact-horizontal-size-class-horizontal-padding: var(--modal-full-compact-horizontal-size-class-horizontal-padding);
  --modal-blade-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300);
  --modal-blade-corner-radius: var(--core-radius-modals);
  --modal-blade-maximum-width-size: 464px;
  --modal-blade-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);
  --modal-blade-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300);
  --modal-blade-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);
  --modal-blade-wide-viewport-padding-bottom-size: 0px;
  --modal-blade-wide-viewport-padding-left-size: var(--core-metrics-spacing-400);
  --modal-blade-wide-viewport-padding-right-size: var(--core-metrics-spacing-400);
  --modal-blade-wide-viewport-padding-top-size: var(--core-metrics-spacing-400);
  --modal-blade-wide-viewport-width-size: 464px;

  /* ========== modalDialog ========== */
  --modal-dialog-actions-overflow-button-border-radius: var(--button-group-overflow-button-border-radius);
  --modal-dialog-actions-overflow-button-compact-size-minimum-height: var(--button-group-overflow-button-compact-size-minimum-height);
  --modal-dialog-actions-overflow-button-compact-size-minimum-padding-size: var(--button-group-overflow-button-compact-size-minimum-padding-size);
  --modal-dialog-actions-overflow-button-compact-size-minimum-width: var(--button-group-overflow-button-compact-size-minimum-width);
  --modal-dialog-actions-overflow-button-compact-size-padding-size: var(--button-group-overflow-button-compact-size-padding-size);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-disabled-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-disabled-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-disabled-state-light-mode-background-color: var(--button-group-overflow-button-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-focus-ring-border-size: var(--button-group-overflow-button-focus-ring-border-size);
  --modal-dialog-actions-overflow-button-focus-ring-buffer-size: var(--button-group-overflow-button-focus-ring-buffer-size);
  --modal-dialog-actions-overflow-button-focus-state-background-color: var(--modal-dialog-actions-overflow-button-focus-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-focus-state-dark-mode-background-color: var(--button-group-overflow-button-focus-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-focus-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-focus-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-focus-state-light-mode-background-color: var(--button-group-overflow-button-focus-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-focus-state-light-mode-icon-color: var(--button-group-overflow-button-focus-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-hover-state-background-color: var(--modal-dialog-actions-overflow-button-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-hover-state-dark-mode-background-color: var(--button-group-overflow-button-hover-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-hover-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-hover-state-light-mode-background-color: var(--button-group-overflow-button-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-hover-state-light-mode-icon-color: var(--button-group-overflow-button-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-large-size-icon-height: var(--button-group-overflow-button-large-size-icon-height);
  --modal-dialog-actions-overflow-button-large-size-icon-width: var(--button-group-overflow-button-large-size-icon-width);
  --modal-dialog-actions-overflow-button-large-size-minimum-height: var(--button-group-overflow-button-large-size-minimum-height);
  --modal-dialog-actions-overflow-button-large-size-padding-size: var(--button-group-overflow-button-large-size-padding-size);
  --modal-dialog-actions-overflow-button-large-size-width-multiplier: var(--button-group-overflow-button-large-size-width-multiplier);
  --modal-dialog-actions-overflow-button-medium-size-horizontal-spacing-size: var(--button-group-overflow-button-medium-size-horizontal-spacing-size);
  --modal-dialog-actions-overflow-button-medium-size-icon-height: var(--button-group-overflow-button-medium-size-icon-height);
  --modal-dialog-actions-overflow-button-medium-size-icon-width: var(--button-group-overflow-button-medium-size-icon-width);
  --modal-dialog-actions-overflow-button-medium-size-minimum-height: var(--button-group-overflow-button-medium-size-minimum-height);
  --modal-dialog-actions-overflow-button-medium-size-padding-size: var(--button-group-overflow-button-medium-size-padding-size);
  --modal-dialog-actions-overflow-button-medium-size-width-multiplier: var(--button-group-overflow-button-medium-size-width-multiplier);
  --modal-dialog-actions-overflow-button-minimum-height: var(--button-group-overflow-button-minimum-height);
  --modal-dialog-actions-overflow-button-minimum-width: var(--button-group-overflow-button-minimum-width);
  --modal-dialog-actions-overflow-button-normal-size-minimum-height: var(--button-group-overflow-button-normal-size-minimum-height);
  --modal-dialog-actions-overflow-button-normal-size-minimum-width: var(--button-group-overflow-button-normal-size-minimum-width);
  --modal-dialog-actions-overflow-button-normal-size-padding-size: var(--button-group-overflow-button-normal-size-padding-size);
  --modal-dialog-actions-overflow-button-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-padding-size: var(--button-group-overflow-button-padding-size);
  --modal-dialog-actions-overflow-button-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-pressed-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-pressed-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-pressed-state-light-mode-background-color: var(--button-group-overflow-button-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-focus-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-focus-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-primary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-primary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-focus-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-focus-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-size-multiplier: var(--button-group-overflow-button-size-multiplier);
  --modal-dialog-actions-overflow-button-small-size-icon-height: var(--button-group-overflow-button-small-size-icon-height);
  --modal-dialog-actions-overflow-button-small-size-icon-width: var(--button-group-overflow-button-small-size-icon-width);
  --modal-dialog-actions-overflow-button-small-size-minimum-height: var(--button-group-overflow-button-small-size-minimum-height);
  --modal-dialog-actions-overflow-button-small-size-padding-size: var(--button-group-overflow-button-small-size-padding-size);
  --modal-dialog-actions-overflow-button-small-size-width-multiplier: var(--button-group-overflow-button-small-size-width-multiplier);
  --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-light-mode-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color);
  --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color);
  --modal-dialog-actions-spacing: var(--button-group-spacing);
  --modal-dialog-actions-top-gap: var(--core-metrics-spacing-400);
  --modal-dialog-animation-duration: 0.50s;
  --modal-dialog-animation-enter-transition-duration: var(--core-animation-enter-transition-moderate-speed-duration);
  --modal-dialog-animation-enter-transition-easing: var(--core-animation-exit-transition-easing);
  --modal-dialog-animation-enter-transition-opacity: 0;
  --modal-dialog-animation-enter-transition-scale: 0.9;
  --modal-dialog-animation-exit-transition-duration: var(--core-animation-exit-transition-moderate-speed-duration);
  --modal-dialog-animation-exit-transition-easing: var(--core-animation-exit-transition-easing);
  --modal-dialog-animation-exit-transition-opacity: 0;
  --modal-dialog-animation-exit-transition-scale: 0.9;
  --modal-dialog-background-color: var(--modal-dialog-background-light-mode-color);
  --modal-dialog-background-dark-mode-color: var(--core-surface-20-dark-mode-color);
  --modal-dialog-background-light-mode-color: var(--core-surface-20-light-mode-color);
  --modal-dialog-border-radius: var(--core-radius-modals);
  --modal-dialog-compact-horizontal-size-class-horizontal-inner-padding: var(--core-metrics-spacing-400);
  --modal-dialog-compact-horizontal-size-class-horizontal-outer-padding: var(--core-metrics-spacing-200);
  --modal-dialog-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);
  --modal-dialog-compact-horizontal-size-class-maximum-width: 464px;
  --modal-dialog-compact-vertical-size-class-vertical-inner-padding: var(--core-metrics-spacing-400);
  --modal-dialog-compact-vertical-size-class-vertical-outer-padding: var(--core-metrics-spacing-200);
  --modal-dialog-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-400);
  --modal-dialog-content-heading-color: var(--modal-dialog-content-heading-light-mode-color);
  --modal-dialog-content-heading-dark-mode-color: var(--core-text-10-dark-mode-color);
  --modal-dialog-content-heading-light-mode-color: var(--core-text-10-light-mode-color);
  --modal-dialog-content-heading-text-case: var(--core-type-heading-30-case);
  --modal-dialog-content-heading-text-font-family: var(--core-type-heading-30-font-family);
  --modal-dialog-content-heading-text-leading: var(--core-type-heading-30-leading);
  --modal-dialog-content-heading-text-number-spacing: var(--core-type-heading-30-number-spacing);
  --modal-dialog-content-heading-text-scale: var(--core-type-heading-30-scale);
  --modal-dialog-content-heading-text-size: var(--core-type-heading-30-size);
  --modal-dialog-content-heading-text-tracking: var(--core-type-heading-30-tracking);
  --modal-dialog-content-heading-text-weight: var(--core-type-heading-30-weight);
  --modal-dialog-content-spinner-diameter-size: var(--activity-indicator-radial-large-size-diameter-size);
  --modal-dialog-content-spinner-stroke-size: var(--activity-indicator-radial-large-size-stroke-size);
  --modal-dialog-content-vertical-header-gap: var(--core-metrics-spacing-400);
  --modal-dialog-content-vertical-space: var(--core-metrics-spacing-200);
  --modal-dialog-horizontal-padding-size: var(--modal-dialog-narrow-viewport-horizontal-padding-size);
  --modal-dialog-maximum-width-size: 480px;
  --modal-dialog-medium-viewport-horizontal-padding-size: 40px;
  --modal-dialog-medium-viewport-vertical-padding-size: 24px;
  --modal-dialog-medium-viewport-width: 480px;
  --modal-dialog-narrow-viewport-horizontal-padding-size: 24px;
  --modal-dialog-narrow-viewport-vertical-padding-size: 24px;
  --modal-dialog-regular-horizontal-size-class-horizontal-inner-padding: var(--core-metrics-spacing-400);
  --modal-dialog-regular-horizontal-size-class-horizontal-outer-padding: var(--core-metrics-spacing-200);
  --modal-dialog-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);
  --modal-dialog-regular-horizontal-size-class-maximum-width: 464px;
  --modal-dialog-regular-vertical-size-class-vertical-inner-padding: var(--core-metrics-spacing-400);
  --modal-dialog-regular-vertical-size-class-vertical-outer-padding: var(--core-metrics-spacing-200);
  --modal-dialog-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-400);
  --modal-dialog-veil-color: var(--modal-dialog-veil-light-mode-color);
  --modal-dialog-veil-dark-mode-color: var(--core-surface-overlay-dark-mode-color);
  --modal-dialog-veil-light-mode-color: var(--core-surface-overlay-light-mode-color);
  --modal-dialog-vertical-padding-size: var(--modal-dialog-narrow-viewport-vertical-padding-size);
  --modal-dialog-wide-horizontal-size-class-horizontal-inner-padding: var(--core-metrics-spacing-400);
  --modal-dialog-wide-horizontal-size-class-horizontal-outer-padding: var(--core-metrics-spacing-200);
  --modal-dialog-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);
  --modal-dialog-wide-horizontal-size-class-maximum-width: 464px;
  --modal-dialog-wide-viewport-horizontal-padding-size: 32px;
  --modal-dialog-wide-viewport-vertical-padding-size: 24px;
  --modal-dialog-wide-viewport-width: 480px;

  /* ========== modalFull ========== */
  --modal-full-animation-duration: var(--modal-full-narrow-viewport-animation-duration);
  --modal-full-animation-enter-transition-duration: var(--core-animation-enter-transition-moderate-speed-duration);
  --modal-full-animation-enter-transition-easing: var(--core-animation-exit-transition-easing);
  --modal-full-animation-exit-transition-duration: var(--core-animation-exit-transition-moderate-speed-duration);
  --modal-full-animation-exit-transition-easing: var(--core-animation-exit-transition-easing);
  --modal-full-background-color: var(--modal-full-background-light-mode-color);
  --modal-full-background-dark-mode-color: var(--core-surface-5-dark-mode-color);
  --modal-full-background-light-mode-color: var(--core-surface-5-light-mode-color);
  --modal-full-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-200);
  --modal-full-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-150);
  --modal-full-fixed-layout-width: 600px;
  --modal-full-horizontal-padding-size: var(--modal-full-narrow-viewport-horizontal-padding-size);
  --modal-full-medium-viewport-animation-duration: var(--modal-full-narrow-viewport-animation-duration);
  --modal-full-medium-viewport-horizontal-padding-size: 24px;
  --modal-full-medium-viewport-vertical-padding-size: 24px;
  --modal-full-narrow-viewport-animation-duration: 0.50s;
  --modal-full-narrow-viewport-horizontal-padding-size: 16px;
  --modal-full-narrow-viewport-vertical-padding-size: 16px;
  --modal-full-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-300);
  --modal-full-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-200);
  --modal-full-veil-color: var(--modal-full-veil-light-mode-color);
  --modal-full-veil-dark-mode-color: var(--core-surface-overlay-dark-mode-color);
  --modal-full-veil-light-mode-color: var(--core-surface-overlay-light-mode-color);
  --modal-full-vertical-padding-size: var(--modal-full-narrow-viewport-vertical-padding-size);
  --modal-full-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-300);
  --modal-full-wide-viewport-animation-duration: var(--modal-full-medium-viewport-animation-duration);
  --modal-full-wide-viewport-horizontal-padding-size: 32px;
  --modal-full-wide-viewport-vertical-padding-size: 16px;

  /* ========== modalPartial ========== */
  --modal-partial-animation-duration: var(--modal-partial-narrow-viewport-animation-duration);
  --modal-partial-animation-enter-transition-duration: var(--core-animation-enter-transition-moderate-speed-duration);
  --modal-partial-animation-enter-transition-easing: var(--core-animation-exit-transition-easing);
  --modal-partial-animation-enter-transition-opacity: 0;
  --modal-partial-animation-enter-transition-scale: 0.9;
  --modal-partial-animation-exit-transition-duration: var(--core-animation-exit-transition-moderate-speed-duration);
  --modal-partial-animation-exit-transition-easing: var(--core-animation-exit-transition-easing);
  --modal-partial-animation-exit-transition-opacity: 0;
  --modal-partial-animation-exit-transition-scale: 0.9;
  --modal-partial-background-color: var(--modal-partial-background-light-mode-color);
  --modal-partial-background-dark-mode-color: var(--core-surface-20-dark-mode-color);
  --modal-partial-background-light-mode-color: var(--core-surface-20-light-mode-color);
  --modal-partial-border-radius: var(--core-radius-modals);
  --modal-partial-compact-horizontal-size-class-horizontal-inner-padding: var(--modal-full-regular-horizontal-size-class-horizontal-padding);
  --modal-partial-compact-horizontal-size-class-horizontal-outer-padding: 0px;
  --modal-partial-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);
  --modal-partial-compact-horizontal-size-class-maximum-width: var(--modal-partial-regular-horizontal-size-class-maximum-width);
  --modal-partial-compact-vertical-size-class-vertical-inner-padding: var(--core-metrics-spacing-300);
  --modal-partial-compact-vertical-size-class-vertical-outer-padding: var(--core-metrics-spacing-300);
  --modal-partial-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300);
  --modal-partial-horizontal-padding-size: var(--modal-partial-narrow-viewport-horizontal-padding-size);
  --modal-partial-horizontal-screen-buffer-size: var(--modal-partial-narrow-viewport-horizontal-screen-buffer-size);
  --modal-partial-medium-viewport-animation-duration: var(--modal-partial-narrow-viewport-animation-duration);
  --modal-partial-medium-viewport-horizontal-padding-size: var(--core-metrics-spacing-400);
  --modal-partial-medium-viewport-horizontal-screen-buffer-size: var(--core-metrics-spacing-300);
  --modal-partial-medium-viewport-vertical-padding-size: var(--core-metrics-spacing-400);
  --modal-partial-medium-viewport-vertical-screen-buffer-size: var(--core-metrics-spacing-300);
  --modal-partial-medium-viewport-width: 664px;
  --modal-partial-narrow-viewport-animation-duration: 0.50s;
  --modal-partial-narrow-viewport-horizontal-padding-size: var(--core-metrics-spacing-200);
  --modal-partial-narrow-viewport-horizontal-screen-buffer-size: 0px;
  --modal-partial-narrow-viewport-vertical-padding-size: var(--core-metrics-spacing-200);
  --modal-partial-narrow-viewport-vertical-screen-buffer-size: 0px;
  --modal-partial-regular-horizontal-size-class-horizontal-inner-padding: var(--core-metrics-spacing-400);
  --modal-partial-regular-horizontal-size-class-horizontal-outer-padding: var(--core-metrics-spacing-200);
  --modal-partial-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);
  --modal-partial-regular-horizontal-size-class-maximum-width: 664px;
  --modal-partial-regular-vertical-size-class-vertical-inner-padding: var(--modal-partial-compact-vertical-size-class-vertical-inner-padding);
  --modal-partial-regular-vertical-size-class-vertical-outer-padding: var(--modal-partial-compact-vertical-size-class-vertical-outer-padding);
  --modal-partial-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300);
  --modal-partial-veil-color: var(--modal-partial-veil-light-mode-color);
  --modal-partial-veil-dark-mode-color: var(--core-surface-overlay-dark-mode-color);
  --modal-partial-veil-light-mode-color: var(--core-surface-overlay-light-mode-color);
  --modal-partial-vertical-padding-size: var(--modal-partial-narrow-viewport-vertical-padding-size);
  --modal-partial-vertical-screen-buffer-size: var(--modal-partial-narrow-viewport-vertical-screen-buffer-size);
  --modal-partial-wide-horizontal-size-class-horizontal-inner-padding: var(--modal-partial-regular-horizontal-size-class-horizontal-inner-padding);
  --modal-partial-wide-horizontal-size-class-horizontal-outer-padding: var(--modal-partial-regular-horizontal-size-class-horizontal-outer-padding);
  --modal-partial-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400);
  --modal-partial-wide-horizontal-size-class-maximum-width: var(--modal-partial-regular-horizontal-size-class-maximum-width);
  --modal-partial-wide-viewport-animation-duration: var(--modal-partial-medium-viewport-animation-duration);
  --modal-partial-wide-viewport-horizontal-padding-size: var(--core-metrics-spacing-400);
  --modal-partial-wide-viewport-horizontal-screen-buffer-size: var(--core-metrics-spacing-300);
  --modal-partial-wide-viewport-vertical-padding-size: var(--core-metrics-spacing-400);
  --modal-partial-wide-viewport-vertical-screen-buffer-size: var(--core-metrics-spacing-300);
  --modal-partial-wide-viewport-width: 664px;

  /* ========== modalPopover ========== */
  --modal-popover-anchor-space-horizontal-size: var(--core-metrics-spacing-100);
  --modal-popover-anchor-space-vertical-size: var(--core-metrics-spacing-100);
  --modal-popover-appear-animation-percentage: 70px;
  --modal-popover-background-color: var(--modal-popover-background-light-mode-color);
  --modal-popover-background-dark-mode-color: var(--core-surface-30-dark-mode-color);
  --modal-popover-background-light-mode-color: var(--core-surface-30-light-mode-color);
  --modal-popover-border-radius: var(--core-radius-200);
  --modal-popover-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-200);
  --modal-popover-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-200);
  --modal-popover-regular-horizontal-size-class-horizontal-padding: var(--modal-popover-compact-horizontal-size-class-horizontal-padding);
  --modal-popover-regular-vertical-size-class-vertical-padding: var(--modal-popover-compact-vertical-size-class-vertical-padding);
  --modal-popover-size-maximum-height: 464px;
  --modal-popover-size-minimum-width: 200px;
  --modal-popover-wide-horizontal-size-class-horizontal-padding: var(--modal-popover-compact-horizontal-size-class-horizontal-padding);
  --modal-popover-wide-viewport-max-height-size: 500px;
  --modal-popover-wide-viewport-min-width-size: 200px;
  --modal-popover-wide-viewport-padding-bottom-size: var(--core-metrics-spacing-100);
  --modal-popover-wide-viewport-padding-left-size: var(--core-metrics-spacing-300);
  --modal-popover-wide-viewport-padding-right-size: var(--core-metrics-spacing-300);
  --modal-popover-wide-viewport-padding-top-size: var(--core-metrics-spacing-100);

  /* ========== modalSheet ========== */
  --modal-sheet-background-color: var(--modal-sheet-background-light-mode-color);
  --modal-sheet-background-dark-mode-color: var(--core-surface-20-dark-mode-color);
  --modal-sheet-background-light-mode-color: var(--core-surface-20-light-mode-color);
  --modal-sheet-border-radius: var(--core-radius-modals);
  --modal-sheet-compact-horizontal-size-class-bottom-gap: 0px;
  --modal-sheet-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-200);
  --modal-sheet-compact-horizontal-size-class-maximum-width: 464px;
  --modal-sheet-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-200);
  --modal-sheet-handle-background-color: var(--modal-sheet-handle-light-mode-background-color);
  --modal-sheet-handle-border-radius: var(--core-radius-circle);
  --modal-sheet-handle-dark-mode-background-color: rgba(255, 255, 255, 0.2);
  --modal-sheet-handle-dark-mode-fill-color: rgba(255, 255, 255, 0.4);
  --modal-sheet-handle-fill-color: var(--modal-sheet-handle-light-mode-fill-color);
  --modal-sheet-handle-height: 6px;
  --modal-sheet-handle-light-mode-background-color: rgba(255, 255, 255, 0.4);
  --modal-sheet-handle-light-mode-fill-color: rgba(255, 255, 255, 0.4);
  --modal-sheet-handle-padding-bottom-size: 8px;
  --modal-sheet-handle-padding-top-size: 26px;
  --modal-sheet-handle-top-buffer-size: 10px;
  --modal-sheet-handle-width: 56px;
  --modal-sheet-margin-bottom-size: var(--modal-sheet-narrow-viewport-margin-bottom-size);
  --modal-sheet-narrow-viewport-margin-bottom-size: 0px;
  --modal-sheet-narrow-viewport-padding-bottom-size: var(--core-metrics-spacing-200);
  --modal-sheet-narrow-viewport-padding-left-size: var(--core-metrics-spacing-200);
  --modal-sheet-narrow-viewport-padding-right-size: var(--core-metrics-spacing-200);
  --modal-sheet-narrow-viewport-padding-top-size: var(--core-metrics-spacing-200);
  --modal-sheet-padding-bottom-size: var(--modal-sheet-narrow-viewport-padding-bottom-size);
  --modal-sheet-padding-left-size: var(--modal-sheet-narrow-viewport-padding-left-size);
  --modal-sheet-padding-right-size: var(--modal-sheet-narrow-viewport-padding-right-size);
  --modal-sheet-padding-top-size: var(--modal-sheet-narrow-viewport-padding-top-size);
  --modal-sheet-regular-horizontal-size-class-bottom-gap: var(--core-metrics-spacing-200);
  --modal-sheet-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-300);
  --modal-sheet-regular-horizontal-size-class-maximum-width: 464px;
  --modal-sheet-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300);
  --modal-sheet-veil-color: var(--modal-sheet-veil-light-mode-color);
  --modal-sheet-veil-dark-mode-color: var(--core-surface-overlay-dark-mode-color);
  --modal-sheet-veil-light-mode-color: var(--core-surface-overlay-light-mode-color);
  --modal-sheet-wide-horizontal-size-class-bottom-gap: var(--core-metrics-spacing-200);
  --modal-sheet-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-300);
  --modal-sheet-wide-horizontal-size-class-maximum-width: 464px;
  --modal-sheet-wide-viewport-margin-bottom-size: 16px;
  --modal-sheet-wide-viewport-padding-bottom-size: var(--core-metrics-spacing-400);
  --modal-sheet-wide-viewport-padding-left-size: var(--core-metrics-spacing-400);
  --modal-sheet-wide-viewport-padding-right-size: var(--core-metrics-spacing-400);
  --modal-sheet-wide-viewport-padding-top-size: var(--core-metrics-spacing-400);

  /* ========== numpad ========== */
  --numpad-tall-layout-button-border-radius: 40px;

  /* ========== pageIndicator ========== */
  --page-indicator-dark-mode-dot-color: var(--core-text-20-dark-mode-color);
  --page-indicator-dark-mode-selected-color: var(--core-emphasis-fill-dark-mode-color);
  --page-indicator-dot-color: var(--page-indicator-light-mode-dot-color);
  --page-indicator-dot-size: 6px;
  --page-indicator-light-mode-dot-color: var(--core-text-20-light-mode-color);
  --page-indicator-light-mode-selected-color: var(--core-emphasis-fill-light-mode-color);
  --page-indicator-selected-color: var(--page-indicator-light-mode-selected-color);
  --page-indicator-selected-size: 8px;
  --page-indicator-spacing-size: 6px;

  /* ========== pagination ========== */
  --pagination-nav-content-spacing: var(--core-metrics-spacing-100);
  --pagination-nav-horizontal-margin: var(--core-metrics-spacing-100);
  --pagination-nav-vertical-margin: var(--core-metrics-spacing-200);

  /* ========== pagingIndicator ========== */
  --paging-indicator-selected-state-color: var(--paging-indicator-selected-state-light-mode-color);
  --paging-indicator-selected-state-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --paging-indicator-selected-state-height: var(--core-metrics-spacing-50);
  --paging-indicator-selected-state-light-mode-color: var(--core-fill-10-light-mode-color);
  --paging-indicator-selected-state-width: var(--core-metrics-spacing-300);
  --paging-indicator-spacing: var(--core-metrics-spacing-25);
  --paging-indicator-unselected-state-color: var(--paging-indicator-unselected-state-light-mode-color);
  --paging-indicator-unselected-state-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --paging-indicator-unselected-state-height: var(--core-metrics-spacing-25);
  --paging-indicator-unselected-state-light-mode-color: var(--core-fill-20-light-mode-color);
  --paging-indicator-unselected-state-width: var(--core-metrics-spacing-300);

  /* ========== pill ========== */
  --pill-alpha-variant-background-color: var(--pill-alpha-variant-background-light-mode-color);
  --pill-alpha-variant-background-dark-mode-color: var(--pill-alpha-variant-normal-state-background-dark-mode-color);
  --pill-alpha-variant-background-light-mode-color: var(--pill-alpha-variant-normal-state-background-light-mode-color);
  --pill-alpha-variant-icon-color: var(--pill-alpha-variant-icon-light-mode-color);
  --pill-alpha-variant-icon-dark-mode-color: var(--core-pink-fill-dark-mode-color);
  --pill-alpha-variant-icon-light-mode-color: var(--core-pink-fill-light-mode-color);
  --pill-alpha-variant-normal-state-background-color: var(--pill-alpha-variant-normal-state-background-light-mode-color);
  --pill-alpha-variant-normal-state-background-dark-mode-color: var(--core-pink-40-dark-mode-color);
  --pill-alpha-variant-normal-state-background-light-mode-color: var(--core-pink-40-light-mode-color);
  --pill-alpha-variant-pressed-state-background-color: var(--pill-alpha-variant-pressed-state-background-light-mode-color);
  --pill-alpha-variant-pressed-state-background-dark-mode-color: var(--core-pink-30-dark-mode-color);
  --pill-alpha-variant-pressed-state-background-light-mode-color: var(--core-pink-30-light-mode-color);
  --pill-alpha-variant-text-color: var(--pill-alpha-variant-text-light-mode-color);
  --pill-alpha-variant-text-dark-mode-color: var(--core-pink-text-dark-mode-color);
  --pill-alpha-variant-text-light-mode-color: var(--core-pink-text-light-mode-color);
  --pill-beta-variant-background-color: var(--pill-beta-variant-background-light-mode-color);
  --pill-beta-variant-background-dark-mode-color: var(--pill-beta-variant-normal-state-background-dark-mode-color);
  --pill-beta-variant-background-light-mode-color: var(--pill-beta-variant-normal-state-background-light-mode-color);
  --pill-beta-variant-icon-color: var(--pill-beta-variant-icon-light-mode-color);
  --pill-beta-variant-icon-dark-mode-color: var(--core-teal-fill-dark-mode-color);
  --pill-beta-variant-icon-light-mode-color: var(--core-teal-fill-light-mode-color);
  --pill-beta-variant-normal-state-background-color: var(--pill-beta-variant-normal-state-background-light-mode-color);
  --pill-beta-variant-normal-state-background-dark-mode-color: var(--core-teal-40-dark-mode-color);
  --pill-beta-variant-normal-state-background-light-mode-color: var(--core-teal-40-light-mode-color);
  --pill-beta-variant-pressed-state-background-color: var(--pill-beta-variant-pressed-state-background-light-mode-color);
  --pill-beta-variant-pressed-state-background-dark-mode-color: var(--core-teal-30-dark-mode-color);
  --pill-beta-variant-pressed-state-background-light-mode-color: var(--core-teal-30-light-mode-color);
  --pill-beta-variant-text-color: var(--pill-beta-variant-text-light-mode-color);
  --pill-beta-variant-text-dark-mode-color: var(--core-teal-text-dark-mode-color);
  --pill-beta-variant-text-light-mode-color: var(--core-teal-text-light-mode-color);
  --pill-border-color: var(--pill-border-light-mode-color);
  --pill-border-dark-mode-color: var(--core-surface-5-dark-mode-color);
  --pill-border-light-mode-color: var(--core-surface-5-light-mode-color);
  --pill-border-width: var(--core-border-20);
  --pill-compact-size-border-radius: var(--core-radius-circle);
  --pill-compact-size-corner-radius: var(--pill-compact-size-border-radius);
  --pill-compact-size-horizontal-padding: var(--core-metrics-spacing-100);
  --pill-compact-size-icon-dot-radius: var(--pill-compact-size-indicator-dot-radius);
  --pill-compact-size-icon-left-padding: var(--pill-compact-size-indicator-icon-horizontal-padding-left);
  --pill-compact-size-icon-size: var(--pill-compact-size-indicator-icon-size);
  --pill-compact-size-icon-to-text-spacing: var(--pill-compact-size-indicator-icon-horizontal-padding-right);
  --pill-compact-size-indicator-dot-horizontal-padding-left: var(--core-metrics-spacing-50);
  --pill-compact-size-indicator-dot-horizontal-padding-right: var(--core-metrics-spacing-50);
  --pill-compact-size-indicator-dot-radius: var(--core-metrics-spacing-50);
  --pill-compact-size-indicator-icon-horizontal-padding-left: var(--core-metrics-spacing-50);
  --pill-compact-size-indicator-icon-horizontal-padding-right: var(--core-metrics-spacing-50);
  --pill-compact-size-indicator-icon-size: var(--core-metrics-spacing-200);
  --pill-compact-size-padding-horizontal-size: var(--pill-compact-size-horizontal-padding);
  --pill-compact-size-padding-vertical-size: var(--pill-compact-size-vertical-padding);
  --pill-compact-size-spacing-horizontal: var(--pill-compact-size-indicator-dot-horizontal-padding-right);
  --pill-compact-size-text-case: var(--core-type-semibold-10-case);
  --pill-compact-size-text-edge-padding: var(--pill-compact-size-text-horizontal-padding-left);
  --pill-compact-size-text-font-family: var(--core-type-semibold-10-font-family);
  --pill-compact-size-text-horizontal-padding-left: var(--core-metrics-spacing-100);
  --pill-compact-size-text-leading: var(--core-type-semibold-10-leading);
  --pill-compact-size-text-number-spacing: var(--core-type-semibold-10-number-spacing);
  --pill-compact-size-text-scale: var(--core-type-semibold-10-scale);
  --pill-compact-size-text-size: var(--core-type-semibold-10-size);
  --pill-compact-size-text-tracking: var(--core-type-semibold-10-tracking);
  --pill-compact-size-text-weight: var(--core-type-semibold-10-weight);
  --pill-compact-size-vertical-padding: var(--core-metrics-spacing-25);
  --pill-critical-variant-background-color: var(--pill-critical-variant-background-light-mode-color);
  --pill-critical-variant-background-dark-mode-color: var(--pill-critical-variant-normal-state-background-dark-mode-color);
  --pill-critical-variant-background-light-mode-color: var(--pill-critical-variant-normal-state-background-light-mode-color);
  --pill-critical-variant-icon-color: var(--pill-critical-variant-icon-light-mode-color);
  --pill-critical-variant-icon-dark-mode-color: var(--core-critical-fill-dark-mode-color);
  --pill-critical-variant-icon-light-mode-color: var(--core-critical-fill-light-mode-color);
  --pill-critical-variant-normal-state-background-color: var(--pill-critical-variant-normal-state-background-light-mode-color);
  --pill-critical-variant-normal-state-background-dark-mode-color: var(--core-critical-40-dark-mode-color);
  --pill-critical-variant-normal-state-background-light-mode-color: var(--core-critical-40-light-mode-color);
  --pill-critical-variant-pressed-state-background-color: var(--pill-critical-variant-pressed-state-background-light-mode-color);
  --pill-critical-variant-pressed-state-background-dark-mode-color: var(--core-critical-30-dark-mode-color);
  --pill-critical-variant-pressed-state-background-light-mode-color: var(--core-critical-30-light-mode-color);
  --pill-critical-variant-text-color: var(--pill-critical-variant-text-light-mode-color);
  --pill-critical-variant-text-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --pill-critical-variant-text-light-mode-color: var(--core-critical-text-light-mode-color);
  --pill-emphasis-variant-background-color: var(--pill-emphasis-variant-background-light-mode-color);
  --pill-emphasis-variant-background-dark-mode-color: var(--pill-emphasis-variant-normal-state-background-dark-mode-color);
  --pill-emphasis-variant-background-light-mode-color: var(--pill-emphasis-variant-normal-state-background-light-mode-color);
  --pill-emphasis-variant-icon-color: var(--pill-emphasis-variant-icon-light-mode-color);
  --pill-emphasis-variant-icon-dark-mode-color: var(--core-blue-text-dark-mode-color);
  --pill-emphasis-variant-icon-light-mode-color: var(--core-blue-text-light-mode-color);
  --pill-emphasis-variant-normal-state-background-color: var(--pill-emphasis-variant-normal-state-background-light-mode-color);
  --pill-emphasis-variant-normal-state-background-dark-mode-color: var(--core-blue-40-dark-mode-color);
  --pill-emphasis-variant-normal-state-background-light-mode-color: var(--core-blue-40-light-mode-color);
  --pill-emphasis-variant-pressed-state-background-color: var(--pill-emphasis-variant-pressed-state-background-light-mode-color);
  --pill-emphasis-variant-pressed-state-background-dark-mode-color: var(--core-blue-30-dark-mode-color);
  --pill-emphasis-variant-pressed-state-background-light-mode-color: var(--core-blue-30-light-mode-color);
  --pill-emphasis-variant-text-color: var(--pill-emphasis-variant-text-light-mode-color);
  --pill-emphasis-variant-text-dark-mode-color: var(--core-blue-text-dark-mode-color);
  --pill-emphasis-variant-text-light-mode-color: var(--core-blue-text-light-mode-color);
  --pill-insight-variant-background-color: var(--pill-insight-variant-background-light-mode-color);
  --pill-insight-variant-background-dark-mode-color: var(--pill-insight-variant-normal-state-background-dark-mode-color);
  --pill-insight-variant-background-light-mode-color: var(--pill-insight-variant-normal-state-background-light-mode-color);
  --pill-insight-variant-icon-color: var(--pill-insight-variant-icon-light-mode-color);
  --pill-insight-variant-icon-dark-mode-color: var(--core-purple-fill-dark-mode-color);
  --pill-insight-variant-icon-light-mode-color: var(--core-purple-fill-light-mode-color);
  --pill-insight-variant-normal-state-background-color: var(--pill-insight-variant-normal-state-background-light-mode-color);
  --pill-insight-variant-normal-state-background-dark-mode-color: var(--core-purple-40-dark-mode-color);
  --pill-insight-variant-normal-state-background-light-mode-color: var(--core-purple-40-light-mode-color);
  --pill-insight-variant-pressed-state-background-color: var(--pill-insight-variant-pressed-state-background-light-mode-color);
  --pill-insight-variant-pressed-state-background-dark-mode-color: var(--core-purple-30-dark-mode-color);
  --pill-insight-variant-pressed-state-background-light-mode-color: var(--core-purple-30-light-mode-color);
  --pill-insight-variant-text-color: var(--pill-insight-variant-text-light-mode-color);
  --pill-insight-variant-text-dark-mode-color: var(--core-purple-text-dark-mode-color);
  --pill-insight-variant-text-light-mode-color: var(--core-purple-text-light-mode-color);
  --pill-normal-size-border-radius: var(--core-radius-circle);
  --pill-normal-size-corner-radius: var(--pill-normal-size-border-radius);
  --pill-normal-size-horizontal-padding: var(--core-metrics-spacing-150);
  --pill-normal-size-icon-dot-radius: var(--pill-normal-size-indicator-dot-radius);
  --pill-normal-size-icon-left-padding: var(--pill-normal-size-indicator-icon-horizontal-padding-left);
  --pill-normal-size-icon-size: var(--pill-normal-size-indicator-icon-size);
  --pill-normal-size-icon-to-text-spacing: var(--pill-normal-size-indicator-icon-horizontal-padding-right);
  --pill-normal-size-indicator-dot-horizontal-padding-left: var(--core-metrics-spacing-100);
  --pill-normal-size-indicator-dot-horizontal-padding-right: var(--core-metrics-spacing-50);
  --pill-normal-size-indicator-dot-radius: 5px;
  --pill-normal-size-indicator-icon-horizontal-padding-left: var(--core-metrics-spacing-100);
  --pill-normal-size-indicator-icon-horizontal-padding-right: var(--core-metrics-spacing-50);
  --pill-normal-size-indicator-icon-size: var(--core-metrics-spacing-200);
  --pill-normal-size-padding-horizontal-size: var(--pill-normal-size-horizontal-padding);
  --pill-normal-size-padding-vertical-size: var(--pill-normal-size-vertical-padding);
  --pill-normal-size-spacing-horizontal: var(--pill-normal-size-indicator-dot-horizontal-padding-right);
  --pill-normal-size-text-case: var(--core-type-semibold-20-case);
  --pill-normal-size-text-edge-padding: var(--pill-normal-size-text-horizontal-padding-left);
  --pill-normal-size-text-font-family: var(--core-type-semibold-20-font-family);
  --pill-normal-size-text-horizontal-padding-left: var(--core-metrics-spacing-150);
  --pill-normal-size-text-leading: var(--core-type-semibold-20-leading);
  --pill-normal-size-text-number-spacing: var(--core-type-semibold-20-number-spacing);
  --pill-normal-size-text-scale: var(--core-type-semibold-20-scale);
  --pill-normal-size-text-size: var(--core-type-semibold-20-size);
  --pill-normal-size-text-tracking: var(--core-type-semibold-20-tracking);
  --pill-normal-size-text-weight: var(--core-type-semibold-20-weight);
  --pill-normal-size-vertical-padding: var(--core-metrics-spacing-50);
  --pill-normal-variant-background-color: var(--pill-normal-variant-background-light-mode-color);
  --pill-normal-variant-background-dark-mode-color: var(--pill-normal-variant-normal-state-background-dark-mode-color);
  --pill-normal-variant-background-light-mode-color: var(--pill-normal-variant-normal-state-background-light-mode-color);
  --pill-normal-variant-icon-color: var(--pill-normal-variant-icon-light-mode-color);
  --pill-normal-variant-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --pill-normal-variant-icon-light-mode-color: var(--core-fill-20-light-mode-color);
  --pill-normal-variant-normal-state-background-color: var(--pill-normal-variant-normal-state-background-light-mode-color);
  --pill-normal-variant-normal-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --pill-normal-variant-normal-state-background-light-mode-color: var(--core-fill-40-light-mode-color);
  --pill-normal-variant-pressed-state-background-color: var(--pill-normal-variant-pressed-state-background-light-mode-color);
  --pill-normal-variant-pressed-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --pill-normal-variant-pressed-state-background-light-mode-color: var(--core-fill-30-light-mode-color);
  --pill-normal-variant-text-color: var(--pill-normal-variant-text-light-mode-color);
  --pill-normal-variant-text-dark-mode-color: var(--core-text-20-dark-mode-color);
  --pill-normal-variant-text-light-mode-color: var(--core-text-20-light-mode-color);
  --pill-success-variant-background-color: var(--pill-success-variant-background-light-mode-color);
  --pill-success-variant-background-dark-mode-color: var(--pill-success-variant-normal-state-background-dark-mode-color);
  --pill-success-variant-background-light-mode-color: var(--pill-success-variant-normal-state-background-light-mode-color);
  --pill-success-variant-icon-color: var(--pill-success-variant-icon-light-mode-color);
  --pill-success-variant-icon-dark-mode-color: var(--core-success-fill-dark-mode-color);
  --pill-success-variant-icon-light-mode-color: var(--core-success-fill-light-mode-color);
  --pill-success-variant-normal-state-background-color: var(--pill-success-variant-normal-state-background-light-mode-color);
  --pill-success-variant-normal-state-background-dark-mode-color: var(--core-success-40-dark-mode-color);
  --pill-success-variant-normal-state-background-light-mode-color: var(--core-success-40-light-mode-color);
  --pill-success-variant-pressed-state-background-color: var(--pill-success-variant-pressed-state-background-light-mode-color);
  --pill-success-variant-pressed-state-background-dark-mode-color: var(--core-success-30-dark-mode-color);
  --pill-success-variant-pressed-state-background-light-mode-color: var(--core-success-30-light-mode-color);
  --pill-success-variant-text-color: var(--pill-success-variant-text-light-mode-color);
  --pill-success-variant-text-dark-mode-color: var(--core-success-text-dark-mode-color);
  --pill-success-variant-text-light-mode-color: var(--core-success-text-light-mode-color);
  --pill-warning-variant-background-color: var(--pill-warning-variant-background-light-mode-color);
  --pill-warning-variant-background-dark-mode-color: var(--pill-warning-variant-normal-state-background-dark-mode-color);
  --pill-warning-variant-background-light-mode-color: var(--pill-warning-variant-normal-state-background-light-mode-color);
  --pill-warning-variant-icon-color: var(--pill-warning-variant-icon-light-mode-color);
  --pill-warning-variant-icon-dark-mode-color: var(--core-warning-fill-dark-mode-color);
  --pill-warning-variant-icon-light-mode-color: var(--core-warning-fill-light-mode-color);
  --pill-warning-variant-normal-state-background-color: var(--pill-warning-variant-normal-state-background-light-mode-color);
  --pill-warning-variant-normal-state-background-dark-mode-color: var(--core-warning-40-dark-mode-color);
  --pill-warning-variant-normal-state-background-light-mode-color: var(--core-warning-40-light-mode-color);
  --pill-warning-variant-pressed-state-background-color: var(--pill-warning-variant-pressed-state-background-light-mode-color);
  --pill-warning-variant-pressed-state-background-dark-mode-color: var(--core-warning-30-dark-mode-color);
  --pill-warning-variant-pressed-state-background-light-mode-color: var(--core-warning-30-light-mode-color);
  --pill-warning-variant-text-color: var(--pill-warning-variant-text-light-mode-color);
  --pill-warning-variant-text-dark-mode-color: var(--core-warning-text-dark-mode-color);
  --pill-warning-variant-text-light-mode-color: var(--core-warning-text-light-mode-color);

  /* ========== progressMeter ========== */
  --progress-meter-bar-height: 4px;
  --progress-meter-bar-radius: 2px;
  --progress-meter-bar-width: 120px;
  --progress-meter-radial-large-size-diameter-size: 60px;
  --progress-meter-radial-large-size-stroke-size: 6px;
  --progress-meter-radial-small-size-diameter-size: 20px;
  --progress-meter-radial-small-size-stroke-size: 2px;

  /* ========== qrcode ========== */
  --qrcode-border-color: var(--qrcode-border-light-mode-color);
  --qrcode-border-dark-mode-color: var(--core-divider-10-dark-mode-color);
  --qrcode-border-light-mode-color: var(--core-divider-10-light-mode-color);
  --qrcode-border-radius: var(--core-radius-266);
  --qrcode-border-width: 1px;
  --qrcode-gap: var(--core-metrics-spacing-200);
  --qrcode-monochrome-variant-background-color: var(--qrcode-monochrome-variant-background-light-mode-color);
  --qrcode-monochrome-variant-background-dark-mode-color: var(--qrcode-normal-variant-background-dark-mode-color);
  --qrcode-monochrome-variant-background-light-mode-color: var(--qrcode-normal-variant-background-light-mode-color);
  --qrcode-monochrome-variant-foreground-color: var(--qrcode-monochrome-variant-foreground-light-mode-color);
  --qrcode-monochrome-variant-foreground-dark-mode-color: var(--qrcode-normal-variant-foreground-dark-mode-color);
  --qrcode-monochrome-variant-foreground-light-mode-color: var(--qrcode-normal-variant-foreground-light-mode-color);
  --qrcode-monochrome-variant-icon-color: var(--qrcode-monochrome-variant-icon-light-mode-color);
  --qrcode-monochrome-variant-icon-dark-mode-color: var(--qrcode-normal-variant-foreground-dark-mode-color);
  --qrcode-monochrome-variant-icon-light-mode-color: var(--qrcode-normal-variant-foreground-light-mode-color);
  --qrcode-normal-variant-background-color: var(--qrcode-normal-variant-background-light-mode-color);
  --qrcode-normal-variant-background-dark-mode-color: var(--core-fill-black-dark-mode-color);
  --qrcode-normal-variant-background-light-mode-color: var(--core-fill-white-light-mode-color);
  --qrcode-normal-variant-foreground-color: var(--qrcode-normal-variant-foreground-light-mode-color);
  --qrcode-normal-variant-foreground-dark-mode-color: var(--core-fill-white-dark-mode-color);
  --qrcode-normal-variant-foreground-light-mode-color: var(--core-fill-black-light-mode-color);
  --qrcode-normal-variant-icon-color: var(--qrcode-normal-variant-icon-light-mode-color);
  --qrcode-normal-variant-icon-dark-mode-color: var(--qrcode-normal-variant-foreground-dark-mode-color);
  --qrcode-normal-variant-icon-light-mode-color: var(--qrcode-normal-variant-foreground-light-mode-color);
  --qrcode-padding: var(--core-metrics-spacing-600);

  /* ========== quantity-input-field ========== */
  --quantity-input-field-display-color: var(--quantity-input-field-display-light-mode-color);
  --quantity-input-field-display-dark-mode-color: var(--core-text-10-dark-mode-color);
  --quantity-input-field-display-horizontal-padding: var(--core-metrics-spacing-100);
  --quantity-input-field-display-light-mode-color: var(--core-text-10-light-mode-color);
  --quantity-input-field-display-placeholder-color: var(--quantity-input-field-display-placeholder-light-mode-color);
  --quantity-input-field-display-placeholder-dark-mode-color: var(--core-text-20-dark-mode-color);
  --quantity-input-field-display-placeholder-light-mode-color: var(--core-text-20-light-mode-color);
  --quantity-input-field-display-primary-value-text-case: var(--core-type-display-20-case);
  --quantity-input-field-display-primary-value-text-font-family: var(--core-type-display-20-font-family);
  --quantity-input-field-display-primary-value-text-leading: var(--core-type-display-20-leading);
  --quantity-input-field-display-primary-value-text-number-spacing: 'monospaced';
  --quantity-input-field-display-primary-value-text-scale: var(--core-type-display-20-scale);
  --quantity-input-field-display-primary-value-text-size: var(--core-type-display-20-size);
  --quantity-input-field-display-primary-value-text-tracking: var(--core-type-display-20-tracking);
  --quantity-input-field-display-primary-value-text-weight: var(--core-type-display-20-weight);
  --quantity-input-field-display-unit-text-case: var(--core-type-heading-30-case);
  --quantity-input-field-display-unit-text-font-family: var(--core-type-heading-30-font-family);
  --quantity-input-field-display-unit-text-leading: var(--core-type-heading-30-leading);
  --quantity-input-field-display-unit-text-number-spacing: var(--core-type-heading-30-number-spacing);
  --quantity-input-field-display-unit-text-scale: var(--core-type-heading-30-scale);
  --quantity-input-field-display-unit-text-size: var(--core-type-heading-30-size);
  --quantity-input-field-display-unit-text-tracking: var(--core-type-heading-30-tracking);
  --quantity-input-field-display-unit-text-weight: var(--core-type-heading-30-weight);
  --quantity-input-field-value-text-case: var(--core-type-display-20-case);
  --quantity-input-field-value-text-color: var(--quantity-input-field-value-text-light-mode-color);
  --quantity-input-field-value-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --quantity-input-field-value-text-font-family: var(--core-type-display-20-font-family);
  --quantity-input-field-value-text-leading: var(--core-type-display-20-leading);
  --quantity-input-field-value-text-light-mode-color: var(--core-text-10-light-mode-color);
  --quantity-input-field-value-text-number-spacing: 'monospaced';
  --quantity-input-field-value-text-placeholder-color: var(--quantity-input-field-value-text-placeholder-light-mode-color);
  --quantity-input-field-value-text-placeholder-dark-mode-color: var(--core-text-20-dark-mode-color);
  --quantity-input-field-value-text-placeholder-light-mode-color: var(--core-text-20-light-mode-color);
  --quantity-input-field-value-text-scale: var(--core-type-display-20-scale);
  --quantity-input-field-value-text-size: var(--core-type-display-20-size);
  --quantity-input-field-value-text-tracking: var(--core-type-display-20-tracking);
  --quantity-input-field-value-text-weight: var(--core-type-display-20-weight);

  /* ========== radio ========== */
  --radio-border-radius: 100px;
  --radio-border-size: var(--core-border-20);
  --radio-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);
  --radio-disabled-state-invalid-validity-selected-value-background-color: var(--radio-disabled-state-invalid-validity-selected-value-light-mode-background-color);
  --radio-disabled-state-invalid-validity-selected-value-border-color: var(--radio-disabled-state-invalid-validity-selected-value-light-mode-border-color);
  --radio-disabled-state-invalid-validity-selected-value-dark-mode-background-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-background-color);
  --radio-disabled-state-invalid-validity-selected-value-dark-mode-border-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-border-color);
  --radio-disabled-state-invalid-validity-selected-value-dark-mode-icon-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-icon-color);
  --radio-disabled-state-invalid-validity-selected-value-icon-color: var(--radio-disabled-state-invalid-validity-selected-value-light-mode-icon-color);
  --radio-disabled-state-invalid-validity-selected-value-light-mode-background-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-background-color);
  --radio-disabled-state-invalid-validity-selected-value-light-mode-border-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-border-color);
  --radio-disabled-state-invalid-validity-selected-value-light-mode-icon-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-icon-color);
  --radio-disabled-state-invalid-validity-unselected-value-background-color: var(--radio-disabled-state-invalid-validity-unselected-value-light-mode-background-color);
  --radio-disabled-state-invalid-validity-unselected-value-border-color: var(--radio-disabled-state-invalid-validity-unselected-value-light-mode-border-color);
  --radio-disabled-state-invalid-validity-unselected-value-dark-mode-background-color: var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-background-color);
  --radio-disabled-state-invalid-validity-unselected-value-dark-mode-border-color: var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-border-color);
  --radio-disabled-state-invalid-validity-unselected-value-light-mode-background-color: var(--radio-disabled-state-normal-validity-unselected-value-light-mode-background-color);
  --radio-disabled-state-invalid-validity-unselected-value-light-mode-border-color: var(--radio-disabled-state-normal-validity-unselected-value-light-mode-border-color);
  --radio-disabled-state-normal-validity-selected-value-background-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-background-color);
  --radio-disabled-state-normal-validity-selected-value-border-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-border-color);
  --radio-disabled-state-normal-validity-selected-value-dark-mode-background-color: var(--core-fill-20-dark-mode-color);
  --radio-disabled-state-normal-validity-selected-value-dark-mode-border-color: transparent;
  --radio-disabled-state-normal-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --radio-disabled-state-normal-validity-selected-value-icon-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-icon-color);
  --radio-disabled-state-normal-validity-selected-value-light-mode-background-color: var(--core-fill-20-light-mode-color);
  --radio-disabled-state-normal-validity-selected-value-light-mode-border-color: transparent;
  --radio-disabled-state-normal-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --radio-disabled-state-normal-validity-unselected-value-background-color: var(--radio-disabled-state-normal-validity-unselected-value-light-mode-background-color);
  --radio-disabled-state-normal-validity-unselected-value-border-color: var(--radio-disabled-state-normal-validity-unselected-value-light-mode-border-color);
  --radio-disabled-state-normal-validity-unselected-value-dark-mode-background-color: var(--core-fill-50-dark-mode-color);
  --radio-disabled-state-normal-validity-unselected-value-dark-mode-border-color: var(--core-fill-30-dark-mode-color);
  --radio-disabled-state-normal-validity-unselected-value-light-mode-background-color: var(--core-fill-50-light-mode-color);
  --radio-disabled-state-normal-validity-unselected-value-light-mode-border-color: var(--core-fill-30-light-mode-color);
  --radio-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);
  --radio-focus-ring-color: var(--radio-light-mode-focus-ring-color);
  --radio-focus-state-invalid-validity-selected-value-background-color: var(--radio-focus-state-invalid-validity-selected-value-light-mode-background-color);
  --radio-focus-state-invalid-validity-selected-value-border-color: var(--radio-focus-state-invalid-validity-selected-value-light-mode-border-color);
  --radio-focus-state-invalid-validity-selected-value-dark-mode-background-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-background-color);
  --radio-focus-state-invalid-validity-selected-value-dark-mode-border-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-border-color);
  --radio-focus-state-invalid-validity-selected-value-dark-mode-icon-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-icon-color);
  --radio-focus-state-invalid-validity-selected-value-icon-color: var(--radio-focus-state-invalid-validity-selected-value-light-mode-icon-color);
  --radio-focus-state-invalid-validity-selected-value-light-mode-background-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-background-color);
  --radio-focus-state-invalid-validity-selected-value-light-mode-border-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-border-color);
  --radio-focus-state-invalid-validity-selected-value-light-mode-icon-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-icon-color);
  --radio-focus-state-invalid-validity-unselected-value-background-color: var(--radio-focus-state-invalid-validity-unselected-value-light-mode-background-color);
  --radio-focus-state-invalid-validity-unselected-value-border-color: var(--radio-focus-state-invalid-validity-unselected-value-light-mode-border-color);
  --radio-focus-state-invalid-validity-unselected-value-dark-mode-background-color: var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-background-color);
  --radio-focus-state-invalid-validity-unselected-value-dark-mode-border-color: var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-border-color);
  --radio-focus-state-invalid-validity-unselected-value-light-mode-background-color: var(--radio-hover-state-invalid-validity-unselected-value-light-mode-background-color);
  --radio-focus-state-invalid-validity-unselected-value-light-mode-border-color: var(--radio-hover-state-invalid-validity-unselected-value-light-mode-border-color);
  --radio-focus-state-normal-validity-selected-value-background-color: var(--radio-focus-state-normal-validity-selected-value-light-mode-background-color);
  --radio-focus-state-normal-validity-selected-value-border-color: var(--radio-focus-state-normal-validity-selected-value-light-mode-border-color);
  --radio-focus-state-normal-validity-selected-value-dark-mode-background-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-background-color);
  --radio-focus-state-normal-validity-selected-value-dark-mode-border-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-border-color);
  --radio-focus-state-normal-validity-selected-value-dark-mode-icon-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-icon-color);
  --radio-focus-state-normal-validity-selected-value-icon-color: var(--radio-focus-state-normal-validity-selected-value-light-mode-icon-color);
  --radio-focus-state-normal-validity-selected-value-light-mode-background-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-background-color);
  --radio-focus-state-normal-validity-selected-value-light-mode-border-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-border-color);
  --radio-focus-state-normal-validity-selected-value-light-mode-icon-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-icon-color);
  --radio-focus-state-normal-validity-unselected-value-background-color: var(--radio-focus-state-normal-validity-unselected-value-light-mode-background-color);
  --radio-focus-state-normal-validity-unselected-value-border-color: var(--radio-focus-state-normal-validity-unselected-value-light-mode-border-color);
  --radio-focus-state-normal-validity-unselected-value-dark-mode-background-color: var(--radio-hover-state-normal-validity-unselected-value-dark-mode-background-color);
  --radio-focus-state-normal-validity-unselected-value-dark-mode-border-color: var(--radio-hover-state-normal-validity-unselected-value-dark-mode-border-color);
  --radio-focus-state-normal-validity-unselected-value-light-mode-background-color: var(--radio-hover-state-normal-validity-unselected-value-light-mode-background-color);
  --radio-focus-state-normal-validity-unselected-value-light-mode-border-color: var(--radio-hover-state-normal-validity-unselected-value-light-mode-border-color);
  --radio-height: var(--radio-width);
  --radio-hover-state-invalid-validity-selected-value-background-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-background-color);
  --radio-hover-state-invalid-validity-selected-value-border-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-border-color);
  --radio-hover-state-invalid-validity-selected-value-dark-mode-background-color: var(--core-critical-20-dark-mode-color);
  --radio-hover-state-invalid-validity-selected-value-dark-mode-border-color: transparent;
  --radio-hover-state-invalid-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --radio-hover-state-invalid-validity-selected-value-icon-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-icon-color);
  --radio-hover-state-invalid-validity-selected-value-light-mode-background-color: var(--core-critical-20-light-mode-color);
  --radio-hover-state-invalid-validity-selected-value-light-mode-border-color: transparent;
  --radio-hover-state-invalid-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --radio-hover-state-invalid-validity-unselected-value-background-color: var(--radio-hover-state-invalid-validity-unselected-value-light-mode-background-color);
  --radio-hover-state-invalid-validity-unselected-value-border-color: var(--radio-hover-state-invalid-validity-unselected-value-light-mode-border-color);
  --radio-hover-state-invalid-validity-unselected-value-dark-mode-background-color: transparent;
  --radio-hover-state-invalid-validity-unselected-value-dark-mode-border-color: var(--core-critical-20-dark-mode-color);
  --radio-hover-state-invalid-validity-unselected-value-light-mode-background-color: transparent;
  --radio-hover-state-invalid-validity-unselected-value-light-mode-border-color: var(--core-critical-20-light-mode-color);
  --radio-hover-state-normal-validity-selected-value-background-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-background-color);
  --radio-hover-state-normal-validity-selected-value-border-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-border-color);
  --radio-hover-state-normal-validity-selected-value-dark-mode-background-color: var(--core-emphasis-20-light-mode-color);
  --radio-hover-state-normal-validity-selected-value-dark-mode-border-color: transparent;
  --radio-hover-state-normal-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --radio-hover-state-normal-validity-selected-value-icon-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-icon-color);
  --radio-hover-state-normal-validity-selected-value-light-mode-background-color: var(--core-emphasis-20-light-mode-color);
  --radio-hover-state-normal-validity-selected-value-light-mode-border-color: transparent;
  --radio-hover-state-normal-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --radio-hover-state-normal-validity-unselected-value-background-color: var(--radio-hover-state-normal-validity-unselected-value-light-mode-background-color);
  --radio-hover-state-normal-validity-unselected-value-border-color: var(--radio-hover-state-normal-validity-unselected-value-light-mode-border-color);
  --radio-hover-state-normal-validity-unselected-value-dark-mode-background-color: var(--core-fill-50-light-mode-color);
  --radio-hover-state-normal-validity-unselected-value-dark-mode-border-color: var(--core-emphasis-10-light-mode-color);
  --radio-hover-state-normal-validity-unselected-value-light-mode-background-color: var(--core-fill-50-light-mode-color);
  --radio-hover-state-normal-validity-unselected-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color);
  --radio-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);
  --radio-normal-state-invalid-validity-selected-value-background-color: var(--radio-normal-state-invalid-validity-selected-value-light-mode-background-color);
  --radio-normal-state-invalid-validity-selected-value-border-color: var(--radio-normal-state-invalid-validity-selected-value-light-mode-border-color);
  --radio-normal-state-invalid-validity-selected-value-dark-mode-background-color: var(--core-critical-fill-dark-mode-color);
  --radio-normal-state-invalid-validity-selected-value-dark-mode-border-color: transparent;
  --radio-normal-state-invalid-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --radio-normal-state-invalid-validity-selected-value-icon-color: var(--radio-normal-state-invalid-validity-selected-value-light-mode-icon-color);
  --radio-normal-state-invalid-validity-selected-value-light-mode-background-color: var(--core-critical-fill-light-mode-color);
  --radio-normal-state-invalid-validity-selected-value-light-mode-border-color: transparent;
  --radio-normal-state-invalid-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --radio-normal-state-invalid-validity-unselected-value-background-color: var(--radio-normal-state-invalid-validity-unselected-value-light-mode-background-color);
  --radio-normal-state-invalid-validity-unselected-value-border-color: var(--radio-normal-state-invalid-validity-unselected-value-light-mode-border-color);
  --radio-normal-state-invalid-validity-unselected-value-dark-mode-background-color: transparent;
  --radio-normal-state-invalid-validity-unselected-value-dark-mode-border-color: var(--core-critical-fill-dark-mode-color);
  --radio-normal-state-invalid-validity-unselected-value-light-mode-background-color: transparent;
  --radio-normal-state-invalid-validity-unselected-value-light-mode-border-color: var(--core-critical-fill-light-mode-color);
  --radio-normal-state-normal-validity-selected-value-background-color: var(--radio-normal-state-normal-validity-selected-value-light-mode-background-color);
  --radio-normal-state-normal-validity-selected-value-border-color: var(--radio-normal-state-normal-validity-selected-value-light-mode-border-color);
  --radio-normal-state-normal-validity-selected-value-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color);
  --radio-normal-state-normal-validity-selected-value-dark-mode-border-color: transparent;
  --radio-normal-state-normal-validity-selected-value-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color);
  --radio-normal-state-normal-validity-selected-value-icon-color: var(--radio-normal-state-normal-validity-selected-value-light-mode-icon-color);
  --radio-normal-state-normal-validity-selected-value-light-mode-background-color: var(--core-emphasis-fill-light-mode-color);
  --radio-normal-state-normal-validity-selected-value-light-mode-border-color: transparent;
  --radio-normal-state-normal-validity-selected-value-light-mode-icon-color: var(--core-text-inverse-light-mode-color);
  --radio-normal-state-normal-validity-unselected-value-background-color: var(--radio-normal-state-normal-validity-unselected-value-light-mode-background-color);
  --radio-normal-state-normal-validity-unselected-value-border-color: var(--radio-normal-state-normal-validity-unselected-value-light-mode-border-color);
  --radio-normal-state-normal-validity-unselected-value-dark-mode-background-color: transparent;
  --radio-normal-state-normal-validity-unselected-value-dark-mode-border-color: var(--core-fill-20-dark-mode-color);
  --radio-normal-state-normal-validity-unselected-value-light-mode-background-color: transparent;
  --radio-normal-state-normal-validity-unselected-value-light-mode-border-color: var(--core-fill-20-light-mode-color);
  --radio-pressed-state-invalid-validity-selected-value-background-color: var(--radio-pressed-state-invalid-validity-selected-value-light-mode-background-color);
  --radio-pressed-state-invalid-validity-selected-value-border-color: var(--radio-pressed-state-invalid-validity-selected-value-light-mode-border-color);
  --radio-pressed-state-invalid-validity-selected-value-dark-mode-background-color: var(--core-critical-10-dark-mode-color);
  --radio-pressed-state-invalid-validity-selected-value-dark-mode-border-color: transparent;
  --radio-pressed-state-invalid-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --radio-pressed-state-invalid-validity-selected-value-icon-color: var(--radio-pressed-state-invalid-validity-selected-value-light-mode-icon-color);
  --radio-pressed-state-invalid-validity-selected-value-light-mode-background-color: var(--core-critical-10-light-mode-color);
  --radio-pressed-state-invalid-validity-selected-value-light-mode-border-color: transparent;
  --radio-pressed-state-invalid-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --radio-pressed-state-invalid-validity-unselected-value-background-color: var(--radio-pressed-state-invalid-validity-unselected-value-light-mode-background-color);
  --radio-pressed-state-invalid-validity-unselected-value-border-color: var(--radio-pressed-state-invalid-validity-unselected-value-light-mode-border-color);
  --radio-pressed-state-invalid-validity-unselected-value-dark-mode-background-color: transparent;
  --radio-pressed-state-invalid-validity-unselected-value-dark-mode-border-color: var(--core-critical-10-dark-mode-color);
  --radio-pressed-state-invalid-validity-unselected-value-light-mode-background-color: transparent;
  --radio-pressed-state-invalid-validity-unselected-value-light-mode-border-color: var(--core-critical-10-light-mode-color);
  --radio-pressed-state-normal-validity-selected-value-background-color: var(--radio-pressed-state-normal-validity-selected-value-light-mode-background-color);
  --radio-pressed-state-normal-validity-selected-value-border-color: var(--radio-pressed-state-normal-validity-selected-value-light-mode-border-color);
  --radio-pressed-state-normal-validity-selected-value-dark-mode-background-color: var(--core-emphasis-10-dark-mode-color);
  --radio-pressed-state-normal-validity-selected-value-dark-mode-border-color: transparent;
  --radio-pressed-state-normal-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color);
  --radio-pressed-state-normal-validity-selected-value-icon-color: var(--radio-pressed-state-normal-validity-selected-value-light-mode-icon-color);
  --radio-pressed-state-normal-validity-selected-value-light-mode-background-color: var(--core-emphasis-10-light-mode-color);
  --radio-pressed-state-normal-validity-selected-value-light-mode-border-color: transparent;
  --radio-pressed-state-normal-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color);
  --radio-pressed-state-normal-validity-unselected-value-background-color: var(--radio-pressed-state-normal-validity-unselected-value-light-mode-background-color);
  --radio-pressed-state-normal-validity-unselected-value-border-color: var(--radio-pressed-state-normal-validity-unselected-value-light-mode-border-color);
  --radio-pressed-state-normal-validity-unselected-value-dark-mode-background-color: transparent;
  --radio-pressed-state-normal-validity-unselected-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);
  --radio-pressed-state-normal-validity-unselected-value-light-mode-background-color: transparent;
  --radio-pressed-state-normal-validity-unselected-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);
  --radio-selected-value-border-radius: var(--core-radius-circle);
  --radio-selected-value-border-size: 0px;
  --radio-selected-value-dot-size: 0.3;
  --radio-svg-radius: 3px;
  --radio-unselected-value-border-radius: var(--core-radius-circle);
  --radio-unselected-value-border-size: var(--core-border-20);
  --radio-unselected-value-dot-size: 0;
  --radio-width: var(--core-control-size-width);

  /* ========== rich-text ========== */
  --rich-text-link-edit-popover-spacing-vertical: var(--core-metrics-spacing-200);
  --rich-text-toolbar-background-color: var(--rich-text-toolbar-background-light-mode-color);
  --rich-text-toolbar-background-dark-mode-color: var(--core-fill-50-dark-mode-color);
  --rich-text-toolbar-background-light-mode-color: var(--core-fill-50-light-mode-color);
  --rich-text-toolbar-background-radius: var(--field-border-radius);
  --rich-text-toolbar-button-icon-height: var(--icon-button-small-size-icon-height);
  --rich-text-toolbar-button-icon-width: var(--icon-button-small-size-icon-width);
  --rich-text-toolbar-button-minimum-height: var(--core-metrics-spacing-400);
  --rich-text-toolbar-button-padding-size: var(--core-metrics-spacing-50);
  --rich-text-toolbar-button-selected-value-disabled-state-icon-color: var(--rich-text-toolbar-button-selected-value-disabled-state-icon-light-mode-color);
  --rich-text-toolbar-button-selected-value-disabled-state-icon-dark-mode-color: var(--core-text-30-dark-mode-color);
  --rich-text-toolbar-button-selected-value-disabled-state-icon-light-mode-color: var(--core-text-30-light-mode-color);
  --rich-text-toolbar-button-selected-value-focus-state-background-color: var(--rich-text-toolbar-button-selected-value-focus-state-background-light-mode-color);
  --rich-text-toolbar-button-selected-value-focus-state-background-dark-mode-color: var(--rich-text-toolbar-button-selected-value-hover-state-background-dark-mode-color);
  --rich-text-toolbar-button-selected-value-focus-state-background-light-mode-color: var(--rich-text-toolbar-button-selected-value-hover-state-background-light-mode-color);
  --rich-text-toolbar-button-selected-value-focus-state-icon-color: var(--rich-text-toolbar-button-selected-value-focus-state-icon-light-mode-color);
  --rich-text-toolbar-button-selected-value-focus-state-icon-dark-mode-color: var(--rich-text-toolbar-button-selected-value-hover-state-icon-dark-mode-color);
  --rich-text-toolbar-button-selected-value-focus-state-icon-light-mode-color: var(--rich-text-toolbar-button-selected-value-hover-state-icon-light-mode-color);
  --rich-text-toolbar-button-selected-value-hover-state-background-color: var(--rich-text-toolbar-button-selected-value-hover-state-background-light-mode-color);
  --rich-text-toolbar-button-selected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --rich-text-toolbar-button-selected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --rich-text-toolbar-button-selected-value-hover-state-icon-color: var(--rich-text-toolbar-button-selected-value-hover-state-icon-light-mode-color);
  --rich-text-toolbar-button-selected-value-hover-state-icon-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --rich-text-toolbar-button-selected-value-hover-state-icon-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --rich-text-toolbar-button-selected-value-normal-state-background-color: var(--rich-text-toolbar-button-selected-value-normal-state-background-light-mode-color);
  --rich-text-toolbar-button-selected-value-normal-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --rich-text-toolbar-button-selected-value-normal-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --rich-text-toolbar-button-selected-value-normal-state-icon-color: var(--rich-text-toolbar-button-selected-value-normal-state-icon-light-mode-color);
  --rich-text-toolbar-button-selected-value-normal-state-icon-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --rich-text-toolbar-button-selected-value-normal-state-icon-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --rich-text-toolbar-button-selected-value-pressed-state-background-color: var(--rich-text-toolbar-button-selected-value-pressed-state-background-light-mode-color);
  --rich-text-toolbar-button-selected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --rich-text-toolbar-button-selected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --rich-text-toolbar-button-selected-value-pressed-state-icon-color: var(--rich-text-toolbar-button-selected-value-pressed-state-icon-light-mode-color);
  --rich-text-toolbar-button-selected-value-pressed-state-icon-dark-mode-color: var(--core-text-10-dark-mode-color);
  --rich-text-toolbar-button-selected-value-pressed-state-icon-light-mode-color: var(--core-text-10-light-mode-color);
  --rich-text-toolbar-button-unselected-value-disabled-state-icon-color: var(--rich-text-toolbar-button-unselected-value-disabled-state-icon-light-mode-color);
  --rich-text-toolbar-button-unselected-value-disabled-state-icon-dark-mode-color: var(--core-text-30-dark-mode-color);
  --rich-text-toolbar-button-unselected-value-disabled-state-icon-light-mode-color: var(--core-text-30-light-mode-color);
  --rich-text-toolbar-button-unselected-value-focus-state-background-color: var(--rich-text-toolbar-button-unselected-value-focus-state-background-light-mode-color);
  --rich-text-toolbar-button-unselected-value-focus-state-background-dark-mode-color: var(--rich-text-toolbar-button-unselected-value-hover-state-background-dark-mode-color);
  --rich-text-toolbar-button-unselected-value-focus-state-background-light-mode-color: var(--rich-text-toolbar-button-unselected-value-hover-state-background-light-mode-color);
  --rich-text-toolbar-button-unselected-value-focus-state-icon-color: var(--rich-text-toolbar-button-unselected-value-focus-state-icon-light-mode-color);
  --rich-text-toolbar-button-unselected-value-focus-state-icon-dark-mode-color: var(--rich-text-toolbar-button-unselected-value-hover-state-icon-dark-mode-color);
  --rich-text-toolbar-button-unselected-value-focus-state-icon-light-mode-color: var(--rich-text-toolbar-button-unselected-value-hover-state-icon-light-mode-color);
  --rich-text-toolbar-button-unselected-value-hover-state-background-color: var(--rich-text-toolbar-button-unselected-value-hover-state-background-light-mode-color);
  --rich-text-toolbar-button-unselected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --rich-text-toolbar-button-unselected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --rich-text-toolbar-button-unselected-value-hover-state-icon-color: var(--rich-text-toolbar-button-unselected-value-hover-state-icon-light-mode-color);
  --rich-text-toolbar-button-unselected-value-hover-state-icon-dark-mode-color: var(--core-text-10-dark-mode-color);
  --rich-text-toolbar-button-unselected-value-hover-state-icon-light-mode-color: var(--core-text-10-light-mode-color);
  --rich-text-toolbar-button-unselected-value-normal-state-icon-color: var(--rich-text-toolbar-button-unselected-value-normal-state-icon-light-mode-color);
  --rich-text-toolbar-button-unselected-value-normal-state-icon-dark-mode-color: var(--core-text-10-dark-mode-color);
  --rich-text-toolbar-button-unselected-value-normal-state-icon-light-mode-color: var(--core-text-10-light-mode-color);
  --rich-text-toolbar-button-unselected-value-pressed-state-background-color: var(--rich-text-toolbar-button-unselected-value-pressed-state-background-light-mode-color);
  --rich-text-toolbar-button-unselected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --rich-text-toolbar-button-unselected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --rich-text-toolbar-button-unselected-value-pressed-state-icon-color: var(--rich-text-toolbar-button-unselected-value-pressed-state-icon-light-mode-color);
  --rich-text-toolbar-button-unselected-value-pressed-state-icon-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --rich-text-toolbar-button-unselected-value-pressed-state-icon-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --rich-text-toolbar-button-width-multiplier: 1;
  --rich-text-toolbar-divider-vertical-padding: var(--divider-extra-small-variant-vertical-padding);
  --rich-text-toolbar-overflow-gradient-color: var(--rich-text-toolbar-overflow-gradient-light-mode-color);
  --rich-text-toolbar-overflow-gradient-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --rich-text-toolbar-overflow-gradient-light-mode-color: var(--core-fill-40-light-mode-color);
  --rich-text-toolbar-overflow-gradient-width: var(--core-metrics-spacing-200);
  --rich-text-toolbar-padding-horizontal: var(--core-metrics-spacing-50);
  --rich-text-toolbar-padding-vertical: var(--core-metrics-spacing-50);
  --rich-text-toolbar-spacing-horizontal: var(--core-metrics-spacing-150);

  /* ========== row ========== */
  --row-background-horizontal-outset-padding: var(--row-normal-variant-background-horizontal-outset-padding);
  --row-background-radius: var(--row-normal-variant-background-radius);
  --row-background-vertical-outset-padding: var(--row-normal-variant-background-vertical-outset-padding);
  --row-dark-mode-focus-ring-color: var(--row-normal-variant-dark-mode-focus-ring-color);
  --row-destructive-variant-background-horizontal-outset-padding: var(--row-normal-variant-background-horizontal-outset-padding);
  --row-destructive-variant-background-radius: var(--row-normal-variant-background-radius);
  --row-destructive-variant-background-vertical-outset-padding: var(--row-normal-variant-background-vertical-outset-padding);
  --row-destructive-variant-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);
  --row-destructive-variant-disabled-state-background-color: var(--row-destructive-variant-disabled-state-background-light-mode-color);
  --row-destructive-variant-disabled-state-background-dark-mode-color: var(--row-normal-variant-disabled-state-background-dark-mode-color);
  --row-destructive-variant-disabled-state-background-light-mode-color: var(--row-normal-variant-disabled-state-background-light-mode-color);
  --row-destructive-variant-disabled-state-drill-color: var(--row-destructive-variant-disabled-state-drill-light-mode-color);
  --row-destructive-variant-disabled-state-drill-dark-mode-color: var(--row-normal-variant-disabled-state-drill-dark-mode-color);
  --row-destructive-variant-disabled-state-drill-light-mode-color: var(--row-normal-variant-disabled-state-drill-light-mode-color);
  --row-destructive-variant-disabled-state-image-opacity: var(--row-normal-variant-disabled-state-image-opacity);
  --row-destructive-variant-disabled-state-leading-accessory-opacity: var(--row-normal-variant-disabled-state-leading-accessory-opacity);
  --row-destructive-variant-disabled-state-separator-color: var(--row-destructive-variant-disabled-state-separator-light-mode-color);
  --row-destructive-variant-disabled-state-separator-dark-mode-color: var(--row-normal-variant-disabled-state-separator-dark-mode-color);
  --row-destructive-variant-disabled-state-separator-light-mode-color: var(--row-normal-variant-disabled-state-separator-light-mode-color);
  --row-destructive-variant-disabled-state-side-text-primary-color: var(--row-destructive-variant-disabled-state-side-text-primary-light-mode-color);
  --row-destructive-variant-disabled-state-side-text-primary-dark-mode-color: var(--row-normal-variant-disabled-state-side-text-primary-dark-mode-color);
  --row-destructive-variant-disabled-state-side-text-primary-light-mode-color: var(--row-normal-variant-disabled-state-side-text-primary-light-mode-color);
  --row-destructive-variant-disabled-state-side-text-secondary-color: var(--row-destructive-variant-disabled-state-side-text-secondary-light-mode-color);
  --row-destructive-variant-disabled-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-disabled-state-side-text-secondary-dark-mode-color);
  --row-destructive-variant-disabled-state-side-text-secondary-light-mode-color: var(--row-normal-variant-disabled-state-side-text-secondary-light-mode-color);
  --row-destructive-variant-disabled-state-subtext-color: var(--row-destructive-variant-disabled-state-subtext-light-mode-color);
  --row-destructive-variant-disabled-state-subtext-dark-mode-color: var(--row-normal-variant-disabled-state-subtext-dark-mode-color);
  --row-destructive-variant-disabled-state-subtext-light-mode-color: var(--row-normal-variant-disabled-state-subtext-light-mode-color);
  --row-destructive-variant-disabled-state-tertiary-text-color: var(--row-destructive-variant-disabled-state-tertiary-text-light-mode-color);
  --row-destructive-variant-disabled-state-tertiary-text-dark-mode-color: var(--row-normal-variant-disabled-state-tertiary-text-dark-mode-color);
  --row-destructive-variant-disabled-state-tertiary-text-light-mode-color: var(--row-normal-variant-disabled-state-tertiary-text-light-mode-color);
  --row-destructive-variant-disabled-state-text-color: var(--row-destructive-variant-disabled-state-text-light-mode-color);
  --row-destructive-variant-disabled-state-text-dark-mode-color: var(--row-normal-variant-disabled-state-text-dark-mode-color);
  --row-destructive-variant-disabled-state-text-light-mode-color: var(--row-normal-variant-disabled-state-text-light-mode-color);
  --row-destructive-variant-focus-ring-color: var(--row-destructive-variant-light-mode-focus-ring-color);
  --row-destructive-variant-focus-state-background-color: var(--row-destructive-variant-focus-state-background-light-mode-color);
  --row-destructive-variant-focus-state-background-dark-mode-color: var(--row-destructive-variant-hover-state-background-dark-mode-color);
  --row-destructive-variant-focus-state-background-light-mode-color: var(--row-destructive-variant-hover-state-background-light-mode-color);
  --row-destructive-variant-focus-state-drill-color: var(--row-destructive-variant-focus-state-drill-light-mode-color);
  --row-destructive-variant-focus-state-drill-dark-mode-color: var(--row-destructive-variant-hover-state-drill-dark-mode-color);
  --row-destructive-variant-focus-state-drill-light-mode-color: var(--row-destructive-variant-hover-state-drill-light-mode-color);
  --row-destructive-variant-focus-state-icon-color: var(--row-destructive-variant-focus-state-icon-light-mode-color);
  --row-destructive-variant-focus-state-icon-dark-mode-color: var(--row-destructive-variant-hover-state-icon-dark-mode-color);
  --row-destructive-variant-focus-state-icon-light-mode-color: var(--row-destructive-variant-hover-state-icon-light-mode-color);
  --row-destructive-variant-focus-state-separator-color: var(--row-destructive-variant-focus-state-separator-light-mode-color);
  --row-destructive-variant-focus-state-separator-dark-mode-color: var(--row-destructive-variant-hover-state-separator-dark-mode-color);
  --row-destructive-variant-focus-state-separator-light-mode-color: var(--row-destructive-variant-hover-state-separator-light-mode-color);
  --row-destructive-variant-focus-state-side-text-primary-color: var(--row-destructive-variant-focus-state-side-text-primary-light-mode-color);
  --row-destructive-variant-focus-state-side-text-primary-dark-mode-color: var(--row-destructive-variant-hover-state-side-text-primary-dark-mode-color);
  --row-destructive-variant-focus-state-side-text-primary-light-mode-color: var(--row-destructive-variant-hover-state-side-text-primary-light-mode-color);
  --row-destructive-variant-focus-state-side-text-secondary-color: var(--row-destructive-variant-focus-state-side-text-secondary-light-mode-color);
  --row-destructive-variant-focus-state-side-text-secondary-dark-mode-color: var(--row-destructive-variant-hover-state-side-text-secondary-dark-mode-color);
  --row-destructive-variant-focus-state-side-text-secondary-light-mode-color: var(--row-destructive-variant-hover-state-side-text-secondary-light-mode-color);
  --row-destructive-variant-focus-state-subtext-color: var(--row-destructive-variant-focus-state-subtext-light-mode-color);
  --row-destructive-variant-focus-state-subtext-dark-mode-color: var(--row-destructive-variant-hover-state-subtext-dark-mode-color);
  --row-destructive-variant-focus-state-subtext-light-mode-color: var(--row-destructive-variant-hover-state-subtext-light-mode-color);
  --row-destructive-variant-focus-state-tertiary-text-color: var(--row-destructive-variant-focus-state-tertiary-text-light-mode-color);
  --row-destructive-variant-focus-state-tertiary-text-dark-mode-color: var(--row-destructive-variant-hover-state-tertiary-text-dark-mode-color);
  --row-destructive-variant-focus-state-tertiary-text-light-mode-color: var(--row-destructive-variant-hover-state-tertiary-text-light-mode-color);
  --row-destructive-variant-focus-state-text-color: var(--row-destructive-variant-focus-state-text-light-mode-color);
  --row-destructive-variant-focus-state-text-dark-mode-color: var(--row-destructive-variant-hover-state-text-dark-mode-color);
  --row-destructive-variant-focus-state-text-light-mode-color: var(--row-destructive-variant-hover-state-text-light-mode-color);
  --row-destructive-variant-hover-state-background-color: var(--row-destructive-variant-hover-state-background-light-mode-color);
  --row-destructive-variant-hover-state-background-dark-mode-color: var(--core-critical-40-dark-mode-color);
  --row-destructive-variant-hover-state-background-light-mode-color: var(--core-critical-40-light-mode-color);
  --row-destructive-variant-hover-state-drill-color: var(--row-destructive-variant-hover-state-drill-light-mode-color);
  --row-destructive-variant-hover-state-drill-dark-mode-color: var(--row-destructive-variant-normal-state-drill-dark-mode-color);
  --row-destructive-variant-hover-state-drill-light-mode-color: var(--row-destructive-variant-normal-state-drill-light-mode-color);
  --row-destructive-variant-hover-state-icon-color: var(--row-destructive-variant-hover-state-icon-light-mode-color);
  --row-destructive-variant-hover-state-icon-dark-mode-color: var(--row-destructive-variant-normal-state-icon-dark-mode-color);
  --row-destructive-variant-hover-state-icon-light-mode-color: var(--row-destructive-variant-normal-state-icon-light-mode-color);
  --row-destructive-variant-hover-state-separator-color: var(--row-destructive-variant-hover-state-separator-light-mode-color);
  --row-destructive-variant-hover-state-separator-dark-mode-color: transparent;
  --row-destructive-variant-hover-state-separator-light-mode-color: transparent;
  --row-destructive-variant-hover-state-side-text-primary-color: var(--row-destructive-variant-hover-state-side-text-primary-light-mode-color);
  --row-destructive-variant-hover-state-side-text-primary-dark-mode-color: var(--row-destructive-variant-normal-state-side-text-primary-dark-mode-color);
  --row-destructive-variant-hover-state-side-text-primary-light-mode-color: var(--row-destructive-variant-normal-state-side-text-primary-light-mode-color);
  --row-destructive-variant-hover-state-side-text-secondary-color: var(--row-destructive-variant-hover-state-side-text-secondary-light-mode-color);
  --row-destructive-variant-hover-state-side-text-secondary-dark-mode-color: var(--row-destructive-variant-normal-state-side-text-secondary-dark-mode-color);
  --row-destructive-variant-hover-state-side-text-secondary-light-mode-color: var(--row-destructive-variant-normal-state-side-text-secondary-light-mode-color);
  --row-destructive-variant-hover-state-subtext-color: var(--row-destructive-variant-hover-state-subtext-light-mode-color);
  --row-destructive-variant-hover-state-subtext-dark-mode-color: var(--row-destructive-variant-normal-state-subtext-dark-mode-color);
  --row-destructive-variant-hover-state-subtext-light-mode-color: var(--row-destructive-variant-normal-state-subtext-light-mode-color);
  --row-destructive-variant-hover-state-tertiary-text-color: var(--row-destructive-variant-hover-state-tertiary-text-light-mode-color);
  --row-destructive-variant-hover-state-tertiary-text-dark-mode-color: var(--row-destructive-variant-normal-state-tertiary-text-dark-mode-color);
  --row-destructive-variant-hover-state-tertiary-text-light-mode-color: var(--row-destructive-variant-normal-state-tertiary-text-light-mode-color);
  --row-destructive-variant-hover-state-text-color: var(--row-destructive-variant-hover-state-text-light-mode-color);
  --row-destructive-variant-hover-state-text-dark-mode-color: var(--row-destructive-variant-normal-state-text-dark-mode-color);
  --row-destructive-variant-hover-state-text-light-mode-color: var(--row-destructive-variant-normal-state-text-light-mode-color);
  --row-destructive-variant-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);
  --row-destructive-variant-normal-state-background-color: var(--row-destructive-variant-normal-state-background-light-mode-color);
  --row-destructive-variant-normal-state-background-dark-mode-color: transparent;
  --row-destructive-variant-normal-state-background-light-mode-color: transparent;
  --row-destructive-variant-normal-state-drill-color: var(--row-destructive-variant-normal-state-drill-light-mode-color);
  --row-destructive-variant-normal-state-drill-dark-mode-color: var(--core-critical-20-dark-mode-color);
  --row-destructive-variant-normal-state-drill-light-mode-color: var(--core-critical-20-light-mode-color);
  --row-destructive-variant-normal-state-icon-color: var(--row-destructive-variant-normal-state-icon-light-mode-color);
  --row-destructive-variant-normal-state-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --row-destructive-variant-normal-state-icon-light-mode-color: var(--core-fill-10-light-mode-color);
  --row-destructive-variant-normal-state-separator-color: var(--row-destructive-variant-normal-state-separator-light-mode-color);
  --row-destructive-variant-normal-state-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);
  --row-destructive-variant-normal-state-separator-light-mode-color: var(--core-divider-20-light-mode-color);
  --row-destructive-variant-normal-state-side-text-primary-color: var(--row-destructive-variant-normal-state-side-text-primary-light-mode-color);
  --row-destructive-variant-normal-state-side-text-primary-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --row-destructive-variant-normal-state-side-text-primary-light-mode-color: var(--core-critical-text-light-mode-color);
  --row-destructive-variant-normal-state-side-text-secondary-color: var(--row-destructive-variant-normal-state-side-text-secondary-light-mode-color);
  --row-destructive-variant-normal-state-side-text-secondary-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --row-destructive-variant-normal-state-side-text-secondary-light-mode-color: var(--core-critical-text-light-mode-color);
  --row-destructive-variant-normal-state-subtext-color: var(--row-destructive-variant-normal-state-subtext-light-mode-color);
  --row-destructive-variant-normal-state-subtext-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --row-destructive-variant-normal-state-subtext-light-mode-color: var(--core-critical-text-light-mode-color);
  --row-destructive-variant-normal-state-tertiary-text-color: var(--row-destructive-variant-normal-state-tertiary-text-light-mode-color);
  --row-destructive-variant-normal-state-tertiary-text-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --row-destructive-variant-normal-state-tertiary-text-light-mode-color: var(--core-critical-text-light-mode-color);
  --row-destructive-variant-normal-state-text-color: var(--row-destructive-variant-normal-state-text-light-mode-color);
  --row-destructive-variant-normal-state-text-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --row-destructive-variant-normal-state-text-light-mode-color: var(--core-critical-text-light-mode-color);
  --row-destructive-variant-pressed-state-background-color: var(--row-destructive-variant-pressed-state-background-light-mode-color);
  --row-destructive-variant-pressed-state-background-dark-mode-color: var(--core-critical-30-dark-mode-color);
  --row-destructive-variant-pressed-state-background-light-mode-color: var(--core-critical-30-light-mode-color);
  --row-destructive-variant-pressed-state-drill-color: var(--row-destructive-variant-pressed-state-drill-light-mode-color);
  --row-destructive-variant-pressed-state-drill-dark-mode-color: var(--row-destructive-variant-normal-state-drill-dark-mode-color);
  --row-destructive-variant-pressed-state-drill-light-mode-color: var(--row-destructive-variant-normal-state-drill-light-mode-color);
  --row-destructive-variant-pressed-state-icon-color: var(--row-destructive-variant-pressed-state-icon-light-mode-color);
  --row-destructive-variant-pressed-state-icon-dark-mode-color: var(--row-destructive-variant-normal-state-icon-dark-mode-color);
  --row-destructive-variant-pressed-state-icon-light-mode-color: var(--row-destructive-variant-normal-state-icon-light-mode-color);
  --row-destructive-variant-pressed-state-separator-color: var(--row-destructive-variant-pressed-state-separator-light-mode-color);
  --row-destructive-variant-pressed-state-separator-dark-mode-color: var(--row-destructive-variant-normal-state-separator-dark-mode-color);
  --row-destructive-variant-pressed-state-separator-light-mode-color: var(--row-destructive-variant-normal-state-separator-light-mode-color);
  --row-destructive-variant-pressed-state-side-text-primary-color: var(--row-destructive-variant-pressed-state-side-text-primary-light-mode-color);
  --row-destructive-variant-pressed-state-side-text-primary-dark-mode-color: var(--row-destructive-variant-normal-state-side-text-primary-dark-mode-color);
  --row-destructive-variant-pressed-state-side-text-primary-light-mode-color: var(--row-destructive-variant-normal-state-side-text-primary-light-mode-color);
  --row-destructive-variant-pressed-state-side-text-secondary-color: var(--row-destructive-variant-pressed-state-side-text-secondary-light-mode-color);
  --row-destructive-variant-pressed-state-side-text-secondary-dark-mode-color: var(--row-destructive-variant-normal-state-side-text-secondary-dark-mode-color);
  --row-destructive-variant-pressed-state-side-text-secondary-light-mode-color: var(--row-destructive-variant-normal-state-side-text-secondary-light-mode-color);
  --row-destructive-variant-pressed-state-subtext-color: var(--row-destructive-variant-pressed-state-subtext-light-mode-color);
  --row-destructive-variant-pressed-state-subtext-dark-mode-color: var(--row-destructive-variant-normal-state-subtext-dark-mode-color);
  --row-destructive-variant-pressed-state-subtext-light-mode-color: var(--row-destructive-variant-normal-state-subtext-light-mode-color);
  --row-destructive-variant-pressed-state-tertiary-text-color: var(--row-destructive-variant-pressed-state-tertiary-text-light-mode-color);
  --row-destructive-variant-pressed-state-tertiary-text-dark-mode-color: var(--row-destructive-variant-normal-state-tertiary-text-dark-mode-color);
  --row-destructive-variant-pressed-state-tertiary-text-light-mode-color: var(--row-destructive-variant-normal-state-tertiary-text-light-mode-color);
  --row-destructive-variant-pressed-state-text-color: var(--row-destructive-variant-pressed-state-text-light-mode-color);
  --row-destructive-variant-pressed-state-text-dark-mode-color: var(--row-destructive-variant-normal-state-text-dark-mode-color);
  --row-destructive-variant-pressed-state-text-light-mode-color: var(--row-destructive-variant-normal-state-text-light-mode-color);
  --row-destructive-variant-selected-state-background-color: var(--row-destructive-variant-selected-state-background-light-mode-color);
  --row-destructive-variant-selected-state-background-dark-mode-color: var(--row-destructive-variant-hover-state-background-dark-mode-color);
  --row-destructive-variant-selected-state-background-light-mode-color: var(--row-destructive-variant-hover-state-background-light-mode-color);
  --row-destructive-variant-selected-state-drill-color: var(--row-destructive-variant-selected-state-drill-light-mode-color);
  --row-destructive-variant-selected-state-drill-dark-mode-color: var(--row-destructive-variant-hover-state-drill-dark-mode-color);
  --row-destructive-variant-selected-state-drill-light-mode-color: var(--row-destructive-variant-hover-state-drill-light-mode-color);
  --row-destructive-variant-selected-state-icon-color: var(--row-destructive-variant-selected-state-icon-light-mode-color);
  --row-destructive-variant-selected-state-icon-dark-mode-color: var(--row-destructive-variant-hover-state-icon-dark-mode-color);
  --row-destructive-variant-selected-state-icon-light-mode-color: var(--row-destructive-variant-hover-state-icon-light-mode-color);
  --row-destructive-variant-selected-state-separator-color: var(--row-destructive-variant-selected-state-separator-light-mode-color);
  --row-destructive-variant-selected-state-separator-dark-mode-color: var(--row-destructive-variant-hover-state-separator-dark-mode-color);
  --row-destructive-variant-selected-state-separator-light-mode-color: var(--row-destructive-variant-hover-state-separator-light-mode-color);
  --row-destructive-variant-selected-state-side-text-primary-color: var(--row-destructive-variant-selected-state-side-text-primary-light-mode-color);
  --row-destructive-variant-selected-state-side-text-primary-dark-mode-color: var(--row-destructive-variant-hover-state-side-text-primary-dark-mode-color);
  --row-destructive-variant-selected-state-side-text-primary-light-mode-color: var(--row-destructive-variant-hover-state-side-text-primary-light-mode-color);
  --row-destructive-variant-selected-state-side-text-secondary-color: var(--row-destructive-variant-selected-state-side-text-secondary-light-mode-color);
  --row-destructive-variant-selected-state-side-text-secondary-dark-mode-color: var(--row-destructive-variant-hover-state-side-text-secondary-dark-mode-color);
  --row-destructive-variant-selected-state-side-text-secondary-light-mode-color: var(--row-destructive-variant-hover-state-side-text-secondary-light-mode-color);
  --row-destructive-variant-selected-state-subtext-color: var(--row-destructive-variant-selected-state-subtext-light-mode-color);
  --row-destructive-variant-selected-state-subtext-dark-mode-color: var(--row-destructive-variant-hover-state-subtext-dark-mode-color);
  --row-destructive-variant-selected-state-subtext-light-mode-color: var(--row-destructive-variant-hover-state-subtext-light-mode-color);
  --row-destructive-variant-selected-state-tertiary-text-color: var(--row-destructive-variant-selected-state-tertiary-text-light-mode-color);
  --row-destructive-variant-selected-state-tertiary-text-dark-mode-color: var(--row-destructive-variant-hover-state-tertiary-text-dark-mode-color);
  --row-destructive-variant-selected-state-tertiary-text-light-mode-color: var(--row-destructive-variant-hover-state-tertiary-text-light-mode-color);
  --row-destructive-variant-selected-state-text-color: var(--row-destructive-variant-selected-state-text-light-mode-color);
  --row-destructive-variant-selected-state-text-dark-mode-color: var(--row-destructive-variant-hover-state-text-dark-mode-color);
  --row-destructive-variant-selected-state-text-light-mode-color: var(--row-destructive-variant-hover-state-text-light-mode-color);
  --row-destructive-variant-separator-height: var(--row-normal-variant-separator-height);
  --row-disabled-state-background-color: var(--row-disabled-state-background-light-mode-color);
  --row-disabled-state-background-dark-mode-color: var(--row-normal-variant-disabled-state-background-dark-mode-color);
  --row-disabled-state-background-light-mode-color: var(--row-normal-variant-disabled-state-background-light-mode-color);
  --row-disabled-state-drill-color: var(--row-disabled-state-drill-light-mode-color);
  --row-disabled-state-drill-dark-mode-color: var(--row-normal-variant-disabled-state-drill-dark-mode-color);
  --row-disabled-state-drill-light-mode-color: var(--row-normal-variant-disabled-state-drill-light-mode-color);
  --row-disabled-state-image-opacity: var(--row-normal-variant-disabled-state-image-opacity);
  --row-disabled-state-leading-accessory-opacity: var(--row-normal-variant-disabled-state-leading-accessory-opacity);
  --row-disabled-state-separator-color: var(--row-disabled-state-separator-light-mode-color);
  --row-disabled-state-separator-dark-mode-color: var(--row-normal-variant-disabled-state-separator-dark-mode-color);
  --row-disabled-state-separator-light-mode-color: var(--row-normal-variant-disabled-state-separator-light-mode-color);
  --row-disabled-state-side-text-primary-color: var(--row-disabled-state-side-text-primary-light-mode-color);
  --row-disabled-state-side-text-primary-dark-mode-color: var(--row-normal-variant-disabled-state-side-text-primary-dark-mode-color);
  --row-disabled-state-side-text-primary-light-mode-color: var(--row-normal-variant-disabled-state-side-text-primary-light-mode-color);
  --row-disabled-state-side-text-secondary-color: var(--row-disabled-state-side-text-secondary-light-mode-color);
  --row-disabled-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-disabled-state-side-text-secondary-dark-mode-color);
  --row-disabled-state-side-text-secondary-light-mode-color: var(--row-normal-variant-disabled-state-side-text-secondary-light-mode-color);
  --row-disabled-state-subtext-color: var(--row-disabled-state-subtext-light-mode-color);
  --row-disabled-state-subtext-dark-mode-color: var(--row-normal-variant-disabled-state-subtext-dark-mode-color);
  --row-disabled-state-subtext-light-mode-color: var(--row-normal-variant-disabled-state-subtext-light-mode-color);
  --row-disabled-state-tertiary-text-color: var(--row-disabled-state-tertiary-text-light-mode-color);
  --row-disabled-state-tertiary-text-dark-mode-color: var(--row-normal-variant-disabled-state-tertiary-text-dark-mode-color);
  --row-disabled-state-tertiary-text-light-mode-color: var(--row-normal-variant-disabled-state-tertiary-text-light-mode-color);
  --row-disabled-state-text-color: var(--row-disabled-state-text-light-mode-color);
  --row-disabled-state-text-dark-mode-color: var(--row-normal-variant-disabled-state-text-dark-mode-color);
  --row-disabled-state-text-light-mode-color: var(--row-normal-variant-disabled-state-text-light-mode-color);
  --row-focus-ring-border-size: var(--core-focus-ring-border-size);
  --row-focus-ring-buffer-size: var(--core-focus-ring-buffer-size);
  --row-focus-ring-color: var(--row-light-mode-focus-ring-color);
  --row-focus-ring-radius: 6px;
  --row-focus-state-background-color: var(--row-focus-state-background-light-mode-color);
  --row-focus-state-background-dark-mode-color: var(--row-normal-variant-focus-state-background-dark-mode-color);
  --row-focus-state-background-light-mode-color: var(--row-normal-variant-focus-state-background-light-mode-color);
  --row-focus-state-drill-color: var(--row-focus-state-drill-light-mode-color);
  --row-focus-state-drill-dark-mode-color: var(--row-normal-variant-focus-state-drill-dark-mode-color);
  --row-focus-state-drill-light-mode-color: var(--row-normal-variant-focus-state-drill-light-mode-color);
  --row-focus-state-icon-color: var(--row-focus-state-icon-light-mode-color);
  --row-focus-state-icon-dark-mode-color: var(--row-normal-variant-focus-state-icon-dark-mode-color);
  --row-focus-state-icon-light-mode-color: var(--row-normal-variant-focus-state-icon-light-mode-color);
  --row-focus-state-separator-color: var(--row-focus-state-separator-light-mode-color);
  --row-focus-state-separator-dark-mode-color: var(--row-normal-variant-focus-state-separator-dark-mode-color);
  --row-focus-state-separator-light-mode-color: var(--row-normal-variant-focus-state-separator-light-mode-color);
  --row-focus-state-side-text-primary-color: var(--row-focus-state-side-text-primary-light-mode-color);
  --row-focus-state-side-text-primary-dark-mode-color: var(--row-normal-variant-focus-state-side-text-primary-dark-mode-color);
  --row-focus-state-side-text-primary-light-mode-color: var(--row-normal-variant-focus-state-side-text-primary-light-mode-color);
  --row-focus-state-side-text-secondary-color: var(--row-focus-state-side-text-secondary-light-mode-color);
  --row-focus-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-focus-state-side-text-secondary-dark-mode-color);
  --row-focus-state-side-text-secondary-light-mode-color: var(--row-normal-variant-focus-state-side-text-secondary-light-mode-color);
  --row-focus-state-subtext-color: var(--row-focus-state-subtext-light-mode-color);
  --row-focus-state-subtext-dark-mode-color: var(--row-normal-variant-focus-state-subtext-dark-mode-color);
  --row-focus-state-subtext-light-mode-color: var(--row-normal-variant-focus-state-subtext-light-mode-color);
  --row-focus-state-tertiary-text-color: var(--row-focus-state-tertiary-text-light-mode-color);
  --row-focus-state-tertiary-text-dark-mode-color: var(--row-normal-variant-focus-state-tertiary-text-dark-mode-color);
  --row-focus-state-tertiary-text-light-mode-color: var(--row-normal-variant-focus-state-tertiary-text-light-mode-color);
  --row-focus-state-text-color: var(--row-focus-state-text-light-mode-color);
  --row-focus-state-text-dark-mode-color: var(--row-normal-variant-focus-state-text-dark-mode-color);
  --row-focus-state-text-light-mode-color: var(--row-normal-variant-focus-state-text-light-mode-color);
  --row-horizontal-spacing: 12px;
  --row-hover-state-background-color: var(--row-hover-state-background-light-mode-color);
  --row-hover-state-background-dark-mode-color: var(--row-normal-variant-hover-state-background-dark-mode-color);
  --row-hover-state-background-light-mode-color: var(--row-normal-variant-hover-state-background-light-mode-color);
  --row-hover-state-drill-color: var(--row-hover-state-drill-light-mode-color);
  --row-hover-state-drill-dark-mode-color: var(--row-normal-variant-hover-state-drill-dark-mode-color);
  --row-hover-state-drill-light-mode-color: var(--row-normal-variant-hover-state-drill-light-mode-color);
  --row-hover-state-icon-color: var(--row-hover-state-icon-light-mode-color);
  --row-hover-state-icon-dark-mode-color: var(--row-normal-variant-hover-state-icon-dark-mode-color);
  --row-hover-state-icon-light-mode-color: var(--row-normal-variant-hover-state-icon-light-mode-color);
  --row-hover-state-separator-color: var(--row-hover-state-separator-light-mode-color);
  --row-hover-state-separator-dark-mode-color: var(--row-normal-variant-hover-state-separator-dark-mode-color);
  --row-hover-state-separator-light-mode-color: var(--row-normal-variant-hover-state-separator-light-mode-color);
  --row-hover-state-side-text-primary-color: var(--row-hover-state-side-text-primary-light-mode-color);
  --row-hover-state-side-text-primary-dark-mode-color: var(--row-normal-variant-hover-state-side-text-primary-dark-mode-color);
  --row-hover-state-side-text-primary-light-mode-color: var(--row-normal-variant-hover-state-side-text-primary-light-mode-color);
  --row-hover-state-side-text-secondary-color: var(--row-hover-state-side-text-secondary-light-mode-color);
  --row-hover-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-hover-state-side-text-secondary-dark-mode-color);
  --row-hover-state-side-text-secondary-light-mode-color: var(--row-normal-variant-hover-state-side-text-secondary-light-mode-color);
  --row-hover-state-subtext-color: var(--row-hover-state-subtext-light-mode-color);
  --row-hover-state-subtext-dark-mode-color: var(--row-normal-variant-hover-state-subtext-dark-mode-color);
  --row-hover-state-subtext-light-mode-color: var(--row-normal-variant-hover-state-subtext-light-mode-color);
  --row-hover-state-tertiary-text-color: var(--row-hover-state-tertiary-text-light-mode-color);
  --row-hover-state-tertiary-text-dark-mode-color: var(--row-normal-variant-hover-state-tertiary-text-dark-mode-color);
  --row-hover-state-tertiary-text-light-mode-color: var(--row-normal-variant-hover-state-tertiary-text-light-mode-color);
  --row-hover-state-text-color: var(--row-hover-state-text-light-mode-color);
  --row-hover-state-text-dark-mode-color: var(--row-normal-variant-hover-state-text-dark-mode-color);
  --row-hover-state-text-light-mode-color: var(--row-normal-variant-hover-state-text-light-mode-color);
  --row-light-mode-focus-ring-color: var(--row-normal-variant-light-mode-focus-ring-color);
  --row-medium-size-side-text-primary-case: var(--core-type-paragraph-30-case);
  --row-medium-size-side-text-primary-font-family: var(--core-type-paragraph-30-font-family);
  --row-medium-size-side-text-primary-leading: var(--core-type-paragraph-30-leading);
  --row-medium-size-side-text-primary-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --row-medium-size-side-text-primary-scale: var(--core-type-paragraph-30-scale);
  --row-medium-size-side-text-primary-size: var(--core-type-paragraph-30-size);
  --row-medium-size-side-text-primary-tracking: var(--core-type-paragraph-30-tracking);
  --row-medium-size-side-text-primary-weight: var(--core-type-paragraph-30-weight);
  --row-medium-size-side-text-secondary-case: var(--core-type-paragraph-20-case);
  --row-medium-size-side-text-secondary-font-family: var(--core-type-paragraph-20-font-family);
  --row-medium-size-side-text-secondary-leading: var(--core-type-paragraph-20-leading);
  --row-medium-size-side-text-secondary-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --row-medium-size-side-text-secondary-scale: var(--core-type-paragraph-20-scale);
  --row-medium-size-side-text-secondary-size: var(--core-type-paragraph-20-size);
  --row-medium-size-side-text-secondary-tracking: var(--core-type-paragraph-20-tracking);
  --row-medium-size-side-text-secondary-weight: var(--core-type-paragraph-20-weight);
  --row-medium-size-subtext-case: var(--core-type-paragraph-20-case);
  --row-medium-size-subtext-font-family: var(--core-type-paragraph-20-font-family);
  --row-medium-size-subtext-leading: var(--core-type-paragraph-20-leading);
  --row-medium-size-subtext-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --row-medium-size-subtext-scale: var(--core-type-paragraph-20-scale);
  --row-medium-size-subtext-size: var(--core-type-paragraph-20-size);
  --row-medium-size-subtext-tracking: var(--core-type-paragraph-20-tracking);
  --row-medium-size-subtext-weight: var(--core-type-paragraph-20-weight);
  --row-medium-size-tertiary-text-case: var(--core-type-paragraph-20-case);
  --row-medium-size-tertiary-text-font-family: var(--core-type-paragraph-20-font-family);
  --row-medium-size-tertiary-text-leading: var(--core-type-paragraph-20-leading);
  --row-medium-size-tertiary-text-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --row-medium-size-tertiary-text-scale: var(--core-type-paragraph-20-scale);
  --row-medium-size-tertiary-text-size: var(--core-type-paragraph-20-size);
  --row-medium-size-tertiary-text-tracking: var(--core-type-paragraph-20-tracking);
  --row-medium-size-tertiary-text-weight: var(--core-type-paragraph-20-weight);
  --row-medium-size-text-case: var(--core-type-medium-30-case);
  --row-medium-size-text-font-family: var(--core-type-medium-30-font-family);
  --row-medium-size-text-leading: var(--core-type-medium-30-leading);
  --row-medium-size-text-number-spacing: var(--core-type-medium-30-number-spacing);
  --row-medium-size-text-scale: var(--core-type-medium-30-scale);
  --row-medium-size-text-size: var(--core-type-medium-30-size);
  --row-medium-size-text-tracking: var(--core-type-medium-30-tracking);
  --row-medium-size-text-vertical-gap: var(--core-metrics-spacing-25);
  --row-medium-size-text-vertical-spacing: 2px;
  --row-medium-size-text-weight: var(--core-type-medium-30-weight);
  --row-medium-size-vertical-bottom-accessory-gap: var(--core-metrics-spacing-150);
  --row-medium-size-vertical-padding: var(--core-metrics-spacing-200);
  --row-normal-state-background-color: var(--row-normal-state-background-light-mode-color);
  --row-normal-state-background-dark-mode-color: var(--row-normal-variant-normal-state-background-dark-mode-color);
  --row-normal-state-background-light-mode-color: var(--row-normal-variant-normal-state-background-light-mode-color);
  --row-normal-state-drill-color: var(--row-normal-state-drill-light-mode-color);
  --row-normal-state-drill-dark-mode-color: var(--row-normal-variant-normal-state-drill-dark-mode-color);
  --row-normal-state-drill-light-mode-color: var(--row-normal-variant-normal-state-drill-light-mode-color);
  --row-normal-state-icon-color: var(--row-normal-state-icon-light-mode-color);
  --row-normal-state-icon-dark-mode-color: var(--row-normal-variant-normal-state-icon-dark-mode-color);
  --row-normal-state-icon-light-mode-color: var(--row-normal-variant-normal-state-icon-light-mode-color);
  --row-normal-state-separator-color: var(--row-normal-state-separator-light-mode-color);
  --row-normal-state-separator-dark-mode-color: var(--row-normal-variant-normal-state-separator-dark-mode-color);
  --row-normal-state-separator-light-mode-color: var(--row-normal-variant-normal-state-separator-light-mode-color);
  --row-normal-state-side-text-primary-color: var(--row-normal-state-side-text-primary-light-mode-color);
  --row-normal-state-side-text-primary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color);
  --row-normal-state-side-text-primary-light-mode-color: var(--row-normal-variant-normal-state-side-text-primary-light-mode-color);
  --row-normal-state-side-text-secondary-color: var(--row-normal-state-side-text-secondary-light-mode-color);
  --row-normal-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color);
  --row-normal-state-side-text-secondary-light-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color);
  --row-normal-state-subtext-color: var(--row-normal-state-subtext-light-mode-color);
  --row-normal-state-subtext-dark-mode-color: var(--row-normal-variant-normal-state-subtext-dark-mode-color);
  --row-normal-state-subtext-light-mode-color: var(--row-normal-variant-normal-state-subtext-light-mode-color);
  --row-normal-state-tertiary-text-color: var(--row-normal-state-tertiary-text-light-mode-color);
  --row-normal-state-tertiary-text-dark-mode-color: var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color);
  --row-normal-state-tertiary-text-light-mode-color: var(--row-normal-variant-normal-state-tertiary-text-light-mode-color);
  --row-normal-state-text-color: var(--row-normal-state-text-light-mode-color);
  --row-normal-state-text-dark-mode-color: var(--row-normal-variant-normal-state-text-dark-mode-color);
  --row-normal-state-text-light-mode-color: var(--row-normal-variant-normal-state-text-light-mode-color);
  --row-normal-variant-background-horizontal-outset-padding: var(--core-metrics-spacing-100);
  --row-normal-variant-background-radius: var(--core-radius-10);
  --row-normal-variant-background-vertical-outset-padding: 0px;
  --row-normal-variant-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color);
  --row-normal-variant-disabled-state-background-color: var(--row-normal-variant-disabled-state-background-light-mode-color);
  --row-normal-variant-disabled-state-background-dark-mode-color: var(--row-normal-variant-normal-state-background-dark-mode-color);
  --row-normal-variant-disabled-state-background-light-mode-color: var(--row-normal-variant-normal-state-background-light-mode-color);
  --row-normal-variant-disabled-state-drill-color: var(--row-normal-variant-disabled-state-drill-light-mode-color);
  --row-normal-variant-disabled-state-drill-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --row-normal-variant-disabled-state-drill-light-mode-color: var(--core-fill-30-light-mode-color);
  --row-normal-variant-disabled-state-image-opacity: var(--row-normal-variant-disabled-state-leading-accessory-opacity);
  --row-normal-variant-disabled-state-leading-accessory-opacity: var(--core-opacity-disabled-state);
  --row-normal-variant-disabled-state-separator-color: var(--row-normal-variant-disabled-state-separator-light-mode-color);
  --row-normal-variant-disabled-state-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);
  --row-normal-variant-disabled-state-separator-light-mode-color: var(--core-divider-20-light-mode-color);
  --row-normal-variant-disabled-state-side-text-primary-color: var(--row-normal-variant-disabled-state-side-text-primary-light-mode-color);
  --row-normal-variant-disabled-state-side-text-primary-dark-mode-color: var(--core-text-30-dark-mode-color);
  --row-normal-variant-disabled-state-side-text-primary-light-mode-color: var(--core-text-30-light-mode-color);
  --row-normal-variant-disabled-state-side-text-secondary-color: var(--row-normal-variant-disabled-state-side-text-secondary-light-mode-color);
  --row-normal-variant-disabled-state-side-text-secondary-dark-mode-color: var(--core-text-30-dark-mode-color);
  --row-normal-variant-disabled-state-side-text-secondary-light-mode-color: var(--core-text-30-light-mode-color);
  --row-normal-variant-disabled-state-subtext-color: var(--row-normal-variant-disabled-state-subtext-light-mode-color);
  --row-normal-variant-disabled-state-subtext-dark-mode-color: var(--core-text-30-dark-mode-color);
  --row-normal-variant-disabled-state-subtext-light-mode-color: var(--core-text-30-light-mode-color);
  --row-normal-variant-disabled-state-tertiary-text-color: var(--row-normal-variant-disabled-state-tertiary-text-light-mode-color);
  --row-normal-variant-disabled-state-tertiary-text-dark-mode-color: var(--core-text-30-dark-mode-color);
  --row-normal-variant-disabled-state-tertiary-text-light-mode-color: var(--core-text-30-light-mode-color);
  --row-normal-variant-disabled-state-text-color: var(--row-normal-variant-disabled-state-text-light-mode-color);
  --row-normal-variant-disabled-state-text-dark-mode-color: var(--core-text-30-dark-mode-color);
  --row-normal-variant-disabled-state-text-light-mode-color: var(--core-text-30-light-mode-color);
  --row-normal-variant-focus-ring-color: var(--row-normal-variant-light-mode-focus-ring-color);
  --row-normal-variant-focus-state-background-color: var(--row-normal-variant-focus-state-background-light-mode-color);
  --row-normal-variant-focus-state-background-dark-mode-color: var(--row-normal-variant-hover-state-background-dark-mode-color);
  --row-normal-variant-focus-state-background-light-mode-color: var(--row-normal-variant-hover-state-background-light-mode-color);
  --row-normal-variant-focus-state-drill-color: var(--row-normal-variant-focus-state-drill-light-mode-color);
  --row-normal-variant-focus-state-drill-dark-mode-color: var(--row-normal-variant-hover-state-drill-dark-mode-color);
  --row-normal-variant-focus-state-drill-light-mode-color: var(--row-normal-variant-hover-state-drill-light-mode-color);
  --row-normal-variant-focus-state-icon-color: var(--row-normal-variant-focus-state-icon-light-mode-color);
  --row-normal-variant-focus-state-icon-dark-mode-color: var(--row-normal-variant-hover-state-icon-dark-mode-color);
  --row-normal-variant-focus-state-icon-light-mode-color: var(--row-normal-variant-hover-state-icon-light-mode-color);
  --row-normal-variant-focus-state-separator-color: var(--row-normal-variant-focus-state-separator-light-mode-color);
  --row-normal-variant-focus-state-separator-dark-mode-color: var(--row-normal-variant-hover-state-separator-dark-mode-color);
  --row-normal-variant-focus-state-separator-light-mode-color: var(--row-normal-variant-hover-state-separator-light-mode-color);
  --row-normal-variant-focus-state-side-text-primary-color: var(--row-normal-variant-focus-state-side-text-primary-light-mode-color);
  --row-normal-variant-focus-state-side-text-primary-dark-mode-color: var(--row-normal-variant-hover-state-side-text-primary-dark-mode-color);
  --row-normal-variant-focus-state-side-text-primary-light-mode-color: var(--row-normal-variant-hover-state-side-text-primary-light-mode-color);
  --row-normal-variant-focus-state-side-text-secondary-color: var(--row-normal-variant-focus-state-side-text-secondary-light-mode-color);
  --row-normal-variant-focus-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-hover-state-side-text-secondary-dark-mode-color);
  --row-normal-variant-focus-state-side-text-secondary-light-mode-color: var(--row-normal-variant-hover-state-side-text-secondary-light-mode-color);
  --row-normal-variant-focus-state-subtext-color: var(--row-normal-variant-focus-state-subtext-light-mode-color);
  --row-normal-variant-focus-state-subtext-dark-mode-color: var(--row-normal-variant-hover-state-subtext-dark-mode-color);
  --row-normal-variant-focus-state-subtext-light-mode-color: var(--row-normal-variant-hover-state-subtext-light-mode-color);
  --row-normal-variant-focus-state-tertiary-text-color: var(--row-normal-variant-focus-state-tertiary-text-light-mode-color);
  --row-normal-variant-focus-state-tertiary-text-dark-mode-color: var(--row-normal-variant-hover-state-tertiary-text-dark-mode-color);
  --row-normal-variant-focus-state-tertiary-text-light-mode-color: var(--row-normal-variant-hover-state-tertiary-text-light-mode-color);
  --row-normal-variant-focus-state-text-color: var(--row-normal-variant-focus-state-text-light-mode-color);
  --row-normal-variant-focus-state-text-dark-mode-color: var(--row-normal-variant-hover-state-text-dark-mode-color);
  --row-normal-variant-focus-state-text-light-mode-color: var(--row-normal-variant-hover-state-text-light-mode-color);
  --row-normal-variant-hover-state-background-color: var(--row-normal-variant-hover-state-background-light-mode-color);
  --row-normal-variant-hover-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color);
  --row-normal-variant-hover-state-background-light-mode-color: var(--core-fill-50-light-mode-color);
  --row-normal-variant-hover-state-drill-color: var(--row-normal-variant-hover-state-drill-light-mode-color);
  --row-normal-variant-hover-state-drill-dark-mode-color: var(--row-normal-variant-normal-state-drill-dark-mode-color);
  --row-normal-variant-hover-state-drill-light-mode-color: var(--row-normal-variant-normal-state-drill-light-mode-color);
  --row-normal-variant-hover-state-icon-color: var(--row-normal-variant-hover-state-icon-light-mode-color);
  --row-normal-variant-hover-state-icon-dark-mode-color: var(--row-normal-variant-normal-state-icon-dark-mode-color);
  --row-normal-variant-hover-state-icon-light-mode-color: var(--row-normal-variant-normal-state-icon-light-mode-color);
  --row-normal-variant-hover-state-separator-color: var(--row-normal-variant-hover-state-separator-light-mode-color);
  --row-normal-variant-hover-state-separator-dark-mode-color: transparent;
  --row-normal-variant-hover-state-separator-light-mode-color: transparent;
  --row-normal-variant-hover-state-side-text-primary-color: var(--row-normal-variant-hover-state-side-text-primary-light-mode-color);
  --row-normal-variant-hover-state-side-text-primary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color);
  --row-normal-variant-hover-state-side-text-primary-light-mode-color: var(--row-normal-variant-normal-state-side-text-primary-light-mode-color);
  --row-normal-variant-hover-state-side-text-secondary-color: var(--row-normal-variant-hover-state-side-text-secondary-light-mode-color);
  --row-normal-variant-hover-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color);
  --row-normal-variant-hover-state-side-text-secondary-light-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color);
  --row-normal-variant-hover-state-subtext-color: var(--row-normal-variant-hover-state-subtext-light-mode-color);
  --row-normal-variant-hover-state-subtext-dark-mode-color: var(--row-normal-variant-normal-state-subtext-dark-mode-color);
  --row-normal-variant-hover-state-subtext-light-mode-color: var(--row-normal-variant-normal-state-subtext-light-mode-color);
  --row-normal-variant-hover-state-tertiary-text-color: var(--row-normal-variant-hover-state-tertiary-text-light-mode-color);
  --row-normal-variant-hover-state-tertiary-text-dark-mode-color: var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color);
  --row-normal-variant-hover-state-tertiary-text-light-mode-color: var(--row-normal-variant-normal-state-tertiary-text-light-mode-color);
  --row-normal-variant-hover-state-text-color: var(--row-normal-variant-hover-state-text-light-mode-color);
  --row-normal-variant-hover-state-text-dark-mode-color: var(--row-normal-variant-normal-state-text-dark-mode-color);
  --row-normal-variant-hover-state-text-light-mode-color: var(--row-normal-variant-normal-state-text-light-mode-color);
  --row-normal-variant-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color);
  --row-normal-variant-normal-state-background-color: var(--row-normal-variant-normal-state-background-light-mode-color);
  --row-normal-variant-normal-state-background-dark-mode-color: transparent;
  --row-normal-variant-normal-state-background-light-mode-color: transparent;
  --row-normal-variant-normal-state-drill-color: var(--row-normal-variant-normal-state-drill-light-mode-color);
  --row-normal-variant-normal-state-drill-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --row-normal-variant-normal-state-drill-light-mode-color: var(--core-fill-20-light-mode-color);
  --row-normal-variant-normal-state-icon-color: var(--row-normal-variant-normal-state-icon-light-mode-color);
  --row-normal-variant-normal-state-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --row-normal-variant-normal-state-icon-light-mode-color: var(--core-fill-10-light-mode-color);
  --row-normal-variant-normal-state-separator-color: var(--row-normal-variant-normal-state-separator-light-mode-color);
  --row-normal-variant-normal-state-separator-dark-mode-color: var(--core-divider-20-dark-mode-color);
  --row-normal-variant-normal-state-separator-light-mode-color: var(--core-divider-20-light-mode-color);
  --row-normal-variant-normal-state-side-text-primary-color: var(--row-normal-variant-normal-state-side-text-primary-light-mode-color);
  --row-normal-variant-normal-state-side-text-primary-dark-mode-color: var(--core-text-10-dark-mode-color);
  --row-normal-variant-normal-state-side-text-primary-light-mode-color: var(--core-text-10-light-mode-color);
  --row-normal-variant-normal-state-side-text-secondary-color: var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color);
  --row-normal-variant-normal-state-side-text-secondary-dark-mode-color: var(--core-text-20-dark-mode-color);
  --row-normal-variant-normal-state-side-text-secondary-light-mode-color: var(--core-text-20-light-mode-color);
  --row-normal-variant-normal-state-subtext-color: var(--row-normal-variant-normal-state-subtext-light-mode-color);
  --row-normal-variant-normal-state-subtext-dark-mode-color: var(--core-text-20-dark-mode-color);
  --row-normal-variant-normal-state-subtext-light-mode-color: var(--core-text-20-light-mode-color);
  --row-normal-variant-normal-state-tertiary-text-color: var(--row-normal-variant-normal-state-tertiary-text-light-mode-color);
  --row-normal-variant-normal-state-tertiary-text-dark-mode-color: var(--core-text-20-dark-mode-color);
  --row-normal-variant-normal-state-tertiary-text-light-mode-color: var(--core-text-20-light-mode-color);
  --row-normal-variant-normal-state-text-color: var(--row-normal-variant-normal-state-text-light-mode-color);
  --row-normal-variant-normal-state-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --row-normal-variant-normal-state-text-light-mode-color: var(--core-text-10-light-mode-color);
  --row-normal-variant-pressed-state-background-color: var(--row-normal-variant-pressed-state-background-light-mode-color);
  --row-normal-variant-pressed-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --row-normal-variant-pressed-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --row-normal-variant-pressed-state-drill-color: var(--row-normal-variant-pressed-state-drill-light-mode-color);
  --row-normal-variant-pressed-state-drill-dark-mode-color: var(--row-normal-variant-normal-state-drill-dark-mode-color);
  --row-normal-variant-pressed-state-drill-light-mode-color: var(--row-normal-variant-normal-state-drill-light-mode-color);
  --row-normal-variant-pressed-state-icon-color: var(--row-normal-variant-pressed-state-icon-light-mode-color);
  --row-normal-variant-pressed-state-icon-dark-mode-color: var(--row-normal-variant-normal-state-icon-dark-mode-color);
  --row-normal-variant-pressed-state-icon-light-mode-color: var(--row-normal-variant-normal-state-icon-light-mode-color);
  --row-normal-variant-pressed-state-separator-color: var(--row-normal-variant-pressed-state-separator-light-mode-color);
  --row-normal-variant-pressed-state-separator-dark-mode-color: transparent;
  --row-normal-variant-pressed-state-separator-light-mode-color: transparent;
  --row-normal-variant-pressed-state-side-text-primary-color: var(--row-normal-variant-pressed-state-side-text-primary-light-mode-color);
  --row-normal-variant-pressed-state-side-text-primary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color);
  --row-normal-variant-pressed-state-side-text-primary-light-mode-color: var(--row-normal-variant-normal-state-side-text-primary-light-mode-color);
  --row-normal-variant-pressed-state-side-text-secondary-color: var(--row-normal-variant-pressed-state-side-text-secondary-light-mode-color);
  --row-normal-variant-pressed-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color);
  --row-normal-variant-pressed-state-side-text-secondary-light-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color);
  --row-normal-variant-pressed-state-subtext-color: var(--row-normal-variant-pressed-state-subtext-light-mode-color);
  --row-normal-variant-pressed-state-subtext-dark-mode-color: var(--row-normal-variant-normal-state-subtext-dark-mode-color);
  --row-normal-variant-pressed-state-subtext-light-mode-color: var(--row-normal-variant-normal-state-subtext-light-mode-color);
  --row-normal-variant-pressed-state-tertiary-text-color: var(--row-normal-variant-pressed-state-tertiary-text-light-mode-color);
  --row-normal-variant-pressed-state-tertiary-text-dark-mode-color: var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color);
  --row-normal-variant-pressed-state-tertiary-text-light-mode-color: var(--row-normal-variant-normal-state-tertiary-text-light-mode-color);
  --row-normal-variant-pressed-state-text-color: var(--row-normal-variant-pressed-state-text-light-mode-color);
  --row-normal-variant-pressed-state-text-dark-mode-color: var(--row-normal-variant-normal-state-text-dark-mode-color);
  --row-normal-variant-pressed-state-text-light-mode-color: var(--row-normal-variant-normal-state-text-light-mode-color);
  --row-normal-variant-selected-disabled-state-background-color: var(--row-normal-variant-selected-disabled-state-background-light-mode-color);
  --row-normal-variant-selected-disabled-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color);
  --row-normal-variant-selected-disabled-state-background-light-mode-color: var(--core-fill-50-light-mode-color);
  --row-normal-variant-selected-state-background-color: var(--row-normal-variant-selected-state-background-light-mode-color);
  --row-normal-variant-selected-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color);
  --row-normal-variant-selected-state-background-light-mode-color: var(--core-fill-50-light-mode-color);
  --row-normal-variant-selected-state-drill-color: var(--row-normal-variant-selected-state-drill-light-mode-color);
  --row-normal-variant-selected-state-drill-dark-mode-color: var(--row-normal-variant-hover-state-drill-dark-mode-color);
  --row-normal-variant-selected-state-drill-light-mode-color: var(--row-normal-variant-hover-state-drill-light-mode-color);
  --row-normal-variant-selected-state-icon-color: var(--row-normal-variant-selected-state-icon-light-mode-color);
  --row-normal-variant-selected-state-icon-dark-mode-color: var(--row-normal-variant-hover-state-icon-dark-mode-color);
  --row-normal-variant-selected-state-icon-light-mode-color: var(--row-normal-variant-hover-state-icon-light-mode-color);
  --row-normal-variant-selected-state-separator-color: var(--row-normal-variant-selected-state-separator-light-mode-color);
  --row-normal-variant-selected-state-separator-dark-mode-color: transparent;
  --row-normal-variant-selected-state-separator-light-mode-color: transparent;
  --row-normal-variant-selected-state-side-text-primary-color: var(--row-normal-variant-selected-state-side-text-primary-light-mode-color);
  --row-normal-variant-selected-state-side-text-primary-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --row-normal-variant-selected-state-side-text-primary-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --row-normal-variant-selected-state-side-text-secondary-color: var(--row-normal-variant-selected-state-side-text-secondary-light-mode-color);
  --row-normal-variant-selected-state-side-text-secondary-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --row-normal-variant-selected-state-side-text-secondary-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --row-normal-variant-selected-state-subtext-color: var(--row-normal-variant-selected-state-subtext-light-mode-color);
  --row-normal-variant-selected-state-subtext-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --row-normal-variant-selected-state-subtext-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --row-normal-variant-selected-state-tertiary-text-color: var(--row-normal-variant-selected-state-tertiary-text-light-mode-color);
  --row-normal-variant-selected-state-tertiary-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --row-normal-variant-selected-state-tertiary-text-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --row-normal-variant-selected-state-text-color: var(--row-normal-variant-selected-state-text-light-mode-color);
  --row-normal-variant-selected-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --row-normal-variant-selected-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --row-normal-variant-separator-height: 1px;
  --row-pressed-state-background-color: var(--row-pressed-state-background-light-mode-color);
  --row-pressed-state-background-dark-mode-color: var(--row-normal-variant-pressed-state-background-dark-mode-color);
  --row-pressed-state-background-light-mode-color: var(--row-normal-variant-pressed-state-background-light-mode-color);
  --row-pressed-state-drill-color: var(--row-pressed-state-drill-light-mode-color);
  --row-pressed-state-drill-dark-mode-color: var(--row-normal-variant-pressed-state-drill-dark-mode-color);
  --row-pressed-state-drill-light-mode-color: var(--row-normal-variant-pressed-state-drill-light-mode-color);
  --row-pressed-state-icon-color: var(--row-pressed-state-icon-light-mode-color);
  --row-pressed-state-icon-dark-mode-color: var(--row-normal-variant-pressed-state-icon-dark-mode-color);
  --row-pressed-state-icon-light-mode-color: var(--row-normal-variant-pressed-state-icon-light-mode-color);
  --row-pressed-state-separator-color: var(--row-pressed-state-separator-light-mode-color);
  --row-pressed-state-separator-dark-mode-color: var(--row-normal-variant-pressed-state-separator-dark-mode-color);
  --row-pressed-state-separator-light-mode-color: var(--row-normal-variant-pressed-state-separator-light-mode-color);
  --row-pressed-state-side-text-primary-color: var(--row-pressed-state-side-text-primary-light-mode-color);
  --row-pressed-state-side-text-primary-dark-mode-color: var(--row-normal-variant-pressed-state-side-text-primary-dark-mode-color);
  --row-pressed-state-side-text-primary-light-mode-color: var(--row-normal-variant-pressed-state-side-text-primary-light-mode-color);
  --row-pressed-state-side-text-secondary-color: var(--row-pressed-state-side-text-secondary-light-mode-color);
  --row-pressed-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-pressed-state-side-text-secondary-dark-mode-color);
  --row-pressed-state-side-text-secondary-light-mode-color: var(--row-normal-variant-pressed-state-side-text-secondary-light-mode-color);
  --row-pressed-state-subtext-color: var(--row-pressed-state-subtext-light-mode-color);
  --row-pressed-state-subtext-dark-mode-color: var(--row-normal-variant-pressed-state-subtext-dark-mode-color);
  --row-pressed-state-subtext-light-mode-color: var(--row-normal-variant-pressed-state-subtext-light-mode-color);
  --row-pressed-state-tertiary-text-color: var(--row-pressed-state-tertiary-text-light-mode-color);
  --row-pressed-state-tertiary-text-dark-mode-color: var(--row-normal-variant-pressed-state-tertiary-text-dark-mode-color);
  --row-pressed-state-tertiary-text-light-mode-color: var(--row-normal-variant-pressed-state-tertiary-text-light-mode-color);
  --row-pressed-state-text-color: var(--row-pressed-state-text-light-mode-color);
  --row-pressed-state-text-dark-mode-color: var(--row-normal-variant-pressed-state-text-dark-mode-color);
  --row-pressed-state-text-light-mode-color: var(--row-normal-variant-pressed-state-text-light-mode-color);
  --row-selected-disabled-state-background-color: var(--row-selected-disabled-state-background-light-mode-color);
  --row-selected-disabled-state-background-dark-mode-color: var(--row-normal-variant-selected-disabled-state-background-dark-mode-color);
  --row-selected-disabled-state-background-light-mode-color: var(--row-normal-variant-selected-disabled-state-background-light-mode-color);
  --row-selected-state-background-color: var(--row-selected-state-background-light-mode-color);
  --row-selected-state-background-dark-mode-color: var(--row-normal-variant-selected-state-background-dark-mode-color);
  --row-selected-state-background-light-mode-color: var(--row-normal-variant-selected-state-background-light-mode-color);
  --row-selected-state-drill-color: var(--row-selected-state-drill-light-mode-color);
  --row-selected-state-drill-dark-mode-color: var(--row-normal-variant-selected-state-drill-dark-mode-color);
  --row-selected-state-drill-light-mode-color: var(--row-normal-variant-selected-state-drill-light-mode-color);
  --row-selected-state-icon-color: var(--row-selected-state-icon-light-mode-color);
  --row-selected-state-icon-dark-mode-color: var(--row-normal-variant-selected-state-icon-dark-mode-color);
  --row-selected-state-icon-light-mode-color: var(--row-normal-variant-selected-state-icon-light-mode-color);
  --row-selected-state-separator-color: var(--row-selected-state-separator-light-mode-color);
  --row-selected-state-separator-dark-mode-color: var(--row-normal-variant-selected-state-separator-dark-mode-color);
  --row-selected-state-separator-light-mode-color: var(--row-normal-variant-selected-state-separator-light-mode-color);
  --row-selected-state-side-text-primary-color: var(--row-selected-state-side-text-primary-light-mode-color);
  --row-selected-state-side-text-primary-dark-mode-color: var(--row-normal-variant-selected-state-side-text-primary-dark-mode-color);
  --row-selected-state-side-text-primary-light-mode-color: var(--row-normal-variant-selected-state-side-text-primary-light-mode-color);
  --row-selected-state-side-text-secondary-color: var(--row-selected-state-side-text-secondary-light-mode-color);
  --row-selected-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-selected-state-side-text-secondary-dark-mode-color);
  --row-selected-state-side-text-secondary-light-mode-color: var(--row-normal-variant-selected-state-side-text-secondary-light-mode-color);
  --row-selected-state-subtext-color: var(--row-selected-state-subtext-light-mode-color);
  --row-selected-state-subtext-dark-mode-color: var(--row-normal-variant-selected-state-subtext-dark-mode-color);
  --row-selected-state-subtext-light-mode-color: var(--row-normal-variant-selected-state-subtext-light-mode-color);
  --row-selected-state-tertiary-text-color: var(--row-selected-state-tertiary-text-light-mode-color);
  --row-selected-state-tertiary-text-dark-mode-color: var(--row-normal-variant-selected-state-tertiary-text-dark-mode-color);
  --row-selected-state-tertiary-text-light-mode-color: var(--row-normal-variant-selected-state-tertiary-text-light-mode-color);
  --row-selected-state-text-color: var(--row-selected-state-text-light-mode-color);
  --row-selected-state-text-dark-mode-color: var(--row-normal-variant-selected-state-text-dark-mode-color);
  --row-selected-state-text-light-mode-color: var(--row-normal-variant-selected-state-text-light-mode-color);
  --row-separator-height: var(--row-normal-variant-separator-height);
  --row-small-size-side-text-primary-case: var(--core-type-paragraph-20-case);
  --row-small-size-side-text-primary-font-family: var(--core-type-paragraph-20-font-family);
  --row-small-size-side-text-primary-leading: var(--core-type-paragraph-20-leading);
  --row-small-size-side-text-primary-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --row-small-size-side-text-primary-scale: var(--core-type-paragraph-20-scale);
  --row-small-size-side-text-primary-size: var(--core-type-paragraph-20-size);
  --row-small-size-side-text-primary-tracking: var(--core-type-paragraph-20-tracking);
  --row-small-size-side-text-primary-weight: var(--core-type-paragraph-20-weight);
  --row-small-size-side-text-secondary-case: var(--core-type-paragraph-10-case);
  --row-small-size-side-text-secondary-font-family: var(--core-type-paragraph-10-font-family);
  --row-small-size-side-text-secondary-leading: var(--core-type-paragraph-10-leading);
  --row-small-size-side-text-secondary-number-spacing: var(--core-type-paragraph-10-number-spacing);
  --row-small-size-side-text-secondary-scale: var(--core-type-paragraph-10-scale);
  --row-small-size-side-text-secondary-size: var(--core-type-paragraph-10-size);
  --row-small-size-side-text-secondary-tracking: var(--core-type-paragraph-10-tracking);
  --row-small-size-side-text-secondary-weight: var(--core-type-paragraph-10-weight);
  --row-small-size-subtext-case: var(--core-type-paragraph-10-case);
  --row-small-size-subtext-font-family: var(--core-type-paragraph-10-font-family);
  --row-small-size-subtext-leading: var(--core-type-paragraph-10-leading);
  --row-small-size-subtext-number-spacing: var(--core-type-paragraph-10-number-spacing);
  --row-small-size-subtext-scale: var(--core-type-paragraph-10-scale);
  --row-small-size-subtext-size: var(--core-type-paragraph-10-size);
  --row-small-size-subtext-tracking: var(--core-type-paragraph-10-tracking);
  --row-small-size-subtext-weight: var(--core-type-paragraph-10-weight);
  --row-small-size-tertiary-text-case: var(--core-type-paragraph-10-case);
  --row-small-size-tertiary-text-font-family: var(--core-type-paragraph-10-font-family);
  --row-small-size-tertiary-text-leading: var(--core-type-paragraph-10-leading);
  --row-small-size-tertiary-text-number-spacing: var(--core-type-paragraph-10-number-spacing);
  --row-small-size-tertiary-text-scale: var(--core-type-paragraph-10-scale);
  --row-small-size-tertiary-text-size: var(--core-type-paragraph-10-size);
  --row-small-size-tertiary-text-tracking: var(--core-type-paragraph-10-tracking);
  --row-small-size-tertiary-text-weight: var(--core-type-paragraph-10-weight);
  --row-small-size-text-case: var(--core-type-semibold-20-case);
  --row-small-size-text-font-family: var(--core-type-semibold-20-font-family);
  --row-small-size-text-leading: var(--core-type-semibold-20-leading);
  --row-small-size-text-number-spacing: var(--core-type-semibold-20-number-spacing);
  --row-small-size-text-scale: var(--core-type-semibold-20-scale);
  --row-small-size-text-size: var(--core-type-semibold-20-size);
  --row-small-size-text-tracking: var(--core-type-semibold-20-tracking);
  --row-small-size-text-vertical-gap: var(--row-medium-size-text-vertical-gap);
  --row-small-size-text-vertical-spacing: var(--row-medium-size-text-vertical-spacing);
  --row-small-size-text-weight: var(--core-type-semibold-20-weight);
  --row-small-size-vertical-bottom-accessory-gap: var(--row-medium-size-vertical-bottom-accessory-gap);
  --row-small-size-vertical-padding: var(--core-metrics-spacing-100);
  --row-text-accessory-spacing: 8px;

  /* ========== search ========== */
  --search-border-radius: var(--core-radius-circle);
  --search-border-size: var(--field-border-size);
  --search-disabled-state-border-color: var(--search-disabled-state-border-light-mode-color);
  --search-disabled-state-border-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --search-disabled-state-border-light-mode-color: var(--core-fill-40-light-mode-color);
  --search-disabled-state-input-color: var(--search-disabled-state-input-light-mode-color);
  --search-disabled-state-input-dark-mode-color: var(--core-text-30-dark-mode-color);
  --search-disabled-state-input-light-mode-color: var(--core-text-30-light-mode-color);
  --search-disabled-state-leading-icon-color: var(--search-disabled-state-leading-icon-light-mode-color);
  --search-disabled-state-leading-icon-dark-mode-color: var(--core-text-30-dark-mode-color);
  --search-disabled-state-leading-icon-light-mode-color: var(--core-text-30-light-mode-color);
  --search-disabled-state-trailing-icon-color: var(--search-disabled-state-trailing-icon-light-mode-color);
  --search-disabled-state-trailing-icon-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --search-disabled-state-trailing-icon-light-mode-color: var(--core-fill-30-light-mode-color);
  --search-focused-state-border-color: var(--search-focused-state-border-light-mode-color);
  --search-focused-state-border-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --search-focused-state-border-light-mode-color: var(--core-fill-10-light-mode-color);
  --search-focused-state-border-size: var(--core-border-20);
  --search-hint-text-color: var(--search-hint-text-light-mode-color);
  --search-hint-text-dark-mode-color: var(--core-text-20-dark-mode-color);
  --search-hint-text-light-mode-color: var(--core-text-20-light-mode-color);
  --search-input-case: var(--field-input-case);
  --search-input-font-family: var(--field-input-font-family);
  --search-input-leading: var(--field-input-leading);
  --search-input-number-spacing: var(--field-input-number-spacing);
  --search-input-scale: var(--field-input-scale);
  --search-input-size: var(--field-input-size);
  --search-input-tracking: var(--field-input-tracking);
  --search-input-weight: var(--field-input-weight);
  --search-large-size-minimum-height: 56px;
  --search-large-size-padding-horizontal: var(--core-metrics-spacing-250);
  --search-large-size-padding-vertical: var(--core-metrics-spacing-150);
  --search-large-size-spacing-horizontal: var(--search-normal-size-spacing-horizontal);
  --search-large-size-tags-spacing-right: var(--search-normal-size-tags-spacing-right);
  --search-normal-size-minimum-height: 40px;
  --search-normal-size-padding-horizontal: var(--core-metrics-spacing-200);
  --search-normal-size-padding-vertical: var(--core-metrics-spacing-100);
  --search-normal-size-spacing-horizontal: var(--core-metrics-spacing-150);
  --search-normal-size-tags-spacing-right: var(--core-metrics-spacing-100);
  --search-normal-state-border-color: var(--search-normal-state-border-light-mode-color);
  --search-normal-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --search-normal-state-border-light-mode-color: var(--core-fill-30-light-mode-color);
  --search-normal-state-input-color: var(--search-normal-state-input-light-mode-color);
  --search-normal-state-input-dark-mode-color: var(--core-text-10-dark-mode-color);
  --search-normal-state-input-light-mode-color: var(--core-text-10-light-mode-color);
  --search-normal-state-leading-icon-color: var(--search-normal-state-leading-icon-light-mode-color);
  --search-normal-state-leading-icon-dark-mode-color: var(--core-text-10-dark-mode-color);
  --search-normal-state-leading-icon-light-mode-color: var(--core-text-10-light-mode-color);
  --search-normal-state-trailing-icon-color: var(--search-normal-state-trailing-icon-light-mode-color);
  --search-normal-state-trailing-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --search-normal-state-trailing-icon-light-mode-color: var(--core-fill-20-light-mode-color);

  /* ========== segmentedControl ========== */
  --segmented-control-animation-duration: var(--core-animation-exit-transition-slow-speed-duration);
  --segmented-control-animation-easing: var(--core-animation-exit-transition-easing);
  --segmented-control-background-disabled-state-color: var(--segmented-control-background-disabled-state-light-mode-color);
  --segmented-control-background-disabled-state-dark-mode-color: var(--segmented-control-disabled-state-background-dark-mode-color);
  --segmented-control-background-disabled-state-light-mode-color: var(--segmented-control-disabled-state-background-light-mode-color);
  --segmented-control-background-normal-state-color: var(--segmented-control-background-normal-state-light-mode-color);
  --segmented-control-background-normal-state-dark-mode-color: var(--segmented-control-normal-state-background-dark-mode-color);
  --segmented-control-background-normal-state-light-mode-color: var(--segmented-control-normal-state-background-light-mode-color);
  --segmented-control-background-radius: var(--segmented-control-radius);
  --segmented-control-disabled-state-background-color: var(--segmented-control-disabled-state-background-light-mode-color);
  --segmented-control-disabled-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --segmented-control-disabled-state-background-light-mode-color: var(--core-fill-40-light-mode-color);
  --segmented-control-horizontal-padding: var(--core-metrics-spacing-50);
  --segmented-control-minimum-height: var(--core-medium-size-minimum-height);
  --segmented-control-normal-state-background-color: var(--segmented-control-normal-state-background-light-mode-color);
  --segmented-control-normal-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --segmented-control-normal-state-background-light-mode-color: var(--core-fill-40-light-mode-color);
  --segmented-control-option-background-disabled-state-color: var(--segmented-control-option-background-disabled-state-light-mode-color);
  --segmented-control-option-background-disabled-state-dark-mode-color: transparent;
  --segmented-control-option-background-disabled-state-light-mode-color: transparent;
  --segmented-control-option-background-hover-state-color: var(--segmented-control-option-background-hover-state-light-mode-color);
  --segmented-control-option-background-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --segmented-control-option-background-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --segmented-control-option-background-normal-state-color: var(--segmented-control-option-background-normal-state-light-mode-color);
  --segmented-control-option-background-normal-state-dark-mode-color: transparent;
  --segmented-control-option-background-normal-state-light-mode-color: transparent;
  --segmented-control-option-background-pressed-state-color: var(--segmented-control-option-background-pressed-state-light-mode-color);
  --segmented-control-option-background-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --segmented-control-option-background-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --segmented-control-option-background-radius: var(--segmented-control-option-radius);
  --segmented-control-option-background-selected-state-color: var(--segmented-control-option-background-selected-state-light-mode-color);
  --segmented-control-option-background-selected-state-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --segmented-control-option-background-selected-state-light-mode-color: var(--core-fill-white-light-mode-color);
  --segmented-control-option-background-selected-value-disabled-state-color: var(--segmented-control-option-background-selected-value-disabled-state-light-mode-color);
  --segmented-control-option-background-selected-value-disabled-state-dark-mode-color: var(--segmented-control-option-selected-value-disabled-state-background-dark-mode-color);
  --segmented-control-option-background-selected-value-disabled-state-light-mode-color: var(--segmented-control-option-selected-value-disabled-state-background-light-mode-color);
  --segmented-control-option-background-selected-value-hover-state-color: var(--segmented-control-option-background-selected-value-hover-state-light-mode-color);
  --segmented-control-option-background-selected-value-hover-state-dark-mode-color: var(--segmented-control-option-selected-value-hover-state-background-dark-mode-color);
  --segmented-control-option-background-selected-value-hover-state-light-mode-color: var(--segmented-control-option-selected-value-hover-state-background-light-mode-color);
  --segmented-control-option-background-selected-value-normal-state-color: var(--segmented-control-option-background-selected-value-normal-state-light-mode-color);
  --segmented-control-option-background-selected-value-normal-state-dark-mode-color: var(--segmented-control-option-selected-value-normal-state-background-dark-mode-color);
  --segmented-control-option-background-selected-value-normal-state-light-mode-color: var(--segmented-control-option-selected-value-normal-state-background-light-mode-color);
  --segmented-control-option-background-selected-value-pressed-state-color: var(--segmented-control-option-background-selected-value-pressed-state-light-mode-color);
  --segmented-control-option-background-selected-value-pressed-state-dark-mode-color: var(--segmented-control-option-selected-value-pressed-state-background-dark-mode-color);
  --segmented-control-option-background-selected-value-pressed-state-light-mode-color: var(--segmented-control-option-selected-value-pressed-state-background-light-mode-color);
  --segmented-control-option-background-unselected-value-disabled-state-color: var(--segmented-control-option-background-unselected-value-disabled-state-light-mode-color);
  --segmented-control-option-background-unselected-value-disabled-state-dark-mode-color: var(--segmented-control-option-unselected-value-disabled-state-dark-mode-background-color);
  --segmented-control-option-background-unselected-value-disabled-state-light-mode-color: var(--segmented-control-option-unselected-value-disabled-state-light-mode-background-color);
  --segmented-control-option-background-unselected-value-hover-state-color: var(--segmented-control-option-background-unselected-value-hover-state-light-mode-color);
  --segmented-control-option-background-unselected-value-hover-state-dark-mode-color: var(--segmented-control-option-unselected-value-hover-state-dark-mode-background-color);
  --segmented-control-option-background-unselected-value-hover-state-light-mode-color: var(--segmented-control-option-unselected-value-hover-state-light-mode-background-color);
  --segmented-control-option-background-unselected-value-normal-state-color: var(--segmented-control-option-background-unselected-value-normal-state-light-mode-color);
  --segmented-control-option-background-unselected-value-normal-state-dark-mode-color: var(--segmented-control-option-unselected-value-normal-state-dark-mode-background-color);
  --segmented-control-option-background-unselected-value-normal-state-light-mode-color: var(--segmented-control-option-unselected-value-normal-state-light-mode-background-color);
  --segmented-control-option-background-unselected-value-pressed-state-color: var(--segmented-control-option-background-unselected-value-pressed-state-light-mode-color);
  --segmented-control-option-background-unselected-value-pressed-state-dark-mode-color: var(--segmented-control-option-unselected-value-pressed-state-dark-mode-background-color);
  --segmented-control-option-background-unselected-value-pressed-state-light-mode-color: var(--segmented-control-option-unselected-value-pressed-state-light-mode-background-color);
  --segmented-control-option-badge-disabled-state-opacity: var(--segmented-control-option-unselected-value-disabled-state-badge-opacity);
  --segmented-control-option-badge-hover-state-opacity: var(--segmented-control-option-unselected-value-hover-state-badge-opacity);
  --segmented-control-option-badge-normal-state-opacity: var(--segmented-control-option-unselected-value-normal-state-badge-opacity);
  --segmented-control-option-badge-pressed-state-opacity: var(--segmented-control-option-unselected-value-pressed-state-badge-opacity);
  --segmented-control-option-badge-selected-state-opacity: var(--segmented-control-option-selected-value-normal-state-badge-opacity);
  --segmented-control-option-horizontal-gap: var(--core-metrics-spacing-100);
  --segmented-control-option-horizontal-padding: var(--core-metrics-spacing-100);
  --segmented-control-option-label-case: var(--core-type-semibold-30-case);
  --segmented-control-option-label-disabled-state-color: var(--segmented-control-option-label-disabled-state-light-mode-color);
  --segmented-control-option-label-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);
  --segmented-control-option-label-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);
  --segmented-control-option-label-font-family: var(--core-type-semibold-30-font-family);
  --segmented-control-option-label-hover-state-color: var(--segmented-control-option-label-hover-state-light-mode-color);
  --segmented-control-option-label-hover-state-dark-mode-color: var(--segmented-control-option-label-normal-state-dark-mode-color);
  --segmented-control-option-label-hover-state-light-mode-color: var(--segmented-control-option-label-normal-state-light-mode-color);
  --segmented-control-option-label-leading: var(--core-type-semibold-30-leading);
  --segmented-control-option-label-normal-state-color: var(--segmented-control-option-label-normal-state-light-mode-color);
  --segmented-control-option-label-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --segmented-control-option-label-normal-state-light-mode-color: var(--core-text-10-light-mode-color);
  --segmented-control-option-label-number-spacing: var(--core-type-semibold-30-number-spacing);
  --segmented-control-option-label-pressed-state-color: var(--segmented-control-option-label-pressed-state-light-mode-color);
  --segmented-control-option-label-pressed-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --segmented-control-option-label-pressed-state-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --segmented-control-option-label-scale: var(--core-type-semibold-30-scale);
  --segmented-control-option-label-selected-state-color: var(--segmented-control-option-label-selected-state-light-mode-color);
  --segmented-control-option-label-selected-state-dark-mode-color: var(--segmented-control-option-label-normal-state-dark-mode-color);
  --segmented-control-option-label-selected-state-light-mode-color: var(--segmented-control-option-label-normal-state-light-mode-color);
  --segmented-control-option-label-selected-value-disabled-state-color: var(--segmented-control-option-label-selected-value-disabled-state-light-mode-color);
  --segmented-control-option-label-selected-value-disabled-state-dark-mode-color: var(--segmented-control-option-selected-value-disabled-state-label-dark-mode-color);
  --segmented-control-option-label-selected-value-disabled-state-light-mode-color: var(--segmented-control-option-selected-value-disabled-state-label-light-mode-color);
  --segmented-control-option-label-selected-value-hover-state-color: var(--segmented-control-option-label-selected-value-hover-state-light-mode-color);
  --segmented-control-option-label-selected-value-hover-state-dark-mode-color: var(--segmented-control-option-selected-value-hover-state-label-dark-mode-color);
  --segmented-control-option-label-selected-value-hover-state-light-mode-color: var(--segmented-control-option-selected-value-hover-state-label-light-mode-color);
  --segmented-control-option-label-selected-value-normal-state-color: var(--segmented-control-option-label-selected-value-normal-state-light-mode-color);
  --segmented-control-option-label-selected-value-normal-state-dark-mode-color: var(--segmented-control-option-selected-value-normal-state-label-dark-mode-color);
  --segmented-control-option-label-selected-value-normal-state-light-mode-color: var(--segmented-control-option-selected-value-normal-state-label-light-mode-color);
  --segmented-control-option-label-selected-value-pressed-state-color: var(--segmented-control-option-label-selected-value-pressed-state-light-mode-color);
  --segmented-control-option-label-selected-value-pressed-state-dark-mode-color: var(--segmented-control-option-selected-value-pressed-state-label-dark-mode-color);
  --segmented-control-option-label-selected-value-pressed-state-light-mode-color: var(--segmented-control-option-selected-value-pressed-state-label-light-mode-color);
  --segmented-control-option-label-size: var(--core-type-semibold-30-size);
  --segmented-control-option-label-tracking: var(--core-type-semibold-30-tracking);
  --segmented-control-option-label-unselected-value-disabled-state-color: var(--segmented-control-option-label-unselected-value-disabled-state-light-mode-color);
  --segmented-control-option-label-unselected-value-disabled-state-dark-mode-color: var(--segmented-control-option-unselected-value-disabled-state-label-dark-mode-color);
  --segmented-control-option-label-unselected-value-disabled-state-light-mode-color: var(--segmented-control-option-unselected-value-disabled-state-label-light-mode-color);
  --segmented-control-option-label-unselected-value-hover-state-color: var(--segmented-control-option-label-unselected-value-hover-state-light-mode-color);
  --segmented-control-option-label-unselected-value-hover-state-dark-mode-color: var(--segmented-control-option-unselected-value-hover-state-label-dark-mode-color);
  --segmented-control-option-label-unselected-value-hover-state-light-mode-color: var(--segmented-control-option-unselected-value-hover-state-label-light-mode-color);
  --segmented-control-option-label-unselected-value-normal-state-color: var(--segmented-control-option-label-unselected-value-normal-state-light-mode-color);
  --segmented-control-option-label-unselected-value-normal-state-dark-mode-color: var(--segmented-control-option-unselected-value-normal-state-label-dark-mode-color);
  --segmented-control-option-label-unselected-value-normal-state-light-mode-color: var(--segmented-control-option-unselected-value-normal-state-label-light-mode-color);
  --segmented-control-option-label-unselected-value-pressed-state-color: var(--segmented-control-option-label-unselected-value-pressed-state-light-mode-color);
  --segmented-control-option-label-unselected-value-pressed-state-dark-mode-color: var(--segmented-control-option-unselected-value-pressed-state-label-dark-mode-color);
  --segmented-control-option-label-unselected-value-pressed-state-light-mode-color: var(--segmented-control-option-unselected-value-pressed-state-label-light-mode-color);
  --segmented-control-option-label-weight: var(--core-type-semibold-30-weight);
  --segmented-control-option-minimum-height: var(--core-small-size-minimum-height);
  --segmented-control-option-padding-horizontal: var(--segmented-control-option-horizontal-padding);
  --segmented-control-option-padding-vertical: var(--segmented-control-option-vertical-padding);
  --segmented-control-option-radius: var(--core-radius-circle);
  --segmented-control-option-selected-value-disabled-state-background-color: var(--segmented-control-option-selected-value-disabled-state-background-light-mode-color);
  --segmented-control-option-selected-value-disabled-state-background-dark-mode-color: #232323;
  --segmented-control-option-selected-value-disabled-state-background-light-mode-color: var(--core-surface-30-light-mode-color);
  --segmented-control-option-selected-value-disabled-state-badge-opacity: var(--core-opacity-disabled-state);
  --segmented-control-option-selected-value-disabled-state-label-color: var(--segmented-control-option-selected-value-disabled-state-label-light-mode-color);
  --segmented-control-option-selected-value-disabled-state-label-dark-mode-color: var(--core-text-30-dark-mode-color);
  --segmented-control-option-selected-value-disabled-state-label-light-mode-color: var(--core-text-30-light-mode-color);
  --segmented-control-option-selected-value-hover-state-background-color: var(--segmented-control-option-selected-value-hover-state-background-light-mode-color);
  --segmented-control-option-selected-value-hover-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --segmented-control-option-selected-value-hover-state-background-light-mode-color: var(--core-surface-30-light-mode-color);
  --segmented-control-option-selected-value-hover-state-badge-opacity: var(--core-opacity-hover-state);
  --segmented-control-option-selected-value-hover-state-label-color: var(--segmented-control-option-selected-value-hover-state-label-light-mode-color);
  --segmented-control-option-selected-value-hover-state-label-dark-mode-color: var(--core-text-10-dark-mode-color);
  --segmented-control-option-selected-value-hover-state-label-light-mode-color: var(--core-text-10-light-mode-color);
  --segmented-control-option-selected-value-normal-state-background-color: var(--segmented-control-option-selected-value-normal-state-background-light-mode-color);
  --segmented-control-option-selected-value-normal-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --segmented-control-option-selected-value-normal-state-background-light-mode-color: var(--core-surface-30-light-mode-color);
  --segmented-control-option-selected-value-normal-state-badge-opacity: 1;
  --segmented-control-option-selected-value-normal-state-label-color: var(--segmented-control-option-selected-value-normal-state-label-light-mode-color);
  --segmented-control-option-selected-value-normal-state-label-dark-mode-color: var(--core-text-10-dark-mode-color);
  --segmented-control-option-selected-value-normal-state-label-light-mode-color: var(--core-text-10-light-mode-color);
  --segmented-control-option-selected-value-pressed-state-background-color: var(--segmented-control-option-selected-value-pressed-state-background-light-mode-color);
  --segmented-control-option-selected-value-pressed-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --segmented-control-option-selected-value-pressed-state-background-light-mode-color: var(--core-surface-30-light-mode-color);
  --segmented-control-option-selected-value-pressed-state-badge-opacity: var(--core-opacity-pressed-state);
  --segmented-control-option-selected-value-pressed-state-label-color: var(--segmented-control-option-selected-value-pressed-state-label-light-mode-color);
  --segmented-control-option-selected-value-pressed-state-label-dark-mode-color: var(--core-constant-gray-60-color);
  --segmented-control-option-selected-value-pressed-state-label-light-mode-color: #767676;
  --segmented-control-option-spacing-horizontal: var(--segmented-control-option-horizontal-gap);
  --segmented-control-option-unselected-value-disabled-state-background-color: var(--segmented-control-option-unselected-value-disabled-state-light-mode-background-color);
  --segmented-control-option-unselected-value-disabled-state-badge-opacity: var(--core-opacity-disabled-state);
  --segmented-control-option-unselected-value-disabled-state-dark-mode-background-color: transparent;
  --segmented-control-option-unselected-value-disabled-state-label-color: var(--segmented-control-option-unselected-value-disabled-state-label-light-mode-color);
  --segmented-control-option-unselected-value-disabled-state-label-dark-mode-color: var(--core-text-30-dark-mode-color);
  --segmented-control-option-unselected-value-disabled-state-label-light-mode-color: var(--core-text-30-light-mode-color);
  --segmented-control-option-unselected-value-disabled-state-light-mode-background-color: transparent;
  --segmented-control-option-unselected-value-hover-state-background-color: var(--segmented-control-option-unselected-value-hover-state-light-mode-background-color);
  --segmented-control-option-unselected-value-hover-state-badge-opacity: var(--core-opacity-hover-state);
  --segmented-control-option-unselected-value-hover-state-dark-mode-background-color: transparent;
  --segmented-control-option-unselected-value-hover-state-label-color: var(--segmented-control-option-unselected-value-hover-state-label-light-mode-color);
  --segmented-control-option-unselected-value-hover-state-label-dark-mode-color: var(--core-constant-gray-85-color);
  --segmented-control-option-unselected-value-hover-state-label-light-mode-color: var(--core-constant-gray-45-color);
  --segmented-control-option-unselected-value-hover-state-light-mode-background-color: transparent;
  --segmented-control-option-unselected-value-normal-state-background-color: var(--segmented-control-option-unselected-value-normal-state-light-mode-background-color);
  --segmented-control-option-unselected-value-normal-state-badge-opacity: var(--core-opacity-normal-state);
  --segmented-control-option-unselected-value-normal-state-dark-mode-background-color: transparent;
  --segmented-control-option-unselected-value-normal-state-label-color: var(--segmented-control-option-unselected-value-normal-state-label-light-mode-color);
  --segmented-control-option-unselected-value-normal-state-label-dark-mode-color: var(--core-text-10-dark-mode-color);
  --segmented-control-option-unselected-value-normal-state-label-light-mode-color: var(--core-text-10-light-mode-color);
  --segmented-control-option-unselected-value-normal-state-light-mode-background-color: transparent;
  --segmented-control-option-unselected-value-pressed-state-background-color: var(--segmented-control-option-unselected-value-pressed-state-light-mode-background-color);
  --segmented-control-option-unselected-value-pressed-state-badge-opacity: var(--core-opacity-pressed-state);
  --segmented-control-option-unselected-value-pressed-state-dark-mode-background-color: transparent;
  --segmented-control-option-unselected-value-pressed-state-label-color: var(--segmented-control-option-unselected-value-pressed-state-label-light-mode-color);
  --segmented-control-option-unselected-value-pressed-state-label-dark-mode-color: var(--core-constant-gray-60-color);
  --segmented-control-option-unselected-value-pressed-state-label-light-mode-color: #767676;
  --segmented-control-option-unselected-value-pressed-state-light-mode-background-color: transparent;
  --segmented-control-option-vertical-padding: var(--core-metrics-spacing-100);
  --segmented-control-padding-horizontal: var(--segmented-control-horizontal-padding);
  --segmented-control-padding-vertical: var(--segmented-control-vertical-padding);
  --segmented-control-radius: var(--core-radius-circle);
  --segmented-control-vertical-padding: var(--core-metrics-spacing-50);

  /* ========== select ========== */
  --select-caret-color: var(--select-caret-light-mode-color);
  --select-caret-dark-mode-color: var(--select-disclosure-indicator-dark-mode-color);
  --select-caret-icon-height: var(--select-disclosure-indicator-icon-height);
  --select-caret-light-mode-color: var(--select-disclosure-indicator-light-mode-color);
  --select-disclosure-indicator-color: var(--select-disclosure-indicator-light-mode-color);
  --select-disclosure-indicator-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --select-disclosure-indicator-icon-height: 8px;
  --select-disclosure-indicator-light-mode-color: var(--core-fill-20-light-mode-color);

  /* ========== skeleton-loader ========== */
  --skeleton-loader-animation-duration: 3.00s;
  --skeleton-loader-animation-easing: cubic-bezier(0.0, 0.0, 1.0, 1.0);
  --skeleton-loader-border-radius: var(--core-radius-10);
  --skeleton-loader-fill-color: var(--skeleton-loader-fill-light-mode-color);
  --skeleton-loader-fill-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --skeleton-loader-fill-light-mode-color: var(--core-fill-40-light-mode-color);
  --skeleton-loader-gradient-1-color: var(--skeleton-loader-gradient-light-mode-1-color);
  --skeleton-loader-gradient-2-color: var(--skeleton-loader-gradient-light-mode-2-color);
  --skeleton-loader-gradient-3-color: var(--skeleton-loader-gradient-light-mode-3-color);
  --skeleton-loader-gradient-dark-mode-1-color: rgba(255,255,255,0.0);
  --skeleton-loader-gradient-dark-mode-2-color: rgba(255,255,255,0.1);
  --skeleton-loader-gradient-dark-mode-3-color: rgba(255,255,255,0.15);
  --skeleton-loader-gradient-light-mode-1-color: rgba(0, 0, 0, 0.0);
  --skeleton-loader-gradient-light-mode-2-color: rgba(0, 0, 0, 0.05);
  --skeleton-loader-gradient-light-mode-3-color: rgba(0, 0, 0, 0.08);
  --skeleton-loader-gradient-width-ratio: 0.5;

  /* ========== stepper ========== */
  --stepper-border-radius: var(--field-border-radius);
  --stepper-button-border-radius: 4px;
  --stepper-button-decrement-height: var(--stepper-button-increment-height);
  --stepper-button-decrement-scale: var(--stepper-button-increment-scale);
  --stepper-button-decrement-width: var(--stepper-button-increment-width);
  --stepper-button-disabled-state-background-color: var(--stepper-button-disabled-state-light-mode-background-color);
  --stepper-button-disabled-state-dark-mode-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);
  --stepper-button-disabled-state-dark-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);
  --stepper-button-disabled-state-icon-color: var(--stepper-button-disabled-state-light-mode-icon-color);
  --stepper-button-disabled-state-light-mode-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color);
  --stepper-button-disabled-state-light-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color);
  --stepper-button-focus-state-background-color: var(--stepper-button-focus-state-light-mode-background-color);
  --stepper-button-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);
  --stepper-button-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);
  --stepper-button-focus-state-icon-color: var(--stepper-button-focus-state-light-mode-icon-color);
  --stepper-button-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color);
  --stepper-button-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color);
  --stepper-button-hover-state-background-color: var(--stepper-button-hover-state-light-mode-background-color);
  --stepper-button-hover-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);
  --stepper-button-hover-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);
  --stepper-button-hover-state-icon-color: var(--stepper-button-hover-state-light-mode-icon-color);
  --stepper-button-hover-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color);
  --stepper-button-hover-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color);
  --stepper-button-increment-height: 16px;
  --stepper-button-increment-scale: var(--core-type-semibold-20-scale);
  --stepper-button-increment-width: 16px;
  --stepper-button-minimum-height: 24px;
  --stepper-button-normal-state-background-color: var(--stepper-button-normal-state-light-mode-background-color);
  --stepper-button-normal-state-dark-mode-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);
  --stepper-button-normal-state-dark-mode-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);
  --stepper-button-normal-state-icon-color: var(--stepper-button-normal-state-light-mode-icon-color);
  --stepper-button-normal-state-light-mode-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color);
  --stepper-button-normal-state-light-mode-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color);
  --stepper-button-padding-size: 4px;
  --stepper-button-pressed-state-background-color: var(--stepper-button-pressed-state-light-mode-background-color);
  --stepper-button-pressed-state-dark-mode-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);
  --stepper-button-pressed-state-dark-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);
  --stepper-button-pressed-state-icon-color: var(--stepper-button-pressed-state-light-mode-icon-color);
  --stepper-button-pressed-state-light-mode-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color);
  --stepper-button-pressed-state-light-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color);
  --stepper-button-width-multiplier: 1;
  --stepper-disabled-state-background-color: var(--stepper-disabled-state-background-light-mode-color);
  --stepper-disabled-state-background-dark-mode-color: var(--field-disabled-state-dark-mode-background-color);
  --stepper-disabled-state-background-light-mode-color: var(--field-disabled-state-light-mode-background-color);
  --stepper-disabled-state-border-color: var(--stepper-disabled-state-border-light-mode-color);
  --stepper-disabled-state-border-dark-mode-color: var(--field-disabled-state-dark-mode-border-color);
  --stepper-disabled-state-border-light-mode-color: var(--field-disabled-state-light-mode-border-color);
  --stepper-disabled-state-border-size: var(--field-border-size);
  --stepper-focus-state-background-color: var(--stepper-focus-state-background-light-mode-color);
  --stepper-focus-state-background-dark-mode-color: var(--field-focus-state-dark-mode-background-color);
  --stepper-focus-state-background-light-mode-color: var(--field-focus-state-light-mode-background-color);
  --stepper-focus-state-border-size: var(--field-focus-state-border-size);
  --stepper-focus-state-invalid-validity-color: var(--stepper-focus-state-invalid-validity-light-mode-color);
  --stepper-focus-state-invalid-validity-dark-mode-color: var(--field-focus-state-invalid-validity-dark-mode-border-color);
  --stepper-focus-state-invalid-validity-light-mode-color: var(--field-focus-state-invalid-validity-light-mode-border-color);
  --stepper-focus-state-normal-validity-color: var(--stepper-focus-state-normal-validity-light-mode-color);
  --stepper-focus-state-normal-validity-dark-mode-color: var(--field-focus-state-normal-validity-dark-mode-border-color);
  --stepper-focus-state-normal-validity-light-mode-color: var(--field-focus-state-normal-validity-light-mode-border-color);
  --stepper-horizontal-spacing: 12px;
  --stepper-hover-state-background-color: var(--stepper-hover-state-background-light-mode-color);
  --stepper-hover-state-background-dark-mode-color: var(--field-hover-state-dark-mode-background-color);
  --stepper-hover-state-background-light-mode-color: var(--field-hover-state-light-mode-background-color);
  --stepper-hover-state-border-size: var(--field-border-size);
  --stepper-hover-state-invalid-validity-color: var(--stepper-hover-state-invalid-validity-light-mode-color);
  --stepper-hover-state-invalid-validity-dark-mode-color: var(--field-hover-state-invalid-validity-dark-mode-border-color);
  --stepper-hover-state-invalid-validity-light-mode-color: var(--field-hover-state-invalid-validity-light-mode-border-color);
  --stepper-hover-state-normal-validity-color: var(--stepper-hover-state-normal-validity-light-mode-color);
  --stepper-hover-state-normal-validity-dark-mode-color: var(--field-hover-state-normal-validity-dark-mode-border-color);
  --stepper-hover-state-normal-validity-light-mode-color: var(--field-hover-state-normal-validity-light-mode-border-color);
  --stepper-normal-state-background-color: var(--stepper-normal-state-background-light-mode-color);
  --stepper-normal-state-background-dark-mode-color: var(--field-normal-state-dark-mode-background-color);
  --stepper-normal-state-background-light-mode-color: var(--field-normal-state-light-mode-background-color);
  --stepper-normal-state-border-size: var(--field-border-size);
  --stepper-normal-state-invalid-validity-color: var(--stepper-normal-state-invalid-validity-light-mode-color);
  --stepper-normal-state-invalid-validity-dark-mode-color: var(--field-normal-state-invalid-validity-dark-mode-border-color);
  --stepper-normal-state-invalid-validity-light-mode-color: var(--field-normal-state-invalid-validity-light-mode-border-color);
  --stepper-normal-state-normal-validity-color: var(--stepper-normal-state-normal-validity-light-mode-color);
  --stepper-normal-state-normal-validity-dark-mode-color: var(--field-normal-state-normal-validity-dark-mode-border-color);
  --stepper-normal-state-normal-validity-light-mode-color: var(--field-normal-state-normal-validity-light-mode-border-color);
  --stepper-padding-size: 12px;
  --stepper-quantity-input-field-minimum-width-multiplier: 1.66;
  --stepper-quantity-input-field-value-text-case: var(--core-type-paragraph-30-case);
  --stepper-quantity-input-field-value-text-disabled-state-color: var(--stepper-quantity-input-field-value-text-disabled-state-light-mode-color);
  --stepper-quantity-input-field-value-text-disabled-state-dark-mode-color: var(--core-text-20-dark-mode-color);
  --stepper-quantity-input-field-value-text-disabled-state-light-mode-color: var(--core-text-20-light-mode-color);
  --stepper-quantity-input-field-value-text-font-family: var(--core-type-paragraph-30-font-family);
  --stepper-quantity-input-field-value-text-leading: var(--core-type-paragraph-30-leading);
  --stepper-quantity-input-field-value-text-normal-state-color: var(--stepper-quantity-input-field-value-text-normal-state-light-mode-color);
  --stepper-quantity-input-field-value-text-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --stepper-quantity-input-field-value-text-normal-state-light-mode-color: var(--core-text-10-light-mode-color);
  --stepper-quantity-input-field-value-text-number-spacing: 'monospaced';
  --stepper-quantity-input-field-value-text-placeholder-color: var(--stepper-quantity-input-field-value-text-placeholder-light-mode-color);
  --stepper-quantity-input-field-value-text-placeholder-dark-mode-color: var(--core-text-20-dark-mode-color);
  --stepper-quantity-input-field-value-text-placeholder-light-mode-color: var(--core-text-20-light-mode-color);
  --stepper-quantity-input-field-value-text-scale: var(--core-type-paragraph-30-scale);
  --stepper-quantity-input-field-value-text-size: var(--core-type-paragraph-30-size);
  --stepper-quantity-input-field-value-text-tracking: var(--core-type-paragraph-30-tracking);
  --stepper-quantity-input-field-value-text-weight: var(--core-type-paragraph-30-weight);

  /* ========== sticky-section-header ========== */
  --sticky-section-header-background-color: var(--sticky-section-header-background-light-mode-color);
  --sticky-section-header-background-dark-mode-color: var(--core-surface-5-dark-mode-color);
  --sticky-section-header-background-light-mode-color: var(--core-surface-5-light-mode-color);
  --sticky-section-header-horizontal-spacing: var(--core-metrics-spacing-100);
  --sticky-section-header-separator-color: var(--sticky-section-header-separator-light-mode-color);
  --sticky-section-header-separator-dark-mode-color: var(--core-divider-10-dark-mode-color);
  --sticky-section-header-separator-height: 1px;
  --sticky-section-header-separator-light-mode-color: var(--core-divider-10-light-mode-color);
  --sticky-section-header-text-case: var(--core-type-heading-10-case);
  --sticky-section-header-text-color: var(--sticky-section-header-text-light-mode-color);
  --sticky-section-header-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --sticky-section-header-text-font-family: var(--core-type-heading-10-font-family);
  --sticky-section-header-text-leading: var(--core-type-heading-10-leading);
  --sticky-section-header-text-light-mode-color: var(--core-text-10-light-mode-color);
  --sticky-section-header-text-link-color: var(--sticky-section-header-text-link-light-mode-color);
  --sticky-section-header-text-link-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --sticky-section-header-text-link-disabled-state-opacity: var(--text-link-disabled-state-opacity);
  --sticky-section-header-text-link-hover-state-opacity: var(--text-link-hover-state-opacity);
  --sticky-section-header-text-link-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --sticky-section-header-text-link-normal-state-opacity: var(--text-link-normal-state-opacity);
  --sticky-section-header-text-link-pressed-state-opacity: var(--text-link-pressed-state-opacity);
  --sticky-section-header-text-link-text-case: var(--text-link-small-size-text-case);
  --sticky-section-header-text-link-text-font-family: var(--text-link-small-size-text-font-family);
  --sticky-section-header-text-link-text-leading: var(--text-link-small-size-text-leading);
  --sticky-section-header-text-link-text-number-spacing: var(--text-link-small-size-text-number-spacing);
  --sticky-section-header-text-link-text-scale: var(--text-link-small-size-text-scale);
  --sticky-section-header-text-link-text-size: var(--text-link-small-size-text-size);
  --sticky-section-header-text-link-text-tracking: var(--text-link-small-size-text-tracking);
  --sticky-section-header-text-link-text-weight: var(--text-link-small-size-text-weight);
  --sticky-section-header-text-link-vertical-padding: 0px;
  --sticky-section-header-text-number-spacing: var(--core-type-heading-10-number-spacing);
  --sticky-section-header-text-scale: var(--core-type-heading-10-scale);
  --sticky-section-header-text-size: var(--core-type-heading-10-size);
  --sticky-section-header-text-tracking: var(--core-type-heading-10-tracking);
  --sticky-section-header-text-weight: var(--core-type-heading-10-weight);
  --sticky-section-header-vertical-padding: 9px;

  /* ========== subtle-button ========== */
  --subtle-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-disabled-state-icon-light-mode-color);
  --subtle-button-destructive-variant-primary-rank-disabled-state-icon-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --subtle-button-destructive-variant-primary-rank-disabled-state-icon-light-mode-color: var(--core-fill-30-light-mode-color);
  --subtle-button-destructive-variant-primary-rank-hover-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-hover-state-icon-light-mode-color);
  --subtle-button-destructive-variant-primary-rank-hover-state-icon-dark-mode-color: var(--core-critical-fill-dark-mode-color);
  --subtle-button-destructive-variant-primary-rank-hover-state-icon-light-mode-color: var(--core-critical-fill-light-mode-color);
  --subtle-button-destructive-variant-primary-rank-normal-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-normal-state-icon-light-mode-color);
  --subtle-button-destructive-variant-primary-rank-normal-state-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --subtle-button-destructive-variant-primary-rank-normal-state-icon-light-mode-color: var(--core-fill-20-light-mode-color);
  --subtle-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-pressed-state-icon-light-mode-color);
  --subtle-button-destructive-variant-primary-rank-pressed-state-icon-dark-mode-color: var(--core-critical-10-dark-mode-color);
  --subtle-button-destructive-variant-primary-rank-pressed-state-icon-light-mode-color: var(--core-critical-10-light-mode-color);
  --subtle-button-horizontal-spacing-size: var(--core-metrics-spacing-100);
  --subtle-button-minimum-height: 24px;
  --subtle-button-normal-variant-primary-rank-disabled-state-icon-color: var(--subtle-button-normal-variant-primary-rank-disabled-state-icon-light-mode-color);
  --subtle-button-normal-variant-primary-rank-disabled-state-icon-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --subtle-button-normal-variant-primary-rank-disabled-state-icon-light-mode-color: var(--core-fill-30-light-mode-color);
  --subtle-button-normal-variant-primary-rank-hover-state-icon-color: var(--subtle-button-normal-variant-primary-rank-hover-state-icon-light-mode-color);
  --subtle-button-normal-variant-primary-rank-hover-state-icon-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --subtle-button-normal-variant-primary-rank-hover-state-icon-light-mode-color: var(--core-fill-10-light-mode-color);
  --subtle-button-normal-variant-primary-rank-normal-state-icon-color: var(--subtle-button-normal-variant-primary-rank-normal-state-icon-light-mode-color);
  --subtle-button-normal-variant-primary-rank-normal-state-icon-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --subtle-button-normal-variant-primary-rank-normal-state-icon-light-mode-color: var(--core-fill-20-light-mode-color);
  --subtle-button-normal-variant-primary-rank-pressed-state-icon-color: var(--subtle-button-normal-variant-primary-rank-pressed-state-icon-light-mode-color);
  --subtle-button-normal-variant-primary-rank-pressed-state-icon-dark-mode-color: var(--core-constant-gray-60-color);
  --subtle-button-normal-variant-primary-rank-pressed-state-icon-light-mode-color: var(--core-constant-gray-60-color);
  --subtle-button-padding-size: 0px;
  --subtle-button-width-multiplier: 1;

  /* ========== swipe-action ========== */
  --swipe-action-corner-radius: var(--core-radius-100);
  --swipe-action-destructive-variant-background-color: var(--swipe-action-destructive-variant-background-light-mode-color);
  --swipe-action-destructive-variant-background-dark-mode-color: var(--core-critical-fill-dark-mode-color);
  --swipe-action-destructive-variant-background-light-mode-color: var(--core-critical-fill-light-mode-color);
  --swipe-action-destructive-variant-foreground-color: var(--swipe-action-destructive-variant-foreground-light-mode-color);
  --swipe-action-destructive-variant-foreground-dark-mode-color: var(--core-text-white-dark-mode-color);
  --swipe-action-destructive-variant-foreground-light-mode-color: var(--core-text-white-light-mode-color);
  --swipe-action-primary-variant-background-color: var(--swipe-action-primary-variant-background-light-mode-color);
  --swipe-action-primary-variant-background-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --swipe-action-primary-variant-background-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --swipe-action-primary-variant-foreground-color: var(--swipe-action-primary-variant-foreground-light-mode-color);
  --swipe-action-primary-variant-foreground-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --swipe-action-primary-variant-foreground-light-mode-color: var(--core-text-inverse-light-mode-color);
  --swipe-action-secondary-variant-background-color: var(--swipe-action-secondary-variant-background-light-mode-color);
  --swipe-action-secondary-variant-background-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --swipe-action-secondary-variant-background-light-mode-color: var(--core-fill-40-light-mode-color);
  --swipe-action-secondary-variant-foreground-color: var(--swipe-action-secondary-variant-foreground-light-mode-color);
  --swipe-action-secondary-variant-foreground-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --swipe-action-secondary-variant-foreground-light-mode-color: var(--core-emphasis-text-light-mode-color);

  /* ========== tabbar ========== */
  --tabbar-accessory-disabled-state-content-color: var(--tabbar-accessory-disabled-state-content-light-mode-color);
  --tabbar-accessory-disabled-state-content-dark-mode-color: var(--core-text-30-dark-mode-color);
  --tabbar-accessory-disabled-state-content-light-mode-color: var(--core-text-30-light-mode-color);
  --tabbar-accessory-hover-state-content-color: var(--tabbar-accessory-hover-state-content-light-mode-color);
  --tabbar-accessory-hover-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --tabbar-accessory-hover-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --tabbar-accessory-normal-state-content-color: var(--tabbar-accessory-normal-state-content-light-mode-color);
  --tabbar-accessory-normal-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --tabbar-accessory-normal-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --tabbar-accessory-pressed-state-content-color: var(--tabbar-accessory-pressed-state-content-light-mode-color);
  --tabbar-accessory-pressed-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --tabbar-accessory-pressed-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --tabbar-background-color: var(--tabbar-background-light-mode-color);
  --tabbar-background-dark-mode-color: var(--core-surface-5-dark-mode-color);
  --tabbar-background-light-mode-color: var(--core-surface-5-light-mode-color);
  --tabbar-bottom-label-style-item-spacing: var(--tabbar-icon-only-style-item-spacing);
  --tabbar-bottom-label-style-padding-bottom: var(--tabbar-icon-only-style-padding-bottom);
  --tabbar-bottom-label-style-padding-left: var(--tabbar-icon-only-style-padding-left);
  --tabbar-bottom-label-style-padding-right: var(--tabbar-icon-only-style-padding-right);
  --tabbar-bottom-label-style-padding-top: var(--tabbar-icon-only-style-padding-top);
  --tabbar-divider-color: var(--tabbar-divider-light-mode-color);
  --tabbar-divider-dark-mode-color: var(--core-divider-20-dark-mode-color);
  --tabbar-divider-light-mode-color: var(--core-divider-20-light-mode-color);
  --tabbar-divider-size: var(--core-border-10);
  --tabbar-icon-only-style-item-spacing: var(--core-metrics-spacing-50);
  --tabbar-icon-only-style-padding-bottom: var(--core-metrics-spacing-50);
  --tabbar-icon-only-style-padding-left: var(--core-metrics-spacing-50);
  --tabbar-icon-only-style-padding-right: var(--core-metrics-spacing-50);
  --tabbar-icon-only-style-padding-top: var(--core-metrics-spacing-50);
  --tabbar-item-bottom-label-style-icon-size-height: var(--core-icon-medium-size-height);
  --tabbar-item-bottom-label-style-icon-size-width: var(--core-icon-medium-size-width);
  --tabbar-item-bottom-label-style-icon-text-gap: var(--core-metrics-spacing-25);
  --tabbar-item-bottom-label-style-padding-bottom: var(--core-metrics-spacing-100);
  --tabbar-item-bottom-label-style-padding-left: var(--core-metrics-spacing-50);
  --tabbar-item-bottom-label-style-padding-right: var(--core-metrics-spacing-50);
  --tabbar-item-bottom-label-style-padding-top: var(--core-metrics-spacing-100);
  --tabbar-item-bottom-label-style-text-case: var(--core-type-semibold-10-case);
  --tabbar-item-bottom-label-style-text-font-family: var(--core-type-semibold-10-font-family);
  --tabbar-item-bottom-label-style-text-leading: var(--core-type-semibold-10-leading);
  --tabbar-item-bottom-label-style-text-number-spacing: var(--core-type-semibold-10-number-spacing);
  --tabbar-item-bottom-label-style-text-scale: var(--core-type-semibold-10-scale);
  --tabbar-item-bottom-label-style-text-size: 10px;
  --tabbar-item-bottom-label-style-text-tracking: var(--core-type-semibold-10-tracking);
  --tabbar-item-bottom-label-style-text-weight: var(--core-type-semibold-10-weight);
  --tabbar-item-corner-radius: var(--core-radius-200);
  --tabbar-item-icon-only-style-icon-size-height: var(--core-icon-medium-size-height);
  --tabbar-item-icon-only-style-icon-size-width: var(--core-icon-medium-size-width);
  --tabbar-item-icon-only-style-icon-text-gap: 0px;
  --tabbar-item-icon-only-style-padding-bottom: var(--core-metrics-spacing-150);
  --tabbar-item-icon-only-style-padding-left: var(--core-metrics-spacing-150);
  --tabbar-item-icon-only-style-padding-right: var(--core-metrics-spacing-150);
  --tabbar-item-icon-only-style-padding-top: var(--core-metrics-spacing-150);
  --tabbar-item-icon-only-style-text-case: var(--core-type-semibold-10-case);
  --tabbar-item-icon-only-style-text-font-family: var(--core-type-semibold-10-font-family);
  --tabbar-item-icon-only-style-text-leading: var(--core-type-semibold-10-leading);
  --tabbar-item-icon-only-style-text-number-spacing: var(--core-type-semibold-10-number-spacing);
  --tabbar-item-icon-only-style-text-scale: var(--core-type-semibold-10-scale);
  --tabbar-item-icon-only-style-text-size: 10px;
  --tabbar-item-icon-only-style-text-tracking: var(--core-type-semibold-10-tracking);
  --tabbar-item-icon-only-style-text-weight: var(--core-type-semibold-10-weight);
  --tabbar-item-selected-value-disabled-state-background-color: var(--tabbar-item-selected-value-disabled-state-background-light-mode-color);
  --tabbar-item-selected-value-disabled-state-background-dark-mode-color: var(--core-transparent-dark-mode-color);
  --tabbar-item-selected-value-disabled-state-background-light-mode-color: var(--core-transparent-light-mode-color);
  --tabbar-item-selected-value-disabled-state-content-color: var(--tabbar-item-selected-value-disabled-state-content-light-mode-color);
  --tabbar-item-selected-value-disabled-state-content-dark-mode-color: var(--core-text-30-dark-mode-color);
  --tabbar-item-selected-value-disabled-state-content-light-mode-color: var(--core-text-30-light-mode-color);
  --tabbar-item-selected-value-hover-state-background-color: var(--tabbar-item-selected-value-hover-state-background-light-mode-color);
  --tabbar-item-selected-value-hover-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --tabbar-item-selected-value-hover-state-background-light-mode-color: var(--core-fill-30-light-mode-color);
  --tabbar-item-selected-value-hover-state-content-color: var(--tabbar-item-selected-value-hover-state-content-light-mode-color);
  --tabbar-item-selected-value-hover-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --tabbar-item-selected-value-hover-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --tabbar-item-selected-value-normal-state-background-color: var(--tabbar-item-selected-value-normal-state-background-light-mode-color);
  --tabbar-item-selected-value-normal-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --tabbar-item-selected-value-normal-state-background-light-mode-color: var(--core-fill-40-light-mode-color);
  --tabbar-item-selected-value-normal-state-content-color: var(--tabbar-item-selected-value-normal-state-content-light-mode-color);
  --tabbar-item-selected-value-normal-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --tabbar-item-selected-value-normal-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --tabbar-item-selected-value-pressed-state-background-color: var(--tabbar-item-selected-value-pressed-state-background-light-mode-color);
  --tabbar-item-selected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --tabbar-item-selected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --tabbar-item-selected-value-pressed-state-content-color: var(--tabbar-item-selected-value-pressed-state-content-light-mode-color);
  --tabbar-item-selected-value-pressed-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --tabbar-item-selected-value-pressed-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --tabbar-item-side-label-style-icon-size-height: var(--core-icon-medium-size-height);
  --tabbar-item-side-label-style-icon-size-width: var(--core-icon-medium-size-width);
  --tabbar-item-side-label-style-icon-text-gap: var(--core-metrics-spacing-100);
  --tabbar-item-side-label-style-padding-bottom: var(--core-metrics-spacing-100);
  --tabbar-item-side-label-style-padding-left: var(--core-metrics-spacing-150);
  --tabbar-item-side-label-style-padding-right: var(--core-metrics-spacing-150);
  --tabbar-item-side-label-style-padding-top: var(--core-metrics-spacing-100);
  --tabbar-item-side-label-style-text-case: var(--core-type-semibold-20-case);
  --tabbar-item-side-label-style-text-font-family: var(--core-type-semibold-20-font-family);
  --tabbar-item-side-label-style-text-leading: var(--core-type-semibold-20-leading);
  --tabbar-item-side-label-style-text-number-spacing: var(--core-type-semibold-20-number-spacing);
  --tabbar-item-side-label-style-text-scale: var(--core-type-semibold-20-scale);
  --tabbar-item-side-label-style-text-size: var(--core-type-semibold-20-size);
  --tabbar-item-side-label-style-text-tracking: var(--core-type-semibold-20-tracking);
  --tabbar-item-side-label-style-text-weight: var(--core-type-semibold-20-weight);
  --tabbar-item-side-label-wide-style-icon-size-height: var(--tabbar-item-side-label-style-icon-size-height);
  --tabbar-item-side-label-wide-style-icon-size-width: var(--tabbar-item-side-label-style-icon-size-width);
  --tabbar-item-side-label-wide-style-icon-text-gap: var(--tabbar-item-side-label-style-icon-text-gap);
  --tabbar-item-side-label-wide-style-padding-bottom: var(--core-metrics-spacing-150);
  --tabbar-item-side-label-wide-style-padding-left: var(--tabbar-item-side-label-style-padding-left);
  --tabbar-item-side-label-wide-style-padding-right: var(--tabbar-item-side-label-style-padding-right);
  --tabbar-item-side-label-wide-style-padding-top: var(--core-metrics-spacing-150);
  --tabbar-item-side-label-wide-style-text-case: var(--tabbar-item-side-label-style-text-case);
  --tabbar-item-side-label-wide-style-text-font-family: var(--tabbar-item-side-label-style-text-font-family);
  --tabbar-item-side-label-wide-style-text-leading: var(--tabbar-item-side-label-style-text-leading);
  --tabbar-item-side-label-wide-style-text-number-spacing: var(--tabbar-item-side-label-style-text-number-spacing);
  --tabbar-item-side-label-wide-style-text-scale: var(--tabbar-item-side-label-style-text-scale);
  --tabbar-item-side-label-wide-style-text-size: var(--tabbar-item-side-label-style-text-size);
  --tabbar-item-side-label-wide-style-text-tracking: var(--tabbar-item-side-label-style-text-tracking);
  --tabbar-item-side-label-wide-style-text-weight: var(--tabbar-item-side-label-style-text-weight);
  --tabbar-item-unselected-value-disabled-state-background-color: var(--tabbar-item-unselected-value-disabled-state-background-light-mode-color);
  --tabbar-item-unselected-value-disabled-state-background-dark-mode-color: var(--core-transparent-dark-mode-color);
  --tabbar-item-unselected-value-disabled-state-background-light-mode-color: var(--core-transparent-light-mode-color);
  --tabbar-item-unselected-value-disabled-state-content-color: var(--tabbar-item-unselected-value-disabled-state-content-light-mode-color);
  --tabbar-item-unselected-value-disabled-state-content-dark-mode-color: var(--core-text-30-dark-mode-color);
  --tabbar-item-unselected-value-disabled-state-content-light-mode-color: var(--core-text-30-light-mode-color);
  --tabbar-item-unselected-value-hover-state-background-color: var(--tabbar-item-unselected-value-hover-state-background-light-mode-color);
  --tabbar-item-unselected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --tabbar-item-unselected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --tabbar-item-unselected-value-hover-state-content-color: var(--tabbar-item-unselected-value-hover-state-content-light-mode-color);
  --tabbar-item-unselected-value-hover-state-content-dark-mode-color: var(--core-text-10-dark-mode-color);
  --tabbar-item-unselected-value-hover-state-content-light-mode-color: var(--core-text-10-light-mode-color);
  --tabbar-item-unselected-value-normal-state-background-color: var(--tabbar-item-unselected-value-normal-state-background-light-mode-color);
  --tabbar-item-unselected-value-normal-state-background-dark-mode-color: var(--core-transparent-dark-mode-color);
  --tabbar-item-unselected-value-normal-state-background-light-mode-color: var(--core-transparent-light-mode-color);
  --tabbar-item-unselected-value-normal-state-content-color: var(--tabbar-item-unselected-value-normal-state-content-light-mode-color);
  --tabbar-item-unselected-value-normal-state-content-dark-mode-color: var(--core-text-10-dark-mode-color);
  --tabbar-item-unselected-value-normal-state-content-light-mode-color: var(--core-text-10-light-mode-color);
  --tabbar-item-unselected-value-pressed-state-background-color: var(--tabbar-item-unselected-value-pressed-state-background-light-mode-color);
  --tabbar-item-unselected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color);
  --tabbar-item-unselected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color);
  --tabbar-item-unselected-value-pressed-state-content-color: var(--tabbar-item-unselected-value-pressed-state-content-light-mode-color);
  --tabbar-item-unselected-value-pressed-state-content-dark-mode-color: var(--core-text-10-dark-mode-color);
  --tabbar-item-unselected-value-pressed-state-content-light-mode-color: var(--core-text-10-light-mode-color);
  --tabbar-side-label-style-item-spacing: var(--core-metrics-spacing-150);
  --tabbar-side-label-style-padding-bottom: var(--core-metrics-spacing-100);
  --tabbar-side-label-style-padding-left: var(--core-metrics-spacing-100);
  --tabbar-side-label-style-padding-right: var(--core-metrics-spacing-100);
  --tabbar-side-label-style-padding-top: var(--core-metrics-spacing-100);
  --tabbar-side-label-wide-style-item-spacing: var(--tabbar-side-label-style-item-spacing);
  --tabbar-side-label-wide-style-padding-bottom: var(--core-metrics-spacing-150);
  --tabbar-side-label-wide-style-padding-left: var(--tabbar-side-label-style-padding-left);
  --tabbar-side-label-wide-style-padding-right: var(--tabbar-side-label-style-padding-right);
  --tabbar-side-label-wide-style-padding-top: var(--core-metrics-spacing-150);

  /* ========== tableCell ========== */
  --table-cell-disabled-state-text-color: var(--table-cell-disabled-state-text-light-mode-color);
  --table-cell-disabled-state-text-dark-mode-color: var(--core-text-30-dark-mode-color);
  --table-cell-disabled-state-text-light-mode-color: var(--core-text-30-light-mode-color);
  --table-cell-focus-state-background-color: var(--table-cell-focus-state-background-light-mode-color);
  --table-cell-focus-state-background-dark-mode-color: var(--table-cell-hover-state-background-dark-mode-color);
  --table-cell-focus-state-background-light-mode-color: var(--table-cell-hover-state-background-light-mode-color);
  --table-cell-hover-state-background-color: var(--table-cell-hover-state-background-light-mode-color);
  --table-cell-hover-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color);
  --table-cell-hover-state-background-light-mode-color: var(--core-fill-50-light-mode-color);
  --table-cell-pressed-state-background-color: var(--table-cell-pressed-state-background-light-mode-color);
  --table-cell-pressed-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color);
  --table-cell-pressed-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color);
  --table-cell-selected-state-background-color: var(--table-cell-selected-state-background-light-mode-color);
  --table-cell-selected-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color);
  --table-cell-selected-state-background-light-mode-color: var(--core-fill-50-light-mode-color);

  /* ========== tag ========== */
  --tag-basic-format-bottom-padding: 7px;
  --tag-basic-format-left-padding: 12px;
  --tag-basic-format-right-padding: 8px;
  --tag-basic-format-top-padding: 7px;
  --tag-disabled-state-background-color: var(--tag-disabled-state-light-mode-background-color);
  --tag-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --tag-disabled-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --tag-disabled-state-dark-mode-label-color: var(--core-text-30-dark-mode-color);
  --tag-disabled-state-dark-mode-remove-indicator-color: var(--core-fill-30-dark-mode-color);
  --tag-disabled-state-icon-color: var(--tag-disabled-state-light-mode-icon-color);
  --tag-disabled-state-label-color: var(--tag-disabled-state-light-mode-label-color);
  --tag-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --tag-disabled-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --tag-disabled-state-light-mode-label-color: var(--core-text-30-light-mode-color);
  --tag-disabled-state-light-mode-remove-indicator-color: var(--core-fill-30-light-mode-color);
  --tag-disabled-state-remove-indicator-color: var(--tag-disabled-state-light-mode-remove-indicator-color);
  --tag-focus-state-background-color: var(--tag-focus-state-light-mode-background-color);
  --tag-focus-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);
  --tag-focus-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --tag-focus-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);
  --tag-focus-state-dark-mode-remove-indicator-color: var(--core-fill-20-dark-mode-color);
  --tag-focus-state-icon-color: var(--tag-focus-state-light-mode-icon-color);
  --tag-focus-state-label-color: var(--tag-focus-state-light-mode-label-color);
  --tag-focus-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);
  --tag-focus-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --tag-focus-state-light-mode-label-color: var(--core-text-10-light-mode-color);
  --tag-focus-state-light-mode-remove-indicator-color: var(--core-fill-20-light-mode-color);
  --tag-focus-state-remove-indicator-color: var(--tag-focus-state-light-mode-remove-indicator-color);
  --tag-horizontal-spacing: 4px;
  --tag-hover-state-background-color: var(--tag-hover-state-light-mode-background-color);
  --tag-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color);
  --tag-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --tag-hover-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);
  --tag-hover-state-dark-mode-remove-indicator-color: var(--core-fill-20-dark-mode-color);
  --tag-hover-state-icon-color: var(--tag-hover-state-light-mode-icon-color);
  --tag-hover-state-label-color: var(--tag-hover-state-light-mode-label-color);
  --tag-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color);
  --tag-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --tag-hover-state-light-mode-label-color: var(--core-text-10-light-mode-color);
  --tag-hover-state-light-mode-remove-indicator-color: var(--core-fill-20-light-mode-color);
  --tag-hover-state-remove-indicator-color: var(--tag-hover-state-light-mode-remove-indicator-color);
  --tag-minimum-width-multiplier: 1.5;
  --tag-normal-state-background-color: var(--tag-normal-state-light-mode-background-color);
  --tag-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color);
  --tag-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --tag-normal-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);
  --tag-normal-state-dark-mode-remove-indicator-color: var(--core-fill-20-dark-mode-color);
  --tag-normal-state-icon-color: var(--tag-normal-state-light-mode-icon-color);
  --tag-normal-state-label-color: var(--tag-normal-state-light-mode-label-color);
  --tag-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color);
  --tag-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --tag-normal-state-light-mode-label-color: var(--core-text-10-light-mode-color);
  --tag-normal-state-light-mode-remove-indicator-color: var(--core-fill-20-light-mode-color);
  --tag-normal-state-remove-indicator-color: var(--tag-normal-state-light-mode-remove-indicator-color);
  --tag-pressed-state-background-color: var(--tag-pressed-state-light-mode-background-color);
  --tag-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color);
  --tag-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color);
  --tag-pressed-state-dark-mode-label-color: var(--core-text-10-dark-mode-color);
  --tag-pressed-state-dark-mode-remove-indicator-color: var(--core-fill-20-dark-mode-color);
  --tag-pressed-state-icon-color: var(--tag-pressed-state-light-mode-icon-color);
  --tag-pressed-state-label-color: var(--tag-pressed-state-light-mode-label-color);
  --tag-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color);
  --tag-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color);
  --tag-pressed-state-light-mode-label-color: var(--core-text-10-light-mode-color);
  --tag-pressed-state-light-mode-remove-indicator-color: var(--core-fill-20-light-mode-color);
  --tag-pressed-state-remove-indicator-color: var(--tag-pressed-state-light-mode-remove-indicator-color);
  --tag-remove-indicator-height: 16px;
  --tag-remove-indicator-icon-height: 16px;
  --tag-remove-indicator-icon-scale: var(--core-type-paragraph-10-scale);
  --tag-remove-indicator-icon-width: 16px;
  --tag-remove-indicator-scale: var(--core-type-paragraph-10-scale);
  --tag-remove-indicator-width: 16px;
  --tag-text-case: var(--core-type-paragraph-10-case);
  --tag-text-font-family: var(--core-type-paragraph-10-font-family);
  --tag-text-leading: var(--core-type-paragraph-10-leading);
  --tag-text-number-spacing: var(--core-type-paragraph-10-number-spacing);
  --tag-text-scale: var(--core-type-paragraph-10-scale);
  --tag-text-size: var(--core-type-paragraph-10-size);
  --tag-text-tracking: var(--core-type-paragraph-10-tracking);
  --tag-text-weight: var(--core-type-paragraph-10-weight);
  --tag-with-icon-format-bottom-padding: 8px;
  --tag-with-icon-format-left-padding: 8px;
  --tag-with-icon-format-right-padding: 8px;
  --tag-with-icon-format-top-padding: 8px;

  /* ========== text-link-group ========== */
  --text-link-group-horizontal-spacing: var(--core-metrics-spacing-150);
  --text-link-group-separator-color: var(--text-link-group-separator-light-mode-color);
  --text-link-group-separator-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --text-link-group-separator-height: 8px;
  --text-link-group-separator-light-mode-color: var(--core-fill-10-light-mode-color);
  --text-link-group-separator-opacity: 0.3;
  --text-link-group-separator-width: 1px;
  --text-link-group-vertical-spacing: var(--core-metrics-spacing-200);

  /* ========== text-link ========== */
  --text-link-destructive-variant-color: var(--text-link-destructive-variant-light-mode-color);
  --text-link-destructive-variant-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --text-link-destructive-variant-disabled-state-color: var(--text-link-destructive-variant-disabled-state-light-mode-color);
  --text-link-destructive-variant-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);
  --text-link-destructive-variant-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);
  --text-link-destructive-variant-hover-state-color: var(--text-link-destructive-variant-hover-state-light-mode-color);
  --text-link-destructive-variant-hover-state-dark-mode-color: var(--core-critical-20-dark-mode-color);
  --text-link-destructive-variant-hover-state-light-mode-color: var(--core-critical-20-light-mode-color);
  --text-link-destructive-variant-light-mode-color: var(--core-critical-text-light-mode-color);
  --text-link-destructive-variant-normal-state-color: var(--text-link-destructive-variant-normal-state-light-mode-color);
  --text-link-destructive-variant-normal-state-dark-mode-color: var(--core-critical-text-dark-mode-color);
  --text-link-destructive-variant-normal-state-light-mode-color: var(--core-critical-text-light-mode-color);
  --text-link-destructive-variant-pressed-state-color: var(--text-link-destructive-variant-pressed-state-light-mode-color);
  --text-link-destructive-variant-pressed-state-dark-mode-color: var(--core-critical-10-dark-mode-color);
  --text-link-destructive-variant-pressed-state-light-mode-color: var(--core-critical-10-light-mode-color);
  --text-link-disabled-state-opacity: 0.3;
  --text-link-hover-state-opacity: 0.6;
  --text-link-inline-style-disabled-state-underline-size: 1px;
  --text-link-inline-style-hover-state-underline-size: 1px;
  --text-link-inline-style-normal-state-underline-size: 1px;
  --text-link-inline-style-pressed-state-underline-size: 1px;
  --text-link-inverted-variant-disabled-state-color: var(--text-link-inverted-variant-disabled-state-light-mode-color);
  --text-link-inverted-variant-disabled-state-dark-mode-color: var(--core-text-30-light-mode-color);
  --text-link-inverted-variant-disabled-state-light-mode-color: var(--core-text-30-dark-mode-color);
  --text-link-inverted-variant-disabled-state-opacity: 0.3;
  --text-link-inverted-variant-hover-state-color: var(--text-link-inverted-variant-hover-state-light-mode-color);
  --text-link-inverted-variant-hover-state-dark-mode-color: var(--core-constant-gray-45-color);
  --text-link-inverted-variant-hover-state-light-mode-color: var(--core-constant-gray-85-color);
  --text-link-inverted-variant-normal-state-color: var(--text-link-inverted-variant-normal-state-light-mode-color);
  --text-link-inverted-variant-normal-state-dark-mode-color: var(--core-emphasis-text-light-mode-color);
  --text-link-inverted-variant-normal-state-light-mode-color: var(--core-emphasis-text-dark-mode-color);
  --text-link-inverted-variant-pressed-state-color: var(--text-link-inverted-variant-pressed-state-light-mode-color);
  --text-link-inverted-variant-pressed-state-dark-mode-color: 767676;
  --text-link-inverted-variant-pressed-state-light-mode-color: var(--core-constant-gray-60-color);
  --text-link-medium-size-text-case: var(--core-type-semibold-30-case);
  --text-link-medium-size-text-font-family: var(--core-type-semibold-30-font-family);
  --text-link-medium-size-text-leading: var(--core-type-semibold-30-leading);
  --text-link-medium-size-text-number-spacing: var(--core-type-semibold-30-number-spacing);
  --text-link-medium-size-text-scale: var(--core-type-semibold-30-scale);
  --text-link-medium-size-text-size: var(--core-type-semibold-30-size);
  --text-link-medium-size-text-tracking: var(--core-type-semibold-30-tracking);
  --text-link-medium-size-text-weight: var(--core-type-semibold-30-weight);
  --text-link-medium-size-vertical-padding: 0px;
  --text-link-normal-state-opacity: 1;
  --text-link-normal-variant-color: var(--text-link-normal-variant-light-mode-color);
  --text-link-normal-variant-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --text-link-normal-variant-disabled-state-color: var(--text-link-normal-variant-disabled-state-light-mode-color);
  --text-link-normal-variant-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);
  --text-link-normal-variant-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);
  --text-link-normal-variant-hover-state-color: var(--text-link-normal-variant-hover-state-light-mode-color);
  --text-link-normal-variant-hover-state-dark-mode-color: var(--core-constant-gray-85-color);
  --text-link-normal-variant-hover-state-light-mode-color: var(--core-constant-gray-45-color);
  --text-link-normal-variant-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --text-link-normal-variant-normal-state-color: var(--text-link-normal-variant-normal-state-light-mode-color);
  --text-link-normal-variant-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --text-link-normal-variant-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --text-link-normal-variant-pressed-state-color: var(--text-link-normal-variant-pressed-state-light-mode-color);
  --text-link-normal-variant-pressed-state-dark-mode-color: var(--core-constant-gray-60-color);
  --text-link-normal-variant-pressed-state-light-mode-color: #767676;
  --text-link-pressed-state-opacity: 0.6;
  --text-link-small-size-text-case: var(--core-type-semibold-20-case);
  --text-link-small-size-text-font-family: var(--core-type-semibold-20-font-family);
  --text-link-small-size-text-leading: var(--core-type-semibold-20-leading);
  --text-link-small-size-text-number-spacing: var(--core-type-semibold-20-number-spacing);
  --text-link-small-size-text-scale: var(--core-type-semibold-20-scale);
  --text-link-small-size-text-size: var(--core-type-semibold-20-size);
  --text-link-small-size-text-tracking: var(--core-type-semibold-20-tracking);
  --text-link-small-size-text-weight: var(--core-type-semibold-20-weight);
  --text-link-small-size-vertical-padding: 0px;
  --text-link-standalone-style-disabled-state-underline-size: 1px;
  --text-link-standalone-style-hover-state-underline-size: 1px;
  --text-link-standalone-style-normal-state-underline-size: 1px;
  --text-link-standalone-style-pressed-state-underline-size: 1px;

  /* ========== textarea ========== */
  --textarea-font-case: var(--core-type-paragraph-30-case);
  --textarea-font-font-family: var(--core-type-paragraph-30-font-family);
  --textarea-font-leading: var(--core-type-paragraph-30-leading);
  --textarea-font-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --textarea-font-scale: var(--core-type-paragraph-30-scale);
  --textarea-font-size: var(--core-type-paragraph-30-size);
  --textarea-font-tracking: var(--core-type-paragraph-30-tracking);
  --textarea-font-weight: var(--core-type-paragraph-30-weight);
  --textarea-height: 112px;
  --textarea-maximum-height: 320px;
  --textarea-min-height: var(--textarea-minimum-height);
  --textarea-minimum-height: var(--textarea-height);
  --textarea-placeholder-color: var(--textarea-placeholder-light-mode-color);
  --textarea-placeholder-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --textarea-placeholder-light-mode-color: var(--core-fill-30-light-mode-color);
  --textarea-selection-caret-color: var(--textarea-selection-caret-light-mode-color);
  --textarea-selection-caret-dark-mode-color: var(--textarea-selection-text-cursor-dark-mode-color);
  --textarea-selection-caret-light-mode-color: var(--textarea-selection-text-cursor-light-mode-color);
  --textarea-selection-highlight-color: var(--textarea-selection-highlight-light-mode-color);
  --textarea-selection-highlight-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --textarea-selection-highlight-light-mode-color: var(--core-fill-30-light-mode-color);
  --textarea-selection-text-cursor-color: var(--textarea-selection-text-cursor-light-mode-color);
  --textarea-selection-text-cursor-dark-mode-color: var(--core-text-10-dark-mode-color);
  --textarea-selection-text-cursor-light-mode-color: var(--core-text-10-light-mode-color);

  /* ========== toast ========== */
  --toast-accent-color: var(--toast-accent-light-mode-color);
  --toast-accent-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --toast-accent-light-mode-color: var(--core-fill-10-light-mode-color);
  --toast-background-color: var(--toast-background-light-mode-color);
  --toast-background-dark-mode-color: var(--core-surface-inverse-dark-mode-color);
  --toast-background-light-mode-color: var(--core-surface-inverse-light-mode-color);
  --toast-button-gap: var(--core-metrics-spacing-150);
  --toast-button-spacing: var(--toast-button-gap);
  --toast-button-text-case: var(--core-type-semibold-30-case);
  --toast-button-text-font-family: var(--core-type-semibold-30-font-family);
  --toast-button-text-leading: var(--core-type-semibold-30-leading);
  --toast-button-text-number-spacing: var(--core-type-semibold-30-number-spacing);
  --toast-button-text-scale: var(--core-type-semibold-30-scale);
  --toast-button-text-size: var(--core-type-semibold-30-size);
  --toast-button-text-tracking: var(--core-type-semibold-30-tracking);
  --toast-button-text-weight: var(--core-type-semibold-30-weight);
  --toast-content-gap: var(--core-metrics-spacing-150);
  --toast-content-spacing: var(--toast-content-gap);
  --toast-critical-variant-accent-color: var(--toast-critical-variant-accent-light-mode-color);
  --toast-critical-variant-accent-dark-mode-color: var(--core-fill-white-dark-mode-color);
  --toast-critical-variant-accent-light-mode-color: var(--core-fill-white-light-mode-color);
  --toast-critical-variant-background-color: var(--toast-critical-variant-background-light-mode-color);
  --toast-critical-variant-background-dark-mode-color: var(--core-critical-fill-dark-mode-color);
  --toast-critical-variant-background-light-mode-color: var(--core-critical-fill-light-mode-color);
  --toast-critical-variant-button-text-color: var(--toast-critical-variant-button-text-light-mode-color);
  --toast-critical-variant-button-text-dark-mode-color: var(--toast-critical-variant-link-dark-mode-color);
  --toast-critical-variant-button-text-light-mode-color: var(--toast-critical-variant-link-light-mode-color);
  --toast-critical-variant-dismiss-button-color: var(--toast-critical-variant-dismiss-button-light-mode-color);
  --toast-critical-variant-dismiss-button-dark-mode-color: var(--core-fill-white-dark-mode-color);
  --toast-critical-variant-dismiss-button-light-mode-color: var(--core-fill-white-light-mode-color);
  --toast-critical-variant-icon-color: var(--toast-critical-variant-icon-light-mode-color);
  --toast-critical-variant-icon-dark-mode-color: var(--core-fill-white-dark-mode-color);
  --toast-critical-variant-icon-light-mode-color: var(--core-fill-white-light-mode-color);
  --toast-critical-variant-link-color: var(--toast-critical-variant-link-light-mode-color);
  --toast-critical-variant-link-dark-mode-color: var(--core-text-white-dark-mode-color);
  --toast-critical-variant-link-light-mode-color: var(--core-text-white-light-mode-color);
  --toast-critical-variant-progress-bar-color: var(--toast-critical-variant-progress-bar-light-mode-color);
  --toast-critical-variant-progress-bar-dark-mode-color: var(--toast-critical-variant-accent-dark-mode-color);
  --toast-critical-variant-progress-bar-light-mode-color: var(--toast-critical-variant-accent-light-mode-color);
  --toast-critical-variant-separator-color: var(--toast-critical-variant-separator-light-mode-color);
  --toast-critical-variant-separator-dark-mode-color: var(--toast-critical-variant-link-dark-mode-color);
  --toast-critical-variant-separator-light-mode-color: var(--toast-critical-variant-link-light-mode-color);
  --toast-critical-variant-text-color: var(--toast-critical-variant-text-light-mode-color);
  --toast-critical-variant-text-dark-mode-color: var(--core-text-white-dark-mode-color);
  --toast-critical-variant-text-light-mode-color: var(--core-text-white-light-mode-color);
  --toast-dismiss-button-color: var(--toast-dismiss-button-light-mode-color);
  --toast-dismiss-button-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --toast-dismiss-button-light-mode-color: var(--core-text-inverse-light-mode-color);
  --toast-dismissal-delay-long-duration: 10.00s;
  --toast-dismissal-delay-medium-duration: 5.00s;
  --toast-dismissal-delay-short-duration: 2.00s;
  --toast-horizontal-padding: var(--core-metrics-spacing-200);
  --toast-horizontal-padding-size: var(--toast-horizontal-padding);
  --toast-icon-color: var(--toast-icon-light-mode-color);
  --toast-icon-dark-mode-color: var(--toast-accent-dark-mode-color);
  --toast-icon-gap: var(--core-metrics-spacing-150);
  --toast-icon-light-mode-color: var(--toast-accent-light-mode-color);
  --toast-icon-spacing: var(--toast-icon-gap);
  --toast-info-variant-accent-color: var(--toast-info-variant-accent-light-mode-color);
  --toast-info-variant-accent-dark-mode-color: var(--core-emphasis-fill-dark-mode-color);
  --toast-info-variant-accent-light-mode-color: var(--core-emphasis-fill-light-mode-color);
  --toast-info-variant-background-color: var(--toast-info-variant-background-light-mode-color);
  --toast-info-variant-background-dark-mode-color: var(--toast-background-dark-mode-color);
  --toast-info-variant-background-light-mode-color: var(--toast-background-light-mode-color);
  --toast-info-variant-button-text-case: var(--toast-info-variant-link-case);
  --toast-info-variant-button-text-color: var(--toast-info-variant-button-text-light-mode-color);
  --toast-info-variant-button-text-dark-mode-color: var(--toast-info-variant-link-dark-mode-color);
  --toast-info-variant-button-text-font-family: var(--toast-info-variant-link-font-family);
  --toast-info-variant-button-text-leading: var(--toast-info-variant-link-leading);
  --toast-info-variant-button-text-light-mode-color: var(--toast-info-variant-link-light-mode-color);
  --toast-info-variant-button-text-multiline-gap: var(--toast-info-variant-link-multiline-gap);
  --toast-info-variant-button-text-multiline-spacing: var(--toast-info-variant-link-multiline-spacing);
  --toast-info-variant-button-text-number-spacing: var(--toast-info-variant-link-number-spacing);
  --toast-info-variant-button-text-scale: var(--toast-info-variant-link-scale);
  --toast-info-variant-button-text-size: var(--toast-info-variant-link-size);
  --toast-info-variant-button-text-tracking: var(--toast-info-variant-link-tracking);
  --toast-info-variant-button-text-weight: var(--toast-info-variant-link-weight);
  --toast-info-variant-dismiss-button-color: var(--toast-info-variant-dismiss-button-light-mode-color);
  --toast-info-variant-dismiss-button-dark-mode-color: var(--toast-dismiss-button-dark-mode-color);
  --toast-info-variant-dismiss-button-light-mode-color: var(--toast-dismiss-button-light-mode-color);
  --toast-info-variant-icon-color: var(--toast-info-variant-icon-light-mode-color);
  --toast-info-variant-icon-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --toast-info-variant-icon-light-mode-color: var(--core-text-inverse-light-mode-color);
  --toast-info-variant-link-case: var(--toast-info-variant-text-case);
  --toast-info-variant-link-color: var(--toast-info-variant-link-light-mode-color);
  --toast-info-variant-link-dark-mode-color: var(--toast-info-variant-text-dark-mode-color);
  --toast-info-variant-link-font-family: var(--toast-info-variant-text-font-family);
  --toast-info-variant-link-leading: var(--toast-info-variant-text-leading);
  --toast-info-variant-link-light-mode-color: var(--toast-info-variant-text-light-mode-color);
  --toast-info-variant-link-multiline-gap: var(--toast-info-variant-text-multiline-gap);
  --toast-info-variant-link-multiline-spacing: var(--toast-info-variant-text-multiline-spacing);
  --toast-info-variant-link-number-spacing: var(--toast-info-variant-text-number-spacing);
  --toast-info-variant-link-scale: var(--toast-info-variant-text-scale);
  --toast-info-variant-link-size: var(--toast-info-variant-text-size);
  --toast-info-variant-link-tracking: var(--toast-info-variant-text-tracking);
  --toast-info-variant-link-weight: var(--toast-info-variant-text-weight);
  --toast-info-variant-progress-bar-color: var(--toast-info-variant-progress-bar-light-mode-color);
  --toast-info-variant-progress-bar-dark-mode-color: var(--core-fill-40-dark-mode-color);
  --toast-info-variant-progress-bar-light-mode-color: var(--core-fill-40-light-mode-color);
  --toast-info-variant-separator-case: var(--toast-info-variant-link-case);
  --toast-info-variant-separator-color: var(--toast-info-variant-separator-light-mode-color);
  --toast-info-variant-separator-dark-mode-color: var(--toast-info-variant-link-dark-mode-color);
  --toast-info-variant-separator-font-family: var(--toast-info-variant-link-font-family);
  --toast-info-variant-separator-leading: var(--toast-info-variant-link-leading);
  --toast-info-variant-separator-light-mode-color: var(--toast-info-variant-link-light-mode-color);
  --toast-info-variant-separator-multiline-gap: var(--toast-info-variant-link-multiline-gap);
  --toast-info-variant-separator-multiline-spacing: var(--toast-info-variant-link-multiline-spacing);
  --toast-info-variant-separator-number-spacing: var(--toast-info-variant-link-number-spacing);
  --toast-info-variant-separator-scale: var(--toast-info-variant-link-scale);
  --toast-info-variant-separator-size: var(--toast-info-variant-link-size);
  --toast-info-variant-separator-tracking: var(--toast-info-variant-link-tracking);
  --toast-info-variant-separator-weight: var(--toast-info-variant-link-weight);
  --toast-info-variant-text-case: var(--toast-text-case);
  --toast-info-variant-text-color: var(--toast-info-variant-text-light-mode-color);
  --toast-info-variant-text-dark-mode-color: var(--toast-text-dark-mode-color);
  --toast-info-variant-text-font-family: var(--toast-text-font-family);
  --toast-info-variant-text-leading: var(--toast-text-leading);
  --toast-info-variant-text-light-mode-color: var(--toast-text-light-mode-color);
  --toast-info-variant-text-multiline-gap: var(--toast-text-multiline-gap);
  --toast-info-variant-text-multiline-spacing: var(--toast-text-multiline-spacing);
  --toast-info-variant-text-number-spacing: var(--toast-text-number-spacing);
  --toast-info-variant-text-scale: var(--toast-text-scale);
  --toast-info-variant-text-size: var(--toast-text-size);
  --toast-info-variant-text-tracking: var(--toast-text-tracking);
  --toast-info-variant-text-weight: var(--toast-text-weight);
  --toast-insight-variant-accent-color: var(--toast-insight-variant-accent-light-mode-color);
  --toast-insight-variant-accent-dark-mode-color: var(--core-purple-fill-dark-mode-color);
  --toast-insight-variant-accent-light-mode-color: var(--core-purple-fill-light-mode-color);
  --toast-insight-variant-background-color: var(--toast-insight-variant-background-light-mode-color);
  --toast-insight-variant-background-dark-mode-color: var(--core-surface-10-dark-mode-color);
  --toast-insight-variant-background-light-mode-color: var(--core-surface-10-light-mode-color);
  --toast-insight-variant-button-text-color: var(--toast-insight-variant-button-text-light-mode-color);
  --toast-insight-variant-button-text-dark-mode-color: var(--toast-insight-variant-link-dark-mode-color);
  --toast-insight-variant-button-text-light-mode-color: var(--toast-insight-variant-link-light-mode-color);
  --toast-insight-variant-dismiss-button-color: var(--toast-insight-variant-dismiss-button-light-mode-color);
  --toast-insight-variant-dismiss-button-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --toast-insight-variant-dismiss-button-light-mode-color: var(--core-fill-10-light-mode-color);
  --toast-insight-variant-icon-color: var(--toast-insight-variant-icon-light-mode-color);
  --toast-insight-variant-icon-dark-mode-color: var(--toast-insight-variant-accent-dark-mode-color);
  --toast-insight-variant-icon-light-mode-color: var(--toast-insight-variant-accent-light-mode-color);
  --toast-insight-variant-link-color: var(--toast-insight-variant-link-light-mode-color);
  --toast-insight-variant-link-dark-mode-color: var(--toast-insight-variant-text-dark-mode-color);
  --toast-insight-variant-link-light-mode-color: var(--toast-insight-variant-text-light-mode-color);
  --toast-insight-variant-progress-bar-color: var(--toast-insight-variant-progress-bar-light-mode-color);
  --toast-insight-variant-progress-bar-dark-mode-color: var(--toast-insight-variant-accent-dark-mode-color);
  --toast-insight-variant-progress-bar-light-mode-color: var(--toast-insight-variant-accent-light-mode-color);
  --toast-insight-variant-separator-color: var(--toast-insight-variant-separator-light-mode-color);
  --toast-insight-variant-separator-dark-mode-color: var(--toast-insight-variant-link-dark-mode-color);
  --toast-insight-variant-separator-light-mode-color: var(--toast-insight-variant-link-light-mode-color);
  --toast-insight-variant-text-color: var(--toast-insight-variant-text-light-mode-color);
  --toast-insight-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color);
  --toast-insight-variant-text-light-mode-color: var(--core-text-10-light-mode-color);
  --toast-link-destructive-variant-color: var(--toast-link-destructive-variant-light-mode-color);
  --toast-link-destructive-variant-dark-mode-color: var(--text-link-destructive-variant-dark-mode-color);
  --toast-link-destructive-variant-disabled-state-color: var(--toast-link-destructive-variant-disabled-state-light-mode-color);
  --toast-link-destructive-variant-disabled-state-dark-mode-color: var(--text-link-destructive-variant-disabled-state-dark-mode-color);
  --toast-link-destructive-variant-disabled-state-light-mode-color: var(--text-link-destructive-variant-disabled-state-light-mode-color);
  --toast-link-destructive-variant-hover-state-color: var(--toast-link-destructive-variant-hover-state-light-mode-color);
  --toast-link-destructive-variant-hover-state-dark-mode-color: var(--text-link-destructive-variant-hover-state-dark-mode-color);
  --toast-link-destructive-variant-hover-state-light-mode-color: var(--text-link-destructive-variant-hover-state-light-mode-color);
  --toast-link-destructive-variant-light-mode-color: var(--text-link-destructive-variant-light-mode-color);
  --toast-link-destructive-variant-normal-state-color: var(--toast-link-destructive-variant-normal-state-light-mode-color);
  --toast-link-destructive-variant-normal-state-dark-mode-color: var(--text-link-destructive-variant-normal-state-dark-mode-color);
  --toast-link-destructive-variant-normal-state-light-mode-color: var(--text-link-destructive-variant-normal-state-light-mode-color);
  --toast-link-destructive-variant-pressed-state-color: var(--toast-link-destructive-variant-pressed-state-light-mode-color);
  --toast-link-destructive-variant-pressed-state-dark-mode-color: var(--text-link-destructive-variant-pressed-state-dark-mode-color);
  --toast-link-destructive-variant-pressed-state-light-mode-color: var(--text-link-destructive-variant-pressed-state-light-mode-color);
  --toast-link-disabled-state-opacity: var(--text-link-disabled-state-opacity);
  --toast-link-hover-state-opacity: var(--text-link-hover-state-opacity);
  --toast-link-inline-style-disabled-state-underline-size: var(--text-link-inline-style-disabled-state-underline-size);
  --toast-link-inline-style-hover-state-underline-size: var(--text-link-inline-style-hover-state-underline-size);
  --toast-link-inline-style-normal-state-underline-size: var(--text-link-inline-style-normal-state-underline-size);
  --toast-link-inline-style-pressed-state-underline-size: var(--text-link-inline-style-pressed-state-underline-size);
  --toast-link-inverted-variant-disabled-state-color: var(--toast-link-inverted-variant-disabled-state-light-mode-color);
  --toast-link-inverted-variant-disabled-state-dark-mode-color: var(--text-link-inverted-variant-disabled-state-dark-mode-color);
  --toast-link-inverted-variant-disabled-state-light-mode-color: var(--text-link-inverted-variant-disabled-state-light-mode-color);
  --toast-link-inverted-variant-disabled-state-opacity: var(--text-link-inverted-variant-disabled-state-opacity);
  --toast-link-inverted-variant-hover-state-color: var(--toast-link-inverted-variant-hover-state-light-mode-color);
  --toast-link-inverted-variant-hover-state-dark-mode-color: var(--text-link-inverted-variant-hover-state-dark-mode-color);
  --toast-link-inverted-variant-hover-state-light-mode-color: var(--text-link-inverted-variant-hover-state-light-mode-color);
  --toast-link-inverted-variant-normal-state-color: var(--toast-link-inverted-variant-normal-state-light-mode-color);
  --toast-link-inverted-variant-normal-state-dark-mode-color: var(--text-link-inverted-variant-normal-state-dark-mode-color);
  --toast-link-inverted-variant-normal-state-light-mode-color: var(--text-link-inverted-variant-normal-state-light-mode-color);
  --toast-link-inverted-variant-pressed-state-color: var(--toast-link-inverted-variant-pressed-state-light-mode-color);
  --toast-link-inverted-variant-pressed-state-dark-mode-color: var(--text-link-inverted-variant-pressed-state-dark-mode-color);
  --toast-link-inverted-variant-pressed-state-light-mode-color: var(--text-link-inverted-variant-pressed-state-light-mode-color);
  --toast-link-medium-size-text-case: var(--text-link-medium-size-text-case);
  --toast-link-medium-size-text-font-family: var(--text-link-medium-size-text-font-family);
  --toast-link-medium-size-text-leading: var(--text-link-medium-size-text-leading);
  --toast-link-medium-size-text-number-spacing: var(--text-link-medium-size-text-number-spacing);
  --toast-link-medium-size-text-scale: var(--text-link-medium-size-text-scale);
  --toast-link-medium-size-text-size: var(--text-link-medium-size-text-size);
  --toast-link-medium-size-text-tracking: var(--text-link-medium-size-text-tracking);
  --toast-link-medium-size-text-weight: var(--text-link-medium-size-text-weight);
  --toast-link-medium-size-vertical-padding: var(--text-link-medium-size-vertical-padding);
  --toast-link-normal-state-opacity: var(--text-link-normal-state-opacity);
  --toast-link-normal-variant-color: var(--toast-link-normal-variant-light-mode-color);
  --toast-link-normal-variant-dark-mode-color: var(--text-link-normal-variant-dark-mode-color);
  --toast-link-normal-variant-disabled-state-color: var(--toast-link-normal-variant-disabled-state-light-mode-color);
  --toast-link-normal-variant-disabled-state-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);
  --toast-link-normal-variant-disabled-state-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color);
  --toast-link-normal-variant-hover-state-color: var(--toast-link-normal-variant-hover-state-light-mode-color);
  --toast-link-normal-variant-hover-state-dark-mode-color: var(--text-link-normal-variant-hover-state-dark-mode-color);
  --toast-link-normal-variant-hover-state-light-mode-color: var(--text-link-normal-variant-hover-state-light-mode-color);
  --toast-link-normal-variant-light-mode-color: var(--text-link-normal-variant-light-mode-color);
  --toast-link-normal-variant-normal-state-color: var(--toast-link-normal-variant-normal-state-light-mode-color);
  --toast-link-normal-variant-normal-state-dark-mode-color: var(--text-link-normal-variant-normal-state-dark-mode-color);
  --toast-link-normal-variant-normal-state-light-mode-color: var(--text-link-normal-variant-normal-state-light-mode-color);
  --toast-link-normal-variant-pressed-state-color: var(--toast-link-normal-variant-pressed-state-light-mode-color);
  --toast-link-normal-variant-pressed-state-dark-mode-color: var(--text-link-normal-variant-pressed-state-dark-mode-color);
  --toast-link-normal-variant-pressed-state-light-mode-color: var(--text-link-normal-variant-pressed-state-light-mode-color);
  --toast-link-pressed-state-opacity: var(--text-link-pressed-state-opacity);
  --toast-link-small-size-text-case: var(--text-link-small-size-text-case);
  --toast-link-small-size-text-font-family: var(--text-link-small-size-text-font-family);
  --toast-link-small-size-text-leading: var(--text-link-small-size-text-leading);
  --toast-link-small-size-text-number-spacing: var(--text-link-small-size-text-number-spacing);
  --toast-link-small-size-text-scale: var(--text-link-small-size-text-scale);
  --toast-link-small-size-text-size: var(--text-link-small-size-text-size);
  --toast-link-small-size-text-tracking: var(--text-link-small-size-text-tracking);
  --toast-link-small-size-text-weight: var(--text-link-small-size-text-weight);
  --toast-link-small-size-vertical-padding: var(--text-link-small-size-vertical-padding);
  --toast-link-standalone-style-disabled-state-underline-size: var(--text-link-standalone-style-disabled-state-underline-size);
  --toast-link-standalone-style-hover-state-underline-size: var(--text-link-standalone-style-hover-state-underline-size);
  --toast-link-standalone-style-normal-state-underline-size: var(--text-link-standalone-style-normal-state-underline-size);
  --toast-link-standalone-style-pressed-state-underline-size: var(--text-link-standalone-style-pressed-state-underline-size);
  --toast-maximum-width: 600px;
  --toast-progress-bar-color: var(--toast-progress-bar-light-mode-color);
  --toast-progress-bar-dark-mode-color: var(--core-fill-inverse-dark-mode-color);
  --toast-progress-bar-height: var(--core-metrics-spacing-50);
  --toast-progress-bar-light-mode-color: var(--core-fill-inverse-light-mode-color);
  --toast-radius: var(--core-radius-200);
  --toast-separator-height: var(--core-metrics-spacing-100);
  --toast-separator-opacity: 0.3;
  --toast-separator-width: 1px;
  --toast-success-variant-accent-color: var(--toast-success-variant-accent-light-mode-color);
  --toast-success-variant-accent-dark-mode-color: var(--core-success-fill-dark-mode-color);
  --toast-success-variant-accent-light-mode-color: var(--core-success-fill-light-mode-color);
  --toast-success-variant-background-color: var(--toast-success-variant-background-light-mode-color);
  --toast-success-variant-background-dark-mode-color: var(--toast-background-dark-mode-color);
  --toast-success-variant-background-light-mode-color: var(--toast-background-light-mode-color);
  --toast-success-variant-button-text-case: var(--toast-success-variant-link-case);
  --toast-success-variant-button-text-color: var(--toast-success-variant-button-text-light-mode-color);
  --toast-success-variant-button-text-dark-mode-color: var(--toast-success-variant-link-dark-mode-color);
  --toast-success-variant-button-text-font-family: var(--toast-success-variant-link-font-family);
  --toast-success-variant-button-text-leading: var(--toast-success-variant-link-leading);
  --toast-success-variant-button-text-light-mode-color: var(--toast-success-variant-link-light-mode-color);
  --toast-success-variant-button-text-multiline-gap: var(--toast-success-variant-link-multiline-gap);
  --toast-success-variant-button-text-multiline-spacing: var(--toast-success-variant-link-multiline-spacing);
  --toast-success-variant-button-text-number-spacing: var(--toast-success-variant-link-number-spacing);
  --toast-success-variant-button-text-scale: var(--toast-success-variant-link-scale);
  --toast-success-variant-button-text-size: var(--toast-success-variant-link-size);
  --toast-success-variant-button-text-tracking: var(--toast-success-variant-link-tracking);
  --toast-success-variant-button-text-weight: var(--toast-success-variant-link-weight);
  --toast-success-variant-dismiss-button-color: var(--toast-success-variant-dismiss-button-light-mode-color);
  --toast-success-variant-dismiss-button-dark-mode-color: var(--toast-dismiss-button-dark-mode-color);
  --toast-success-variant-dismiss-button-light-mode-color: var(--toast-dismiss-button-light-mode-color);
  --toast-success-variant-icon-color: var(--toast-success-variant-icon-light-mode-color);
  --toast-success-variant-icon-dark-mode-color: var(--toast-success-variant-accent-dark-mode-color);
  --toast-success-variant-icon-light-mode-color: var(--toast-success-variant-accent-light-mode-color);
  --toast-success-variant-link-case: var(--toast-success-variant-text-case);
  --toast-success-variant-link-color: var(--toast-success-variant-link-light-mode-color);
  --toast-success-variant-link-dark-mode-color: var(--toast-success-variant-text-dark-mode-color);
  --toast-success-variant-link-font-family: var(--toast-success-variant-text-font-family);
  --toast-success-variant-link-leading: var(--toast-success-variant-text-leading);
  --toast-success-variant-link-light-mode-color: var(--toast-success-variant-text-light-mode-color);
  --toast-success-variant-link-multiline-gap: var(--toast-success-variant-text-multiline-gap);
  --toast-success-variant-link-multiline-spacing: var(--toast-success-variant-text-multiline-spacing);
  --toast-success-variant-link-number-spacing: var(--toast-success-variant-text-number-spacing);
  --toast-success-variant-link-scale: var(--toast-success-variant-text-scale);
  --toast-success-variant-link-size: var(--toast-success-variant-text-size);
  --toast-success-variant-link-tracking: var(--toast-success-variant-text-tracking);
  --toast-success-variant-link-weight: var(--toast-success-variant-text-weight);
  --toast-success-variant-progress-bar-color: var(--toast-success-variant-progress-bar-light-mode-color);
  --toast-success-variant-progress-bar-dark-mode-color: var(--toast-success-variant-accent-dark-mode-color);
  --toast-success-variant-progress-bar-light-mode-color: var(--toast-success-variant-accent-light-mode-color);
  --toast-success-variant-separator-case: var(--toast-success-variant-link-case);
  --toast-success-variant-separator-color: var(--toast-success-variant-separator-light-mode-color);
  --toast-success-variant-separator-dark-mode-color: var(--toast-success-variant-link-dark-mode-color);
  --toast-success-variant-separator-font-family: var(--toast-success-variant-link-font-family);
  --toast-success-variant-separator-leading: var(--toast-success-variant-link-leading);
  --toast-success-variant-separator-light-mode-color: var(--toast-success-variant-link-light-mode-color);
  --toast-success-variant-separator-multiline-gap: var(--toast-success-variant-link-multiline-gap);
  --toast-success-variant-separator-multiline-spacing: var(--toast-success-variant-link-multiline-spacing);
  --toast-success-variant-separator-number-spacing: var(--toast-success-variant-link-number-spacing);
  --toast-success-variant-separator-scale: var(--toast-success-variant-link-scale);
  --toast-success-variant-separator-size: var(--toast-success-variant-link-size);
  --toast-success-variant-separator-tracking: var(--toast-success-variant-link-tracking);
  --toast-success-variant-separator-weight: var(--toast-success-variant-link-weight);
  --toast-success-variant-text-case: var(--toast-text-case);
  --toast-success-variant-text-color: var(--toast-success-variant-text-light-mode-color);
  --toast-success-variant-text-dark-mode-color: var(--toast-text-dark-mode-color);
  --toast-success-variant-text-font-family: var(--toast-text-font-family);
  --toast-success-variant-text-leading: var(--toast-text-leading);
  --toast-success-variant-text-light-mode-color: var(--toast-text-light-mode-color);
  --toast-success-variant-text-multiline-gap: var(--toast-text-multiline-gap);
  --toast-success-variant-text-multiline-spacing: var(--toast-text-multiline-spacing);
  --toast-success-variant-text-number-spacing: var(--toast-text-number-spacing);
  --toast-success-variant-text-scale: var(--toast-text-scale);
  --toast-success-variant-text-size: var(--toast-text-size);
  --toast-success-variant-text-tracking: var(--toast-text-tracking);
  --toast-success-variant-text-weight: var(--toast-text-weight);
  --toast-text-case: var(--core-type-paragraph-30-case);
  --toast-text-color: var(--toast-text-light-mode-color);
  --toast-text-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --toast-text-font-family: var(--core-type-paragraph-30-font-family);
  --toast-text-leading: var(--core-type-paragraph-30-leading);
  --toast-text-light-mode-color: var(--core-text-inverse-light-mode-color);
  --toast-text-multiline-gap: var(--core-metrics-spacing-150);
  --toast-text-multiline-spacing: var(--toast-text-multiline-gap);
  --toast-text-number-spacing: var(--core-type-paragraph-30-number-spacing);
  --toast-text-scale: var(--core-type-paragraph-30-scale);
  --toast-text-size: var(--core-type-paragraph-30-size);
  --toast-text-tracking: var(--core-type-paragraph-30-tracking);
  --toast-text-weight: var(--core-type-paragraph-30-weight);
  --toast-vertical-padding: var(--core-metrics-spacing-200);
  --toast-vertical-padding-size: var(--toast-vertical-padding);
  --toast-warning-variant-accent-color: var(--toast-warning-variant-accent-light-mode-color);
  --toast-warning-variant-accent-dark-mode-color: var(--core-warning-fill-dark-mode-color);
  --toast-warning-variant-accent-light-mode-color: var(--core-warning-fill-light-mode-color);
  --toast-warning-variant-background-color: var(--toast-warning-variant-background-light-mode-color);
  --toast-warning-variant-background-dark-mode-color: var(--toast-background-dark-mode-color);
  --toast-warning-variant-background-light-mode-color: var(--toast-background-light-mode-color);
  --toast-warning-variant-button-text-case: var(--toast-warning-variant-link-case);
  --toast-warning-variant-button-text-color: var(--toast-warning-variant-button-text-light-mode-color);
  --toast-warning-variant-button-text-dark-mode-color: var(--toast-warning-variant-link-dark-mode-color);
  --toast-warning-variant-button-text-font-family: var(--toast-warning-variant-link-font-family);
  --toast-warning-variant-button-text-leading: var(--toast-warning-variant-link-leading);
  --toast-warning-variant-button-text-light-mode-color: var(--toast-warning-variant-link-light-mode-color);
  --toast-warning-variant-button-text-multiline-gap: var(--toast-warning-variant-link-multiline-gap);
  --toast-warning-variant-button-text-multiline-spacing: var(--toast-warning-variant-link-multiline-spacing);
  --toast-warning-variant-button-text-number-spacing: var(--toast-warning-variant-link-number-spacing);
  --toast-warning-variant-button-text-scale: var(--toast-warning-variant-link-scale);
  --toast-warning-variant-button-text-size: var(--toast-warning-variant-link-size);
  --toast-warning-variant-button-text-tracking: var(--toast-warning-variant-link-tracking);
  --toast-warning-variant-button-text-weight: var(--toast-warning-variant-link-weight);
  --toast-warning-variant-dismiss-button-color: var(--toast-warning-variant-dismiss-button-light-mode-color);
  --toast-warning-variant-dismiss-button-dark-mode-color: var(--toast-dismiss-button-dark-mode-color);
  --toast-warning-variant-dismiss-button-light-mode-color: var(--toast-dismiss-button-light-mode-color);
  --toast-warning-variant-icon-color: var(--toast-warning-variant-icon-light-mode-color);
  --toast-warning-variant-icon-dark-mode-color: var(--toast-warning-variant-accent-dark-mode-color);
  --toast-warning-variant-icon-light-mode-color: var(--toast-warning-variant-accent-light-mode-color);
  --toast-warning-variant-link-case: var(--toast-warning-variant-text-case);
  --toast-warning-variant-link-color: var(--toast-warning-variant-link-light-mode-color);
  --toast-warning-variant-link-dark-mode-color: var(--toast-warning-variant-text-dark-mode-color);
  --toast-warning-variant-link-font-family: var(--toast-warning-variant-text-font-family);
  --toast-warning-variant-link-leading: var(--toast-warning-variant-text-leading);
  --toast-warning-variant-link-light-mode-color: var(--toast-warning-variant-text-light-mode-color);
  --toast-warning-variant-link-multiline-gap: var(--toast-warning-variant-text-multiline-gap);
  --toast-warning-variant-link-multiline-spacing: var(--toast-warning-variant-text-multiline-spacing);
  --toast-warning-variant-link-number-spacing: var(--toast-warning-variant-text-number-spacing);
  --toast-warning-variant-link-scale: var(--toast-warning-variant-text-scale);
  --toast-warning-variant-link-size: var(--toast-warning-variant-text-size);
  --toast-warning-variant-link-tracking: var(--toast-warning-variant-text-tracking);
  --toast-warning-variant-link-weight: var(--toast-warning-variant-text-weight);
  --toast-warning-variant-progress-bar-color: var(--toast-warning-variant-progress-bar-light-mode-color);
  --toast-warning-variant-progress-bar-dark-mode-color: var(--toast-warning-variant-accent-dark-mode-color);
  --toast-warning-variant-progress-bar-light-mode-color: var(--toast-warning-variant-accent-light-mode-color);
  --toast-warning-variant-separator-case: var(--toast-warning-variant-link-case);
  --toast-warning-variant-separator-color: var(--toast-warning-variant-separator-light-mode-color);
  --toast-warning-variant-separator-dark-mode-color: var(--toast-warning-variant-link-dark-mode-color);
  --toast-warning-variant-separator-font-family: var(--toast-warning-variant-link-font-family);
  --toast-warning-variant-separator-leading: var(--toast-warning-variant-link-leading);
  --toast-warning-variant-separator-light-mode-color: var(--toast-warning-variant-link-light-mode-color);
  --toast-warning-variant-separator-multiline-gap: var(--toast-warning-variant-link-multiline-gap);
  --toast-warning-variant-separator-multiline-spacing: var(--toast-warning-variant-link-multiline-spacing);
  --toast-warning-variant-separator-number-spacing: var(--toast-warning-variant-link-number-spacing);
  --toast-warning-variant-separator-scale: var(--toast-warning-variant-link-scale);
  --toast-warning-variant-separator-size: var(--toast-warning-variant-link-size);
  --toast-warning-variant-separator-tracking: var(--toast-warning-variant-link-tracking);
  --toast-warning-variant-separator-weight: var(--toast-warning-variant-link-weight);
  --toast-warning-variant-text-case: var(--toast-text-case);
  --toast-warning-variant-text-color: var(--toast-warning-variant-text-light-mode-color);
  --toast-warning-variant-text-dark-mode-color: var(--toast-text-dark-mode-color);
  --toast-warning-variant-text-font-family: var(--toast-text-font-family);
  --toast-warning-variant-text-leading: var(--toast-text-leading);
  --toast-warning-variant-text-light-mode-color: var(--toast-text-light-mode-color);
  --toast-warning-variant-text-multiline-gap: var(--toast-text-multiline-gap);
  --toast-warning-variant-text-multiline-spacing: var(--toast-text-multiline-spacing);
  --toast-warning-variant-text-number-spacing: var(--toast-text-number-spacing);
  --toast-warning-variant-text-scale: var(--toast-text-scale);
  --toast-warning-variant-text-size: var(--toast-text-size);
  --toast-warning-variant-text-tracking: var(--toast-text-tracking);
  --toast-warning-variant-text-weight: var(--toast-text-weight);

  /* ========== toggle ========== */
  --toggle-border-radius: var(--core-radius-circle);
  --toggle-border-size: var(--core-border-20);
  --toggle-disabled-state-selected-value-border-color: var(--toggle-disabled-state-selected-value-light-mode-border-color);
  --toggle-disabled-state-selected-value-dark-mode-border-color: var(--core-constant-gray-50-color);
  --toggle-disabled-state-selected-value-dark-mode-thumb-color: var(--core-fill-white-dark-mode-color);
  --toggle-disabled-state-selected-value-dark-mode-track-color: var(--core-fill-20-dark-mode-color);
  --toggle-disabled-state-selected-value-light-mode-border-color: var(--core-constant-gray-65-color);
  --toggle-disabled-state-selected-value-light-mode-thumb-color: var(--core-fill-white-light-mode-color);
  --toggle-disabled-state-selected-value-light-mode-track-color: var(--core-fill-20-light-mode-color);
  --toggle-disabled-state-selected-value-thumb-color: var(--toggle-disabled-state-selected-value-light-mode-thumb-color);
  --toggle-disabled-state-selected-value-track-color: var(--toggle-disabled-state-selected-value-light-mode-track-color);
  --toggle-disabled-state-unselected-value-border-color: var(--toggle-disabled-state-unselected-value-light-mode-border-color);
  --toggle-disabled-state-unselected-value-dark-mode-border-color: var(--core-constant-gray-45-color);
  --toggle-disabled-state-unselected-value-dark-mode-thumb-color: var(--core-fill-30-dark-mode-color);
  --toggle-disabled-state-unselected-value-dark-mode-track-color: var(--core-fill-50-dark-mode-color);
  --toggle-disabled-state-unselected-value-light-mode-border-color: var(--core-constant-gray-85-color);
  --toggle-disabled-state-unselected-value-light-mode-thumb-color: var(--core-fill-30-light-mode-color);
  --toggle-disabled-state-unselected-value-light-mode-track-color: var(--core-fill-50-light-mode-color);
  --toggle-disabled-state-unselected-value-thumb-color: var(--toggle-disabled-state-unselected-value-light-mode-thumb-color);
  --toggle-disabled-state-unselected-value-track-color: var(--toggle-disabled-state-unselected-value-light-mode-track-color);
  --toggle-focus-ring-border-size: var(--core-focus-ring-border-size);
  --toggle-focus-ring-buffer-size: 0px;
  --toggle-focus-ring-color: var(--toggle-focus-ring-light-mode-color);
  --toggle-focus-ring-dark-mode-color: var(--core-focus-ring-dark-mode-color);
  --toggle-focus-ring-light-mode-color: var(--core-focus-ring-light-mode-color);
  --toggle-focus-state-selected-value-border-color: var(--toggle-focus-state-selected-value-light-mode-border-color);
  --toggle-focus-state-selected-value-dark-mode-border-color: var(--toggle-hover-state-selected-value-dark-mode-border-color);
  --toggle-focus-state-selected-value-dark-mode-thumb-color: var(--toggle-hover-state-selected-value-dark-mode-thumb-color);
  --toggle-focus-state-selected-value-dark-mode-track-color: var(--toggle-hover-state-selected-value-dark-mode-track-color);
  --toggle-focus-state-selected-value-light-mode-border-color: var(--toggle-hover-state-selected-value-light-mode-border-color);
  --toggle-focus-state-selected-value-light-mode-thumb-color: var(--toggle-hover-state-selected-value-light-mode-thumb-color);
  --toggle-focus-state-selected-value-light-mode-track-color: var(--toggle-hover-state-selected-value-light-mode-track-color);
  --toggle-focus-state-selected-value-thumb-color: var(--toggle-focus-state-selected-value-light-mode-thumb-color);
  --toggle-focus-state-selected-value-track-color: var(--toggle-focus-state-selected-value-light-mode-track-color);
  --toggle-focus-state-unselected-value-border-color: var(--toggle-focus-state-unselected-value-light-mode-border-color);
  --toggle-focus-state-unselected-value-dark-mode-border-color: var(--toggle-hover-state-unselected-value-dark-mode-border-color);
  --toggle-focus-state-unselected-value-dark-mode-thumb-color: var(--toggle-hover-state-unselected-value-dark-mode-thumb-color);
  --toggle-focus-state-unselected-value-dark-mode-track-color: var(--toggle-hover-state-unselected-value-dark-mode-track-color);
  --toggle-focus-state-unselected-value-light-mode-border-color: var(--toggle-hover-state-unselected-value-light-mode-border-color);
  --toggle-focus-state-unselected-value-light-mode-thumb-color: var(--toggle-hover-state-unselected-value-light-mode-thumb-color);
  --toggle-focus-state-unselected-value-light-mode-track-color: var(--toggle-hover-state-unselected-value-light-mode-track-color);
  --toggle-focus-state-unselected-value-thumb-color: var(--toggle-focus-state-unselected-value-light-mode-thumb-color);
  --toggle-focus-state-unselected-value-track-color: var(--toggle-focus-state-unselected-value-light-mode-track-color);
  --toggle-height: 24px;
  --toggle-horizontal-padding: var(--core-metrics-spacing-50);
  --toggle-hover-state-selected-value-border-color: var(--toggle-hover-state-selected-value-light-mode-border-color);
  --toggle-hover-state-selected-value-dark-mode-border-color: var(--core-emphasis-20-dark-mode-color);
  --toggle-hover-state-selected-value-dark-mode-thumb-color: var(--core-text-inverse-dark-mode-color);
  --toggle-hover-state-selected-value-dark-mode-track-color: var(--core-emphasis-20-dark-mode-color);
  --toggle-hover-state-selected-value-light-mode-border-color: var(--core-emphasis-20-light-mode-color);
  --toggle-hover-state-selected-value-light-mode-thumb-color: var(--core-text-inverse-light-mode-color);
  --toggle-hover-state-selected-value-light-mode-track-color: var(--core-emphasis-20-light-mode-color);
  --toggle-hover-state-selected-value-thumb-color: var(--toggle-hover-state-selected-value-light-mode-thumb-color);
  --toggle-hover-state-selected-value-track-color: var(--toggle-hover-state-selected-value-light-mode-track-color);
  --toggle-hover-state-unselected-value-border-color: var(--toggle-hover-state-unselected-value-light-mode-border-color);
  --toggle-hover-state-unselected-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color);
  --toggle-hover-state-unselected-value-dark-mode-thumb-color: var(--core-emphasis-10-dark-mode-color);
  --toggle-hover-state-unselected-value-dark-mode-track-color: var(--core-fill-50-dark-mode-color);
  --toggle-hover-state-unselected-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color);
  --toggle-hover-state-unselected-value-light-mode-thumb-color: var(--core-emphasis-10-light-mode-color);
  --toggle-hover-state-unselected-value-light-mode-track-color: var(--core-fill-50-light-mode-color);
  --toggle-hover-state-unselected-value-thumb-color: var(--toggle-hover-state-unselected-value-light-mode-thumb-color);
  --toggle-hover-state-unselected-value-track-color: var(--toggle-hover-state-unselected-value-light-mode-track-color);
  --toggle-normal-state-selected-value-border-color: var(--toggle-normal-state-selected-value-light-mode-border-color);
  --toggle-normal-state-selected-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);
  --toggle-normal-state-selected-value-dark-mode-thumb-color: var(--core-text-inverse-dark-mode-color);
  --toggle-normal-state-selected-value-dark-mode-track-color: var(--core-emphasis-fill-dark-mode-color);
  --toggle-normal-state-selected-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);
  --toggle-normal-state-selected-value-light-mode-thumb-color: var(--core-text-inverse-light-mode-color);
  --toggle-normal-state-selected-value-light-mode-track-color: var(--core-emphasis-fill-light-mode-color);
  --toggle-normal-state-selected-value-thumb-color: var(--toggle-normal-state-selected-value-light-mode-thumb-color);
  --toggle-normal-state-selected-value-track-color: var(--toggle-normal-state-selected-value-light-mode-track-color);
  --toggle-normal-state-unselected-value-border-color: var(--toggle-normal-state-unselected-value-light-mode-border-color);
  --toggle-normal-state-unselected-value-dark-mode-border-color: var(--core-fill-20-dark-mode-color);
  --toggle-normal-state-unselected-value-dark-mode-thumb-color: var(--core-fill-20-dark-mode-color);
  --toggle-normal-state-unselected-value-dark-mode-track-color: transparent;
  --toggle-normal-state-unselected-value-light-mode-border-color: var(--core-fill-20-light-mode-color);
  --toggle-normal-state-unselected-value-light-mode-thumb-color: var(--core-fill-20-light-mode-color);
  --toggle-normal-state-unselected-value-light-mode-track-color: transparent;
  --toggle-normal-state-unselected-value-thumb-color: var(--toggle-normal-state-unselected-value-light-mode-thumb-color);
  --toggle-normal-state-unselected-value-track-color: var(--toggle-normal-state-unselected-value-light-mode-track-color);
  --toggle-padding-horizontal: 5px;
  --toggle-padding-vertical: 5px;
  --toggle-pressed-state-selected-value-border-color: var(--toggle-pressed-state-selected-value-light-mode-border-color);
  --toggle-pressed-state-selected-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color);
  --toggle-pressed-state-selected-value-dark-mode-thumb-color: var(--core-text-inverse-dark-mode-color);
  --toggle-pressed-state-selected-value-dark-mode-track-color: var(--core-emphasis-10-dark-mode-color);
  --toggle-pressed-state-selected-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color);
  --toggle-pressed-state-selected-value-light-mode-thumb-color: var(--core-text-inverse-light-mode-color);
  --toggle-pressed-state-selected-value-light-mode-track-color: var(--core-emphasis-10-light-mode-color);
  --toggle-pressed-state-selected-value-thumb-color: var(--toggle-pressed-state-selected-value-light-mode-thumb-color);
  --toggle-pressed-state-selected-value-track-color: var(--toggle-pressed-state-selected-value-light-mode-track-color);
  --toggle-pressed-state-unselected-value-border-color: var(--toggle-pressed-state-unselected-value-light-mode-border-color);
  --toggle-pressed-state-unselected-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color);
  --toggle-pressed-state-unselected-value-dark-mode-thumb-color: var(--core-emphasis-fill-dark-mode-color);
  --toggle-pressed-state-unselected-value-dark-mode-track-color: transparent;
  --toggle-pressed-state-unselected-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color);
  --toggle-pressed-state-unselected-value-light-mode-thumb-color: var(--core-emphasis-fill-light-mode-color);
  --toggle-pressed-state-unselected-value-light-mode-track-color: transparent;
  --toggle-pressed-state-unselected-value-thumb-color: var(--toggle-pressed-state-unselected-value-light-mode-thumb-color);
  --toggle-pressed-state-unselected-value-track-color: var(--toggle-pressed-state-unselected-value-light-mode-track-color);
  --toggle-vertical-padding: var(--core-metrics-spacing-50);
  --toggle-width: 40px;

  /* ========== tooltip ========== */
  --tooltip-animation-move-transition-duration: var(--tooltip-trigger-animation-fade-transition-duration);
  --tooltip-background-color: var(--tooltip-background-light-mode-color);
  --tooltip-background-dark-mode-color: var(--tooltip-popover-background-dark-mode-color);
  --tooltip-background-light-mode-color: var(--tooltip-popover-background-light-mode-color);
  --tooltip-link-case: var(--tooltip-popover-link-case);
  --tooltip-link-color: var(--tooltip-link-light-mode-color);
  --tooltip-link-dark-mode-color: var(--tooltip-popover-link-dark-mode-color);
  --tooltip-link-font-family: var(--tooltip-popover-link-font-family);
  --tooltip-link-leading: var(--tooltip-popover-link-leading);
  --tooltip-link-light-mode-color: var(--tooltip-popover-link-light-mode-color);
  --tooltip-link-number-spacing: var(--tooltip-popover-link-number-spacing);
  --tooltip-link-scale: var(--tooltip-popover-link-scale);
  --tooltip-link-size: var(--tooltip-popover-link-size);
  --tooltip-link-tracking: var(--tooltip-popover-link-tracking);
  --tooltip-link-weight: var(--tooltip-popover-link-weight);
  --tooltip-maximum-width: var(--tooltip-popover-maximum-width);
  --tooltip-minimum-height: var(--tooltip-trigger-minimum-height);
  --tooltip-minimum-width: var(--tooltip-trigger-minimum-width);
  --tooltip-padding-horizontal-size: var(--tooltip-popover-horizontal-padding);
  --tooltip-padding-vertical-size: var(--tooltip-popover-vertical-padding);
  --tooltip-popover-background-color: var(--tooltip-popover-background-light-mode-color);
  --tooltip-popover-background-dark-mode-color: var(--core-surface-inverse-dark-mode-color);
  --tooltip-popover-background-light-mode-color: var(--core-surface-inverse-light-mode-color);
  --tooltip-popover-horizontal-padding: var(--core-metrics-spacing-150);
  --tooltip-popover-link-case: var(--core-type-semibold-20-case);
  --tooltip-popover-link-color: var(--tooltip-popover-link-light-mode-color);
  --tooltip-popover-link-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --tooltip-popover-link-font-family: var(--core-type-semibold-20-font-family);
  --tooltip-popover-link-leading: var(--core-type-semibold-20-leading);
  --tooltip-popover-link-light-mode-color: var(--core-text-inverse-light-mode-color);
  --tooltip-popover-link-number-spacing: var(--core-type-semibold-20-number-spacing);
  --tooltip-popover-link-scale: var(--core-type-semibold-20-scale);
  --tooltip-popover-link-size: var(--core-type-semibold-20-size);
  --tooltip-popover-link-tracking: var(--core-type-semibold-20-tracking);
  --tooltip-popover-link-weight: var(--core-type-semibold-20-weight);
  --tooltip-popover-maximum-width: 400px;
  --tooltip-popover-radius: var(--core-radius-200);
  --tooltip-popover-text-case: var(--core-type-paragraph-20-case);
  --tooltip-popover-text-color: var(--tooltip-popover-text-light-mode-color);
  --tooltip-popover-text-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --tooltip-popover-text-font-family: var(--core-type-paragraph-20-font-family);
  --tooltip-popover-text-leading: var(--core-type-paragraph-20-leading);
  --tooltip-popover-text-light-mode-color: var(--core-text-inverse-light-mode-color);
  --tooltip-popover-text-number-spacing: var(--core-type-paragraph-20-number-spacing);
  --tooltip-popover-text-scale: var(--core-type-paragraph-20-scale);
  --tooltip-popover-text-size: var(--core-type-paragraph-20-size);
  --tooltip-popover-text-tracking: var(--core-type-paragraph-20-tracking);
  --tooltip-popover-text-weight: var(--core-type-paragraph-20-weight);
  --tooltip-popover-vertical-padding: var(--core-metrics-spacing-100);
  --tooltip-radius: var(--tooltip-popover-radius);
  --tooltip-text-case: var(--tooltip-popover-text-case);
  --tooltip-text-color: var(--tooltip-text-light-mode-color);
  --tooltip-text-dark-mode-color: var(--tooltip-popover-text-dark-mode-color);
  --tooltip-text-font-family: var(--tooltip-popover-text-font-family);
  --tooltip-text-leading: var(--tooltip-popover-text-leading);
  --tooltip-text-light-mode-color: var(--tooltip-popover-text-light-mode-color);
  --tooltip-text-number-spacing: var(--tooltip-popover-text-number-spacing);
  --tooltip-text-scale: var(--tooltip-popover-text-scale);
  --tooltip-text-size: var(--tooltip-popover-text-size);
  --tooltip-text-tracking: var(--tooltip-popover-text-tracking);
  --tooltip-text-weight: var(--tooltip-popover-text-weight);
  --tooltip-trigger-animation-fade-transition-duration: var(--core-animation-move-transition-moderate-speed-duration);
  --tooltip-trigger-icon-active-state-color: var(--tooltip-trigger-icon-active-state-light-mode-color);
  --tooltip-trigger-icon-active-state-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --tooltip-trigger-icon-active-state-light-mode-color: var(--core-fill-10-light-mode-color);
  --tooltip-trigger-icon-disabled-state-color: var(--tooltip-trigger-icon-disabled-state-light-mode-color);
  --tooltip-trigger-icon-disabled-state-dark-mode-color: var(--core-fill-30-dark-mode-color);
  --tooltip-trigger-icon-disabled-state-light-mode-color: var(--core-fill-30-light-mode-color);
  --tooltip-trigger-icon-normal-state-color: var(--tooltip-trigger-icon-normal-state-light-mode-color);
  --tooltip-trigger-icon-normal-state-dark-mode-color: var(--core-fill-20-dark-mode-color);
  --tooltip-trigger-icon-normal-state-light-mode-color: var(--core-fill-20-light-mode-color);
  --tooltip-trigger-minimum-height: var(--tooltip-trigger-minimum-width);
  --tooltip-trigger-minimum-width: var(--core-metrics-spacing-500);
  --tooltip-trigger-text-active-state-color: var(--tooltip-trigger-text-active-state-light-mode-color);
  --tooltip-trigger-text-active-state-dark-mode-color: var(--core-text-10-dark-mode-color);
  --tooltip-trigger-text-active-state-light-mode-color: var(--core-text-10-light-mode-color);
  --tooltip-trigger-text-disabled-state-color: var(--tooltip-trigger-text-disabled-state-light-mode-color);
  --tooltip-trigger-text-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color);
  --tooltip-trigger-text-disabled-state-light-mode-color: var(--core-text-30-light-mode-color);
  --tooltip-trigger-text-normal-state-color: var(--tooltip-trigger-text-normal-state-light-mode-color);
  --tooltip-trigger-text-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color);
  --tooltip-trigger-text-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color);
  --tooltip-trigger-text-underline-size: 1px;

  /* ========== tracker ========== */
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-case);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-size);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-spacing);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-case: var(--core-type-heading-20-case);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-font-family: var(--core-type-heading-20-font-family);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-leading: var(--core-type-heading-20-leading);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-number-spacing: var(--core-type-heading-20-number-spacing);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-scale: var(--core-type-heading-20-scale);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-size: var(--core-type-heading-20-size);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-spacing: var(--core-metrics-spacing-100);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-tracking: var(--core-type-heading-20-tracking);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-weight: var(--core-type-heading-20-weight);
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-maximum-width: 100px;
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-minimum-width: 0px;
  --tracker-horizontal-orientation-compact-density-large-size-current-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-case);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-size);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-spacing);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-spacing);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case: var(--core-type-semibold-30-case);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family: var(--core-type-semibold-30-font-family);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading: var(--core-type-semibold-30-leading);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing: var(--core-type-semibold-30-number-spacing);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale: var(--core-type-semibold-30-scale);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size: var(--core-type-semibold-30-size);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing: var(--core-metrics-spacing-100);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking: var(--core-type-semibold-30-tracking);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight: var(--core-type-semibold-30-weight);
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width: 90px;
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width: 0px;
  --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-spacing);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--core-text-inverse-dark-mode-color);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--core-text-inverse-light-mode-color);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding: 2px;
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width: 0px;
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding: 1px;
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width: 0px;
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding: 0px;
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color: var(--core-fill-10-light-mode-color);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height: var(--divider-thin-size-height);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius: var(--divider-radius);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding: var(--divider-extra-small-variant-vertical-padding);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width: var(--core-metrics-spacing-150);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color: var(--core-fill-10-dark-mode-color);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding: 0px;
  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size: var(--core-metrics-spacing-200);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width: 2px;
  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width: 4px;
  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color: var(--core-fill-10-light-mode-color);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding: 0px;
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding: 9px;
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case: var(--core-type-semibold-10-case);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family: var(--core-type-semibold-10-font-family);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading: var(--core-type-semibold-10-leading);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing: var(--core-type-semibold-10-number-spacing);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale: var(--core-type-semibold-10-scale);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size: var(--core-type-semibold-10-size);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing: var(--core-metrics-spacing-100);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking: var(--core-type-semibold-10-tracking);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight: var(--core-type-semibold-10-weight);
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width: 80px;
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width: 0px;
  --tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing: var(--core-metrics-spacing-100);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color: var(--core-text-20-dark-mode-color);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding: 1px;
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width: 2px;
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding: 0px;
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color: var(--core-text-20-light-mode-color);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-height: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-height);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-radius);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-width: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-width);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-dark-mode-color);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-case);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-font-family);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-leading);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-number-spacing);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-scale);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-size);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-spacing);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-tracking);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-weight);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-maximum-width);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-step-minimum-width);
  --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-spacing);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-height: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-height);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-radius);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-width);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-dark-mode-color);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-case);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-size);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-spacing: var(--core-metrics-spacing-200);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-height);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-radius);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-width);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-dark-mode-color);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-case);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-font-family);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-leading);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-number-spacing);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-scale);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-size);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-spacing);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-tracking);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-weight);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-maximum-width);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-minimum-width);
  --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-spacing);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-height: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-height);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-radius);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-width: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-dark-mode-color);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-case);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-font-family);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-leading);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-number-spacing);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-scale);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-size);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-spacing);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-tracking);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-weight);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-maximum-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-minimum-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-spacing);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-height: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-height);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-radius);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-dark-mode-color);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-case);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-size);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-spacing: var(--core-metrics-spacing-150);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-height);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-radius);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-dark-mode-color);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-case);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-font-family);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-leading);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-number-spacing);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-scale);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-size);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-spacing);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-tracking);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-weight);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-maximum-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-minimum-width);
  --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-spacing);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-height: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-height);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-radius);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-width);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-dark-mode-color);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-case);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-font-family);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-leading);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-number-spacing);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-scale);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-size);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-spacing);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-tracking);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-weight);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-maximum-width);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-step-minimum-width);
  --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-spacing);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-height: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-height);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-radius);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-dark-mode-color);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-case);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-size);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-spacing: var(--core-metrics-spacing-100);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-height);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-radius);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-width);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-dark-mode-color);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-case);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-font-family);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-leading);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-number-spacing);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-scale);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-size);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-spacing);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-tracking);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-weight);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-maximum-width);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-minimum-width);
  --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-spacing);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-height);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-radius);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-vertical-padding);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-width);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-dark-mode-color);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-case);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-font-family);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-leading);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-number-spacing);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-scale);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-size);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-spacing);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-tracking);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-label-weight);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-maximum-width);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-minimum-width);
  --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-spacing);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-height);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-radius);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-vertical-padding);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-connector-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-width);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-dark-mode-color);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-regular-density-large-size-current-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-spacing);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-height);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-radius);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-vertical-padding);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-connector-width);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-dark-mode-color);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-case);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-font-family);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-leading);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-number-spacing);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-scale);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-size);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-spacing);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-tracking);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-label-weight);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-maximum-width);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-minimum-width);
  --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-spacing);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-case);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-font-family);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-leading);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-number-spacing);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-scale);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-size);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-spacing);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-tracking);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-weight);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-maximum-width);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-minimum-width);
  --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-spacing);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-case);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-font-family);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-leading);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-number-spacing);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-scale);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-size);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-spacing);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-tracking);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-weight);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-maximum-width);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-minimum-width);
  --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-spacing);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-vertical-padding);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-case);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-font-family);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-leading);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-number-spacing);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-scale);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-size);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-spacing);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-tracking);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-label-weight);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-maximum-width);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-minimum-width);
  --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-spacing);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width: var(--core-metrics-spacing-400);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width);
  --tracker-horizontal-orientation-regular-density-small-size-current-state-step-spacing: var(--core-metrics-spacing-300);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-vertical-padding);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-dark-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-padding);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-size);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-checkmark-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-size);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-circle-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-size);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-indicator-custom-variant-stroke-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-stroke-width);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-light-mode-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-content-horizontal-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-horizontal-padding);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-content-vertical-padding: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-content-vertical-padding);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-case: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-case);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-font-family: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-font-family);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-leading: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-leading);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-number-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-number-spacing);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-scale: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-scale);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-size: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-size);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-spacing);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-tracking: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-tracking);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-label-weight: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-label-weight);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-maximum-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-maximum-width);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-minimum-width: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-minimum-width);
  --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-spacing);

}


/*
 * Monochrome: dark mode tokens scoped to [data-market-features*="dark-mode"][data-market-theme="monochrome"]
 */

/* This file is automatically generated. Do not edit. */

@media (prefers-color-scheme: dark) {
  [data-market-theme="monochrome"][data-market-features*="dark-mode"] {
    /* ======================================================================
     * CORE
     * ====================================================================== */

    /* ========== core ========== */
    --core-blue-10-color: var(--core-blue-10-dark-mode-color);
    --core-blue-20-color: var(--core-blue-20-dark-mode-color);
    --core-blue-30-color: var(--core-blue-30-dark-mode-color);
    --core-blue-40-color: var(--core-blue-40-dark-mode-color);
    --core-blue-fill-color: var(--core-blue-fill-dark-mode-color);
    --core-blue-text-color: var(--core-blue-text-dark-mode-color);
    --core-brown-10-color: var(--core-brown-10-dark-mode-color);
    --core-brown-20-color: var(--core-brown-20-dark-mode-color);
    --core-brown-30-color: var(--core-brown-30-dark-mode-color);
    --core-brown-40-color: var(--core-brown-40-dark-mode-color);
    --core-brown-fill-color: var(--core-brown-fill-dark-mode-color);
    --core-brown-text-color: var(--core-brown-text-dark-mode-color);
    --core-burgundy-10-color: var(--core-burgundy-10-dark-mode-color);
    --core-burgundy-20-color: var(--core-burgundy-20-dark-mode-color);
    --core-burgundy-30-color: var(--core-burgundy-30-dark-mode-color);
    --core-burgundy-40-color: var(--core-burgundy-40-dark-mode-color);
    --core-burgundy-fill-color: var(--core-burgundy-fill-dark-mode-color);
    --core-burgundy-text-color: var(--core-burgundy-text-dark-mode-color);
    --core-critical-10-color: var(--core-critical-10-dark-mode-color);
    --core-critical-20-color: var(--core-critical-20-dark-mode-color);
    --core-critical-30-color: var(--core-critical-30-dark-mode-color);
    --core-critical-40-color: var(--core-critical-40-dark-mode-color);
    --core-critical-fill-color: var(--core-critical-fill-dark-mode-color);
    --core-critical-text-color: var(--core-critical-text-dark-mode-color);
    --core-divider-10-color: var(--core-divider-10-dark-mode-color);
    --core-divider-20-color: var(--core-divider-20-dark-mode-color);
    --core-emphasis-10-color: var(--core-emphasis-10-dark-mode-color);
    --core-emphasis-20-color: var(--core-emphasis-20-dark-mode-color);
    --core-emphasis-30-color: var(--core-emphasis-30-dark-mode-color);
    --core-emphasis-40-color: var(--core-emphasis-40-dark-mode-color);
    --core-emphasis-fill-color: var(--core-emphasis-fill-dark-mode-color);
    --core-emphasis-text-color: var(--core-emphasis-text-dark-mode-color);
    --core-fill-10-color: var(--core-fill-10-dark-mode-color);
    --core-fill-20-color: var(--core-fill-20-dark-mode-color);
    --core-fill-30-color: var(--core-fill-30-dark-mode-color);
    --core-fill-40-color: var(--core-fill-40-dark-mode-color);
    --core-fill-50-color: var(--core-fill-50-dark-mode-color);
    --core-fill-black-color: var(--core-fill-black-dark-mode-color);
    --core-fill-inverse-color: var(--core-fill-inverse-dark-mode-color);
    --core-fill-white-color: var(--core-fill-white-dark-mode-color);
    --core-focus-color: var(--core-focus-dark-mode-color);
    --core-focus-ring-color: var(--core-focus-ring-dark-mode-color);
    --core-forest-10-color: var(--core-forest-10-dark-mode-color);
    --core-forest-20-color: var(--core-forest-20-dark-mode-color);
    --core-forest-30-color: var(--core-forest-30-dark-mode-color);
    --core-forest-40-color: var(--core-forest-40-dark-mode-color);
    --core-forest-fill-color: var(--core-forest-fill-dark-mode-color);
    --core-forest-text-color: var(--core-forest-text-dark-mode-color);
    --core-gold-10-color: var(--core-gold-10-dark-mode-color);
    --core-gold-20-color: var(--core-gold-20-dark-mode-color);
    --core-gold-30-color: var(--core-gold-30-dark-mode-color);
    --core-gold-40-color: var(--core-gold-40-dark-mode-color);
    --core-gold-fill-color: var(--core-gold-fill-dark-mode-color);
    --core-gold-text-color: var(--core-gold-text-dark-mode-color);
    --core-green-10-color: var(--core-green-10-dark-mode-color);
    --core-green-20-color: var(--core-green-20-dark-mode-color);
    --core-green-30-color: var(--core-green-30-dark-mode-color);
    --core-green-40-color: var(--core-green-40-dark-mode-color);
    --core-green-fill-color: var(--core-green-fill-dark-mode-color);
    --core-green-text-color: var(--core-green-text-dark-mode-color);
    --core-orange-10-color: var(--core-orange-10-dark-mode-color);
    --core-orange-20-color: var(--core-orange-20-dark-mode-color);
    --core-orange-30-color: var(--core-orange-30-dark-mode-color);
    --core-orange-40-color: var(--core-orange-40-dark-mode-color);
    --core-orange-fill-color: var(--core-orange-fill-dark-mode-color);
    --core-orange-text-color: var(--core-orange-text-dark-mode-color);
    --core-pink-10-color: var(--core-pink-10-dark-mode-color);
    --core-pink-20-color: var(--core-pink-20-dark-mode-color);
    --core-pink-30-color: var(--core-pink-30-dark-mode-color);
    --core-pink-40-color: var(--core-pink-40-dark-mode-color);
    --core-pink-fill-color: var(--core-pink-fill-dark-mode-color);
    --core-pink-text-color: var(--core-pink-text-dark-mode-color);
    --core-purple-10-color: var(--core-purple-10-dark-mode-color);
    --core-purple-20-color: var(--core-purple-20-dark-mode-color);
    --core-purple-30-color: var(--core-purple-30-dark-mode-color);
    --core-purple-40-color: var(--core-purple-40-dark-mode-color);
    --core-purple-fill-color: var(--core-purple-fill-dark-mode-color);
    --core-purple-text-color: var(--core-purple-text-dark-mode-color);
    --core-red-10-color: var(--core-red-10-dark-mode-color);
    --core-red-20-color: var(--core-red-20-dark-mode-color);
    --core-red-30-color: var(--core-red-30-dark-mode-color);
    --core-red-40-color: var(--core-red-40-dark-mode-color);
    --core-red-fill-color: var(--core-red-fill-dark-mode-color);
    --core-red-text-color: var(--core-red-text-dark-mode-color);
    --core-sky-10-color: var(--core-sky-10-dark-mode-color);
    --core-sky-20-color: var(--core-sky-20-dark-mode-color);
    --core-sky-30-color: var(--core-sky-30-dark-mode-color);
    --core-sky-40-color: var(--core-sky-40-dark-mode-color);
    --core-sky-fill-color: var(--core-sky-fill-dark-mode-color);
    --core-sky-text-color: var(--core-sky-text-dark-mode-color);
    --core-success-10-color: var(--core-success-10-dark-mode-color);
    --core-success-20-color: var(--core-success-20-dark-mode-color);
    --core-success-30-color: var(--core-success-30-dark-mode-color);
    --core-success-40-color: var(--core-success-40-dark-mode-color);
    --core-success-fill-color: var(--core-success-fill-dark-mode-color);
    --core-success-text-color: var(--core-success-text-dark-mode-color);
    --core-surface-10-color: var(--core-surface-10-dark-mode-color);
    --core-surface-20-color: var(--core-surface-20-dark-mode-color);
    --core-surface-30-color: var(--core-surface-30-dark-mode-color);
    --core-surface-5-color: var(--core-surface-5-dark-mode-color);
    --core-surface-inverse-color: var(--core-surface-inverse-dark-mode-color);
    --core-surface-overlay-color: var(--core-surface-overlay-dark-mode-color);
    --core-taupe-10-color: var(--core-taupe-10-dark-mode-color);
    --core-taupe-20-color: var(--core-taupe-20-dark-mode-color);
    --core-taupe-30-color: var(--core-taupe-30-dark-mode-color);
    --core-taupe-40-color: var(--core-taupe-40-dark-mode-color);
    --core-taupe-fill-color: var(--core-taupe-fill-dark-mode-color);
    --core-taupe-text-color: var(--core-taupe-text-dark-mode-color);
    --core-teal-10-color: var(--core-teal-10-dark-mode-color);
    --core-teal-20-color: var(--core-teal-20-dark-mode-color);
    --core-teal-30-color: var(--core-teal-30-dark-mode-color);
    --core-teal-40-color: var(--core-teal-40-dark-mode-color);
    --core-teal-fill-color: var(--core-teal-fill-dark-mode-color);
    --core-teal-text-color: var(--core-teal-text-dark-mode-color);
    --core-text-10-color: var(--core-text-10-dark-mode-color);
    --core-text-20-color: var(--core-text-20-dark-mode-color);
    --core-text-30-color: var(--core-text-30-dark-mode-color);
    --core-text-black-color: var(--core-text-black-dark-mode-color);
    --core-text-inverse-color: var(--core-text-inverse-dark-mode-color);
    --core-text-white-color: var(--core-text-white-dark-mode-color);
    --core-transparent-color: var(--core-transparent-dark-mode-color);
    --core-warning-10-color: var(--core-warning-10-dark-mode-color);
    --core-warning-20-color: var(--core-warning-20-dark-mode-color);
    --core-warning-30-color: var(--core-warning-30-dark-mode-color);
    --core-warning-40-color: var(--core-warning-40-dark-mode-color);
    --core-warning-fill-color: var(--core-warning-fill-dark-mode-color);
    --core-warning-text-color: var(--core-warning-text-dark-mode-color);
    --core-yellow-10-color: var(--core-yellow-10-dark-mode-color);
    --core-yellow-20-color: var(--core-yellow-20-dark-mode-color);
    --core-yellow-30-color: var(--core-yellow-30-dark-mode-color);
    --core-yellow-40-color: var(--core-yellow-40-dark-mode-color);
    --core-yellow-fill-color: var(--core-yellow-fill-dark-mode-color);
    --core-yellow-text-color: var(--core-yellow-text-dark-mode-color);

    /* ======================================================================
     * COMPONENT
     * ====================================================================== */

    /* ========== accessory ========== */
    --accessory-background-color: var(--accessory-background-dark-mode-color);
    --accessory-disabled-state-background-color: var(--accessory-disabled-state-background-dark-mode-color);
    --accessory-disabled-state-icon-color: var(--accessory-disabled-state-icon-dark-mode-color);
    --accessory-disabled-state-text-color: var(--accessory-disabled-state-text-dark-mode-color);
    --accessory-icon-variant-color: var(--accessory-icon-variant-dark-mode-color);
    --accessory-initials-variant-color: var(--accessory-initials-variant-dark-mode-color);
    --accessory-normal-state-background-color: var(--accessory-normal-state-background-dark-mode-color);
    --accessory-normal-state-icon-color: var(--accessory-normal-state-icon-dark-mode-color);
    --accessory-normal-state-text-color: var(--accessory-normal-state-text-dark-mode-color);

    /* ========== accordion ========== */
    --accordion-disabled-state-content-color: var(--accordion-disabled-state-content-dark-mode-color);
    --accordion-disabled-state-side-text-color: var(--accordion-disabled-state-side-text-dark-mode-color);
    --accordion-focus-state-content-color: var(--accordion-focus-state-content-dark-mode-color);
    --accordion-focus-state-side-text-color: var(--accordion-focus-state-side-text-dark-mode-color);
    --accordion-heading-10-variant-separator-color: var(--accordion-heading-10-variant-separator-dark-mode-color);
    --accordion-heading-20-variant-separator-color: var(--accordion-heading-20-variant-separator-dark-mode-color);
    --accordion-heading-30-variant-separator-color: var(--accordion-heading-30-variant-separator-dark-mode-color);
    --accordion-hover-state-content-color: var(--accordion-hover-state-content-dark-mode-color);
    --accordion-hover-state-side-text-color: var(--accordion-hover-state-side-text-dark-mode-color);
    --accordion-large-size-separator-color: var(--accordion-large-size-separator-dark-mode-color);
    --accordion-medium-size-separator-color: var(--accordion-medium-size-separator-dark-mode-color);
    --accordion-normal-state-content-color: var(--accordion-normal-state-content-dark-mode-color);
    --accordion-normal-state-side-text-color: var(--accordion-normal-state-side-text-dark-mode-color);
    --accordion-pressed-state-content-color: var(--accordion-pressed-state-content-dark-mode-color);
    --accordion-pressed-state-side-text-color: var(--accordion-pressed-state-side-text-dark-mode-color);
    --accordion-small-size-separator-color: var(--accordion-small-size-separator-dark-mode-color);

    /* ========== actionCard ========== */
    --action-card-active-state-selected-value-background-color: var(--action-card-active-state-selected-value-background-dark-mode-color);
    --action-card-active-state-selected-value-border-color: var(--action-card-active-state-selected-value-border-dark-mode-color);
    --action-card-active-state-unselected-value-background-color: var(--action-card-active-state-unselected-value-background-dark-mode-color);
    --action-card-active-state-unselected-value-border-color: var(--action-card-active-state-unselected-value-border-dark-mode-color);
    --action-card-background-color: var(--action-card-background-dark-mode-color);
    --action-card-border-disabled-state-color: var(--action-card-border-disabled-state-dark-mode-color);
    --action-card-border-hover-state-color: var(--action-card-border-hover-state-dark-mode-color);
    --action-card-border-selected-state-color: var(--action-card-border-selected-state-dark-mode-color);
    --action-card-disabled-state-selected-value-background-color: var(--action-card-disabled-state-selected-value-background-dark-mode-color);
    --action-card-disabled-state-selected-value-border-color: var(--action-card-disabled-state-selected-value-border-dark-mode-color);
    --action-card-disabled-state-unselected-value-background-color: var(--action-card-disabled-state-unselected-value-background-dark-mode-color);
    --action-card-disabled-state-unselected-value-border-color: var(--action-card-disabled-state-unselected-value-border-dark-mode-color);
    --action-card-focus-ring-color: var(--action-card-focus-ring-dark-mode-color);
    --action-card-hover-state-selected-value-background-color: var(--action-card-hover-state-selected-value-background-dark-mode-color);
    --action-card-hover-state-selected-value-border-color: var(--action-card-hover-state-selected-value-border-dark-mode-color);
    --action-card-hover-state-unselected-value-background-color: var(--action-card-hover-state-unselected-value-background-dark-mode-color);
    --action-card-hover-state-unselected-value-border-color: var(--action-card-hover-state-unselected-value-border-dark-mode-color);
    --action-card-normal-state-selected-value-background-color: var(--action-card-normal-state-selected-value-background-dark-mode-color);
    --action-card-normal-state-selected-value-border-color: var(--action-card-normal-state-selected-value-border-dark-mode-color);
    --action-card-normal-state-unselected-value-background-color: var(--action-card-normal-state-unselected-value-background-dark-mode-color);
    --action-card-normal-state-unselected-value-border-color: var(--action-card-normal-state-unselected-value-border-dark-mode-color);
    --action-card-normal-state-unselected-value-border-high-contrast-color: var(--action-card-normal-state-unselected-value-border-high-contrast-dark-mode-color);
    --action-card-normal-state-unselected-value-border-normal-contrast-color: var(--action-card-normal-state-unselected-value-border-normal-contrast-dark-mode-color);

    /* ========== badge ========== */
    --badge-critical-style-background-color: var(--badge-critical-style-background-dark-mode-color);
    --badge-info-style-background-color: var(--badge-info-style-background-dark-mode-color);
    --badge-modal-blade-context-border-color: var(--badge-modal-blade-context-border-dark-mode-color);
    --badge-modal-dialog-context-border-color: var(--badge-modal-dialog-context-border-dark-mode-color);
    --badge-modal-full-context-border-color: var(--badge-modal-full-context-border-dark-mode-color);
    --badge-modal-partial-context-border-color: var(--badge-modal-partial-context-border-dark-mode-color);
    --badge-modal-popover-context-border-color: var(--badge-modal-popover-context-border-dark-mode-color);
    --badge-modal-sheet-context-border-color: var(--badge-modal-sheet-context-border-dark-mode-color);

    /* ========== banner ========== */
    --banner-button-separator-color: var(--banner-button-separator-dark-mode-color);
    --banner-critical-variant-background-color: var(--banner-critical-variant-background-dark-mode-color);
    --banner-critical-variant-border-color: var(--banner-critical-variant-border-dark-mode-color);
    --banner-critical-variant-button-text-color: var(--banner-critical-variant-button-text-dark-mode-color);
    --banner-critical-variant-disabled-state-text-link-text-color: var(--banner-critical-variant-disabled-state-text-link-text-dark-mode-color);
    --banner-critical-variant-focused-state-text-link-text-color: var(--banner-critical-variant-focused-state-text-link-text-dark-mode-color);
    --banner-critical-variant-hover-state-text-link-text-color: var(--banner-critical-variant-hover-state-text-link-text-dark-mode-color);
    --banner-critical-variant-icon-color: var(--banner-critical-variant-icon-dark-mode-color);
    --banner-critical-variant-icon-high-contrast-color: var(--banner-critical-variant-icon-high-contrast-dark-mode-color);
    --banner-critical-variant-icon-normal-contrast-color: var(--banner-critical-variant-icon-normal-contrast-dark-mode-color);
    --banner-critical-variant-normal-state-text-link-text-color: var(--banner-critical-variant-normal-state-text-link-text-dark-mode-color);
    --banner-critical-variant-pressed-state-text-link-text-color: var(--banner-critical-variant-pressed-state-text-link-text-dark-mode-color);
    --banner-critical-variant-text-color: var(--banner-critical-variant-text-dark-mode-color);
    --banner-critical-variant-text-link-text-color: var(--banner-critical-variant-text-link-text-dark-mode-color);
    --banner-dismiss-button-normal-state-color: var(--banner-dismiss-button-normal-state-dark-mode-color);
    --banner-dismiss-button-pressed-state-color: var(--banner-dismiss-button-pressed-state-dark-mode-color);
    --banner-info-variant-background-color: var(--banner-info-variant-background-dark-mode-color);
    --banner-info-variant-border-color: var(--banner-info-variant-border-dark-mode-color);
    --banner-info-variant-button-text-color: var(--banner-info-variant-button-text-dark-mode-color);
    --banner-info-variant-disabled-state-text-link-text-color: var(--banner-info-variant-disabled-state-text-link-text-dark-mode-color);
    --banner-info-variant-focused-state-text-link-text-color: var(--banner-info-variant-focused-state-text-link-text-dark-mode-color);
    --banner-info-variant-hover-state-text-link-text-color: var(--banner-info-variant-hover-state-text-link-text-dark-mode-color);
    --banner-info-variant-icon-color: var(--banner-info-variant-icon-dark-mode-color);
    --banner-info-variant-icon-high-contrast-color: var(--banner-info-variant-icon-high-contrast-dark-mode-color);
    --banner-info-variant-icon-normal-contrast-color: var(--banner-info-variant-icon-normal-contrast-dark-mode-color);
    --banner-info-variant-normal-state-text-link-text-color: var(--banner-info-variant-normal-state-text-link-text-dark-mode-color);
    --banner-info-variant-pressed-state-text-link-text-color: var(--banner-info-variant-pressed-state-text-link-text-dark-mode-color);
    --banner-info-variant-text-color: var(--banner-info-variant-text-dark-mode-color);
    --banner-info-variant-text-link-text-color: var(--banner-info-variant-text-link-text-dark-mode-color);
    --banner-insight-variant-background-color: var(--banner-insight-variant-background-dark-mode-color);
    --banner-insight-variant-border-color: var(--banner-insight-variant-border-dark-mode-color);
    --banner-insight-variant-button-text-color: var(--banner-insight-variant-button-text-dark-mode-color);
    --banner-insight-variant-disabled-state-text-link-text-color: var(--banner-insight-variant-disabled-state-text-link-text-dark-mode-color);
    --banner-insight-variant-focused-state-text-link-text-color: var(--banner-insight-variant-focused-state-text-link-text-dark-mode-color);
    --banner-insight-variant-hover-state-text-link-text-color: var(--banner-insight-variant-hover-state-text-link-text-dark-mode-color);
    --banner-insight-variant-icon-color: var(--banner-insight-variant-icon-dark-mode-color);
    --banner-insight-variant-icon-high-contrast-color: var(--banner-insight-variant-icon-high-contrast-dark-mode-color);
    --banner-insight-variant-icon-normal-contrast-color: var(--banner-insight-variant-icon-normal-contrast-dark-mode-color);
    --banner-insight-variant-normal-state-text-link-text-color: var(--banner-insight-variant-normal-state-text-link-text-dark-mode-color);
    --banner-insight-variant-pressed-state-text-link-text-color: var(--banner-insight-variant-pressed-state-text-link-text-dark-mode-color);
    --banner-insight-variant-text-color: var(--banner-insight-variant-text-dark-mode-color);
    --banner-insight-variant-text-link-text-color: var(--banner-insight-variant-text-link-text-dark-mode-color);
    --banner-success-variant-background-color: var(--banner-success-variant-background-dark-mode-color);
    --banner-success-variant-border-color: var(--banner-success-variant-border-dark-mode-color);
    --banner-success-variant-button-text-color: var(--banner-success-variant-button-text-dark-mode-color);
    --banner-success-variant-disabled-state-text-link-text-color: var(--banner-success-variant-disabled-state-text-link-text-dark-mode-color);
    --banner-success-variant-focused-state-text-link-text-color: var(--banner-success-variant-focused-state-text-link-text-dark-mode-color);
    --banner-success-variant-hover-state-text-link-text-color: var(--banner-success-variant-hover-state-text-link-text-dark-mode-color);
    --banner-success-variant-icon-color: var(--banner-success-variant-icon-dark-mode-color);
    --banner-success-variant-icon-high-contrast-color: var(--banner-success-variant-icon-high-contrast-dark-mode-color);
    --banner-success-variant-icon-normal-contrast-color: var(--banner-success-variant-icon-normal-contrast-dark-mode-color);
    --banner-success-variant-normal-state-text-link-text-color: var(--banner-success-variant-normal-state-text-link-text-dark-mode-color);
    --banner-success-variant-pressed-state-text-link-text-color: var(--banner-success-variant-pressed-state-text-link-text-dark-mode-color);
    --banner-success-variant-text-color: var(--banner-success-variant-text-dark-mode-color);
    --banner-success-variant-text-link-text-color: var(--banner-success-variant-text-link-text-dark-mode-color);
    --banner-text-link-group-separator-color: var(--banner-text-link-group-separator-dark-mode-color);
    --banner-warning-variant-background-color: var(--banner-warning-variant-background-dark-mode-color);
    --banner-warning-variant-border-color: var(--banner-warning-variant-border-dark-mode-color);
    --banner-warning-variant-button-text-color: var(--banner-warning-variant-button-text-dark-mode-color);
    --banner-warning-variant-disabled-state-text-link-text-color: var(--banner-warning-variant-disabled-state-text-link-text-dark-mode-color);
    --banner-warning-variant-focused-state-text-link-text-color: var(--banner-warning-variant-focused-state-text-link-text-dark-mode-color);
    --banner-warning-variant-hover-state-text-link-text-color: var(--banner-warning-variant-hover-state-text-link-text-dark-mode-color);
    --banner-warning-variant-icon-color: var(--banner-warning-variant-icon-dark-mode-color);
    --banner-warning-variant-icon-high-contrast-color: var(--banner-warning-variant-icon-high-contrast-dark-mode-color);
    --banner-warning-variant-icon-normal-contrast-color: var(--banner-warning-variant-icon-normal-contrast-dark-mode-color);
    --banner-warning-variant-normal-state-text-link-text-color: var(--banner-warning-variant-normal-state-text-link-text-dark-mode-color);
    --banner-warning-variant-pressed-state-text-link-text-color: var(--banner-warning-variant-pressed-state-text-link-text-dark-mode-color);
    --banner-warning-variant-text-color: var(--banner-warning-variant-text-dark-mode-color);
    --banner-warning-variant-text-link-text-color: var(--banner-warning-variant-text-link-text-dark-mode-color);

    /* ========== button-group ========== */
    --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);
    --button-group-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);
    --button-group-overflow-button-destructive-variant-primary-rank-hover-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);
    --button-group-overflow-button-destructive-variant-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);
    --button-group-overflow-button-destructive-variant-primary-rank-normal-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);
    --button-group-overflow-button-destructive-variant-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);
    --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);
    --button-group-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);
    --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);
    --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);
    --button-group-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);
    --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);
    --button-group-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);
    --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);
    --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);
    --button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);
    --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);
    --button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);
    --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);
    --button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);
    --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);
    --button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);
    --button-group-overflow-button-disabled-state-background-color: var(--button-group-overflow-button-disabled-state-dark-mode-background-color);
    --button-group-overflow-button-disabled-state-icon-color: var(--button-group-overflow-button-disabled-state-dark-mode-icon-color);
    --button-group-overflow-button-focus-state-background-color: var(--button-group-overflow-button-focus-state-dark-mode-background-color);
    --button-group-overflow-button-focus-state-icon-color: var(--button-group-overflow-button-focus-state-dark-mode-icon-color);
    --button-group-overflow-button-hover-state-background-color: var(--button-group-overflow-button-hover-state-dark-mode-background-color);
    --button-group-overflow-button-hover-state-icon-color: var(--button-group-overflow-button-hover-state-dark-mode-icon-color);
    --button-group-overflow-button-normal-state-background-color: var(--button-group-overflow-button-normal-state-dark-mode-background-color);
    --button-group-overflow-button-normal-state-icon-color: var(--button-group-overflow-button-normal-state-dark-mode-icon-color);
    --button-group-overflow-button-normal-variant-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
    --button-group-overflow-button-normal-variant-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);
    --button-group-overflow-button-normal-variant-primary-rank-focus-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);
    --button-group-overflow-button-normal-variant-primary-rank-focus-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);
    --button-group-overflow-button-normal-variant-primary-rank-hover-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);
    --button-group-overflow-button-normal-variant-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);
    --button-group-overflow-button-normal-variant-primary-rank-normal-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);
    --button-group-overflow-button-normal-variant-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);
    --button-group-overflow-button-normal-variant-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);
    --button-group-overflow-button-normal-variant-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);
    --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --button-group-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);
    --button-group-overflow-button-normal-variant-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
    --button-group-overflow-button-normal-variant-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);
    --button-group-overflow-button-normal-variant-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
    --button-group-overflow-button-normal-variant-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);
    --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --button-group-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);
    --button-group-overflow-button-pressed-state-background-color: var(--button-group-overflow-button-pressed-state-dark-mode-background-color);
    --button-group-overflow-button-pressed-state-icon-color: var(--button-group-overflow-button-pressed-state-dark-mode-icon-color);
    --button-group-overflow-button-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color);
    --button-group-overflow-button-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);
    --button-group-overflow-button-primary-rank-focus-state-background-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color);
    --button-group-overflow-button-primary-rank-focus-state-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color);
    --button-group-overflow-button-primary-rank-hover-state-background-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color);
    --button-group-overflow-button-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color);
    --button-group-overflow-button-primary-rank-normal-state-background-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color);
    --button-group-overflow-button-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color);
    --button-group-overflow-button-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color);
    --button-group-overflow-button-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);
    --button-group-overflow-button-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);
    --button-group-overflow-button-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);
    --button-group-overflow-button-secondary-rank-focus-state-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color);
    --button-group-overflow-button-secondary-rank-focus-state-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);
    --button-group-overflow-button-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color);
    --button-group-overflow-button-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);
    --button-group-overflow-button-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color);
    --button-group-overflow-button-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);
    --button-group-overflow-button-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);
    --button-group-overflow-button-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);
    --button-group-overflow-button-tertiary-rank-disabled-state-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);
    --button-group-overflow-button-tertiary-rank-disabled-state-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);
    --button-group-overflow-button-tertiary-rank-focus-state-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);
    --button-group-overflow-button-tertiary-rank-focus-state-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);
    --button-group-overflow-button-tertiary-rank-hover-state-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);
    --button-group-overflow-button-tertiary-rank-hover-state-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);
    --button-group-overflow-button-tertiary-rank-normal-state-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);
    --button-group-overflow-button-tertiary-rank-normal-state-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);
    --button-group-overflow-button-tertiary-rank-pressed-state-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);
    --button-group-overflow-button-tertiary-rank-pressed-state-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);

    /* ========== button ========== */
    --button-destructive-variant-primary-rank-disabled-state-background-color: var(--button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);
    --button-destructive-variant-primary-rank-disabled-state-label-color: var(--button-destructive-variant-primary-rank-disabled-state-dark-mode-label-color);
    --button-destructive-variant-primary-rank-focus-state-background-color: var(--button-destructive-variant-primary-rank-focus-state-dark-mode-background-color);
    --button-destructive-variant-primary-rank-focus-state-label-color: var(--button-destructive-variant-primary-rank-focus-state-dark-mode-label-color);
    --button-destructive-variant-primary-rank-hover-state-background-color: var(--button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);
    --button-destructive-variant-primary-rank-hover-state-label-color: var(--button-destructive-variant-primary-rank-hover-state-dark-mode-label-color);
    --button-destructive-variant-primary-rank-normal-state-background-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);
    --button-destructive-variant-primary-rank-normal-state-label-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color);
    --button-destructive-variant-primary-rank-pressed-state-background-color: var(--button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);
    --button-destructive-variant-primary-rank-pressed-state-label-color: var(--button-destructive-variant-primary-rank-pressed-state-dark-mode-label-color);
    --button-destructive-variant-secondary-rank-disabled-state-background-color: var(--button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --button-destructive-variant-secondary-rank-disabled-state-label-color: var(--button-destructive-variant-secondary-rank-disabled-state-dark-mode-label-color);
    --button-destructive-variant-secondary-rank-focus-state-background-color: var(--button-destructive-variant-secondary-rank-focus-state-dark-mode-background-color);
    --button-destructive-variant-secondary-rank-focus-state-label-color: var(--button-destructive-variant-secondary-rank-focus-state-dark-mode-label-color);
    --button-destructive-variant-secondary-rank-hover-state-background-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);
    --button-destructive-variant-secondary-rank-hover-state-label-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-label-color);
    --button-destructive-variant-secondary-rank-normal-state-background-color: var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);
    --button-destructive-variant-secondary-rank-normal-state-label-color: var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color);
    --button-destructive-variant-secondary-rank-pressed-state-background-color: var(--button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --button-destructive-variant-secondary-rank-pressed-state-label-color: var(--button-destructive-variant-secondary-rank-pressed-state-dark-mode-label-color);
    --button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);
    --button-destructive-variant-tertiary-rank-disabled-state-label-color: var(--button-destructive-variant-tertiary-rank-disabled-state-dark-mode-label-color);
    --button-destructive-variant-tertiary-rank-focus-state-background-color: var(--button-destructive-variant-tertiary-rank-focus-state-dark-mode-background-color);
    --button-destructive-variant-tertiary-rank-focus-state-label-color: var(--button-destructive-variant-tertiary-rank-focus-state-dark-mode-label-color);
    --button-destructive-variant-tertiary-rank-hover-state-background-color: var(--button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);
    --button-destructive-variant-tertiary-rank-hover-state-label-color: var(--button-destructive-variant-tertiary-rank-hover-state-dark-mode-label-color);
    --button-destructive-variant-tertiary-rank-normal-state-background-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);
    --button-destructive-variant-tertiary-rank-normal-state-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color);
    --button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);
    --button-destructive-variant-tertiary-rank-pressed-state-label-color: var(--button-destructive-variant-tertiary-rank-pressed-state-dark-mode-label-color);
    --button-focus-ring-color: var(--button-dark-mode-focus-ring-color);
    --button-normal-variant-primary-rank-disabled-state-background-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
    --button-normal-variant-primary-rank-disabled-state-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);
    --button-normal-variant-primary-rank-focus-state-background-color: var(--button-normal-variant-primary-rank-focus-state-dark-mode-background-color);
    --button-normal-variant-primary-rank-focus-state-label-color: var(--button-normal-variant-primary-rank-focus-state-dark-mode-label-color);
    --button-normal-variant-primary-rank-hover-state-background-color: var(--button-normal-variant-primary-rank-hover-state-dark-mode-background-color);
    --button-normal-variant-primary-rank-hover-state-label-color: var(--button-normal-variant-primary-rank-hover-state-dark-mode-label-color);
    --button-normal-variant-primary-rank-normal-state-background-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-background-color);
    --button-normal-variant-primary-rank-normal-state-label-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color);
    --button-normal-variant-primary-rank-pressed-state-background-color: var(--button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);
    --button-normal-variant-primary-rank-pressed-state-label-color: var(--button-normal-variant-primary-rank-pressed-state-dark-mode-label-color);
    --button-normal-variant-secondary-rank-disabled-state-background-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --button-normal-variant-secondary-rank-disabled-state-label-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color);
    --button-normal-variant-secondary-rank-focus-state-background-color: var(--button-normal-variant-secondary-rank-focus-state-dark-mode-background-color);
    --button-normal-variant-secondary-rank-focus-state-label-color: var(--button-normal-variant-secondary-rank-focus-state-dark-mode-label-color);
    --button-normal-variant-secondary-rank-hover-state-background-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
    --button-normal-variant-secondary-rank-hover-state-label-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-label-color);
    --button-normal-variant-secondary-rank-normal-state-background-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
    --button-normal-variant-secondary-rank-normal-state-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);
    --button-normal-variant-secondary-rank-pressed-state-background-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --button-normal-variant-secondary-rank-pressed-state-label-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color);
    --button-normal-variant-tertiary-rank-disabled-state-background-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color);
    --button-normal-variant-tertiary-rank-disabled-state-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color);
    --button-normal-variant-tertiary-rank-focus-state-background-color: var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color);
    --button-normal-variant-tertiary-rank-focus-state-label-color: var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color);
    --button-normal-variant-tertiary-rank-hover-state-background-color: var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color);
    --button-normal-variant-tertiary-rank-hover-state-label-color: var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color);
    --button-normal-variant-tertiary-rank-normal-state-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);
    --button-normal-variant-tertiary-rank-normal-state-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);
    --button-normal-variant-tertiary-rank-pressed-state-background-color: var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color);
    --button-normal-variant-tertiary-rank-pressed-state-label-color: var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color);

    /* ========== calculator ========== */
    --calculator-button-default-variant-background-disabled-state-color: var(--calculator-button-default-variant-background-disabled-state-dark-mode-color);
    --calculator-button-default-variant-background-normal-state-color: var(--calculator-button-default-variant-background-normal-state-dark-mode-color);
    --calculator-button-default-variant-background-pressed-state-color: var(--calculator-button-default-variant-background-pressed-state-dark-mode-color);
    --calculator-button-default-variant-foreground-disabled-state-color: var(--calculator-button-default-variant-foreground-disabled-state-dark-mode-color);
    --calculator-button-default-variant-foreground-normal-state-color: var(--calculator-button-default-variant-foreground-normal-state-dark-mode-color);
    --calculator-button-default-variant-foreground-pressed-state-color: var(--calculator-button-default-variant-foreground-pressed-state-dark-mode-color);
    --calculator-button-primary-operator-variant-background-disabled-state-color: var(--calculator-button-primary-operator-variant-background-disabled-state-dark-mode-color);
    --calculator-button-primary-operator-variant-background-normal-state-color: var(--calculator-button-primary-operator-variant-background-normal-state-dark-mode-color);
    --calculator-button-primary-operator-variant-background-pressed-state-color: var(--calculator-button-primary-operator-variant-background-pressed-state-dark-mode-color);
    --calculator-button-primary-operator-variant-foreground-disabled-state-color: var(--calculator-button-primary-operator-variant-foreground-disabled-state-dark-mode-color);
    --calculator-button-primary-operator-variant-foreground-normal-state-color: var(--calculator-button-primary-operator-variant-foreground-normal-state-dark-mode-color);
    --calculator-button-primary-operator-variant-foreground-pressed-state-color: var(--calculator-button-primary-operator-variant-foreground-pressed-state-dark-mode-color);
    --calculator-button-secondary-operator-variant-background-disabled-state-color: var(--calculator-button-secondary-operator-variant-background-disabled-state-dark-mode-color);
    --calculator-button-secondary-operator-variant-background-normal-state-color: var(--calculator-button-secondary-operator-variant-background-normal-state-dark-mode-color);
    --calculator-button-secondary-operator-variant-background-pressed-state-color: var(--calculator-button-secondary-operator-variant-background-pressed-state-dark-mode-color);
    --calculator-button-secondary-operator-variant-foreground-disabled-state-color: var(--calculator-button-secondary-operator-variant-foreground-disabled-state-dark-mode-color);
    --calculator-button-secondary-operator-variant-foreground-normal-state-color: var(--calculator-button-secondary-operator-variant-foreground-normal-state-dark-mode-color);
    --calculator-button-secondary-operator-variant-foreground-pressed-state-color: var(--calculator-button-secondary-operator-variant-foreground-pressed-state-dark-mode-color);
    --calculator-display-border-color: var(--calculator-display-border-dark-mode-color);
    --calculator-display-text-color: var(--calculator-display-text-dark-mode-color);

    /* ========== checkbox ========== */
    --checkbox-disabled-state-invalid-validity-checked-value-background-color: var(--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-background-color);
    --checkbox-disabled-state-invalid-validity-checked-value-border-color: var(--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-border-color);
    --checkbox-disabled-state-invalid-validity-checked-value-icon-color: var(--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-icon-color);
    --checkbox-disabled-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-background-color);
    --checkbox-disabled-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-border-color);
    --checkbox-disabled-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-icon-color);
    --checkbox-disabled-state-invalid-validity-unchecked-value-background-color: var(--checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-background-color);
    --checkbox-disabled-state-invalid-validity-unchecked-value-border-color: var(--checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-border-color);
    --checkbox-disabled-state-normal-validity-checked-value-background-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-background-color);
    --checkbox-disabled-state-normal-validity-checked-value-border-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-border-color);
    --checkbox-disabled-state-normal-validity-checked-value-icon-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-icon-color);
    --checkbox-disabled-state-normal-validity-indeterminate-value-background-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-background-color);
    --checkbox-disabled-state-normal-validity-indeterminate-value-border-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-border-color);
    --checkbox-disabled-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-icon-color);
    --checkbox-disabled-state-normal-validity-unchecked-value-background-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-background-color);
    --checkbox-disabled-state-normal-validity-unchecked-value-border-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-border-color);
    --checkbox-focus-ring-color: var(--checkbox-dark-mode-focus-ring-color);
    --checkbox-focus-state-invalid-validity-checked-value-background-color: var(--checkbox-focus-state-invalid-validity-checked-value-dark-mode-background-color);
    --checkbox-focus-state-invalid-validity-checked-value-border-color: var(--checkbox-focus-state-invalid-validity-checked-value-dark-mode-border-color);
    --checkbox-focus-state-invalid-validity-checked-value-icon-color: var(--checkbox-focus-state-invalid-validity-checked-value-dark-mode-icon-color);
    --checkbox-focus-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-background-color);
    --checkbox-focus-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-border-color);
    --checkbox-focus-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-icon-color);
    --checkbox-focus-state-invalid-validity-unchecked-value-background-color: var(--checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-background-color);
    --checkbox-focus-state-invalid-validity-unchecked-value-border-color: var(--checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-border-color);
    --checkbox-focus-state-normal-validity-checked-value-background-color: var(--checkbox-focus-state-normal-validity-checked-value-dark-mode-background-color);
    --checkbox-focus-state-normal-validity-checked-value-border-color: var(--checkbox-focus-state-normal-validity-checked-value-dark-mode-border-color);
    --checkbox-focus-state-normal-validity-checked-value-icon-color: var(--checkbox-focus-state-normal-validity-checked-value-dark-mode-icon-color);
    --checkbox-focus-state-normal-validity-indeterminate-value-background-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-background-color);
    --checkbox-focus-state-normal-validity-indeterminate-value-border-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-border-color);
    --checkbox-focus-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-icon-color);
    --checkbox-focus-state-normal-validity-unchecked-value-background-color: var(--checkbox-focus-state-normal-validity-unchecked-value-dark-mode-background-color);
    --checkbox-focus-state-normal-validity-unchecked-value-border-color: var(--checkbox-focus-state-normal-validity-unchecked-value-dark-mode-border-color);
    --checkbox-hover-state-invalid-validity-checked-value-background-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-background-color);
    --checkbox-hover-state-invalid-validity-checked-value-border-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-border-color);
    --checkbox-hover-state-invalid-validity-checked-value-icon-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-icon-color);
    --checkbox-hover-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-background-color);
    --checkbox-hover-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-border-color);
    --checkbox-hover-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-icon-color);
    --checkbox-hover-state-invalid-validity-unchecked-value-background-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-background-color);
    --checkbox-hover-state-invalid-validity-unchecked-value-border-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-border-color);
    --checkbox-hover-state-normal-validity-checked-value-background-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-background-color);
    --checkbox-hover-state-normal-validity-checked-value-border-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-border-color);
    --checkbox-hover-state-normal-validity-checked-value-icon-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-icon-color);
    --checkbox-hover-state-normal-validity-indeterminate-value-background-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-background-color);
    --checkbox-hover-state-normal-validity-indeterminate-value-border-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-border-color);
    --checkbox-hover-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-icon-color);
    --checkbox-hover-state-normal-validity-unchecked-value-background-color: var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-background-color);
    --checkbox-hover-state-normal-validity-unchecked-value-border-color: var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-border-color);
    --checkbox-normal-state-invalid-validity-checked-value-background-color: var(--checkbox-normal-state-invalid-validity-checked-value-dark-mode-background-color);
    --checkbox-normal-state-invalid-validity-checked-value-border-color: var(--checkbox-normal-state-invalid-validity-checked-value-dark-mode-border-color);
    --checkbox-normal-state-invalid-validity-checked-value-icon-color: var(--checkbox-normal-state-invalid-validity-checked-value-dark-mode-icon-color);
    --checkbox-normal-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-background-color);
    --checkbox-normal-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-border-color);
    --checkbox-normal-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-icon-color);
    --checkbox-normal-state-invalid-validity-unchecked-value-background-color: var(--checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-background-color);
    --checkbox-normal-state-invalid-validity-unchecked-value-border-color: var(--checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-border-color);
    --checkbox-normal-state-normal-validity-checked-value-background-color: var(--checkbox-normal-state-normal-validity-checked-value-dark-mode-background-color);
    --checkbox-normal-state-normal-validity-checked-value-border-color: var(--checkbox-normal-state-normal-validity-checked-value-dark-mode-border-color);
    --checkbox-normal-state-normal-validity-checked-value-icon-color: var(--checkbox-normal-state-normal-validity-checked-value-dark-mode-icon-color);
    --checkbox-normal-state-normal-validity-indeterminate-value-background-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-background-color);
    --checkbox-normal-state-normal-validity-indeterminate-value-border-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-border-color);
    --checkbox-normal-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-icon-color);
    --checkbox-normal-state-normal-validity-unchecked-value-background-color: var(--checkbox-normal-state-normal-validity-unchecked-value-dark-mode-background-color);
    --checkbox-normal-state-normal-validity-unchecked-value-border-color: var(--checkbox-normal-state-normal-validity-unchecked-value-dark-mode-border-color);
    --checkbox-pressed-state-invalid-validity-checked-value-background-color: var(--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-background-color);
    --checkbox-pressed-state-invalid-validity-checked-value-border-color: var(--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-border-color);
    --checkbox-pressed-state-invalid-validity-checked-value-icon-color: var(--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-icon-color);
    --checkbox-pressed-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-background-color);
    --checkbox-pressed-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-border-color);
    --checkbox-pressed-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-icon-color);
    --checkbox-pressed-state-invalid-validity-unchecked-value-background-color: var(--checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-background-color);
    --checkbox-pressed-state-invalid-validity-unchecked-value-border-color: var(--checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-border-color);
    --checkbox-pressed-state-normal-validity-checked-value-background-color: var(--checkbox-pressed-state-normal-validity-checked-value-dark-mode-background-color);
    --checkbox-pressed-state-normal-validity-checked-value-border-color: var(--checkbox-pressed-state-normal-validity-checked-value-dark-mode-border-color);
    --checkbox-pressed-state-normal-validity-checked-value-icon-color: var(--checkbox-pressed-state-normal-validity-checked-value-dark-mode-icon-color);
    --checkbox-pressed-state-normal-validity-indeterminate-value-background-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-background-color);
    --checkbox-pressed-state-normal-validity-indeterminate-value-border-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-border-color);
    --checkbox-pressed-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-icon-color);
    --checkbox-pressed-state-normal-validity-unchecked-value-background-color: var(--checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-background-color);
    --checkbox-pressed-state-normal-validity-unchecked-value-border-color: var(--checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-border-color);

    /* ========== choice-button ========== */
    --choice-button-focus-ring-color: var(--choice-button-dark-mode-focus-ring-color);
    --choice-button-selected-value-disabled-state-background-color: var(--choice-button-selected-value-disabled-state-dark-mode-background-color);
    --choice-button-selected-value-disabled-state-label-color: var(--choice-button-selected-value-disabled-state-dark-mode-label-color);
    --choice-button-selected-value-hover-state-background-color: var(--choice-button-selected-value-hover-state-dark-mode-background-color);
    --choice-button-selected-value-hover-state-label-color: var(--choice-button-selected-value-hover-state-dark-mode-label-color);
    --choice-button-selected-value-normal-state-background-color: var(--choice-button-selected-value-normal-state-dark-mode-background-color);
    --choice-button-selected-value-normal-state-label-color: var(--choice-button-selected-value-normal-state-dark-mode-label-color);
    --choice-button-selected-value-pressed-state-background-color: var(--choice-button-selected-value-pressed-state-dark-mode-background-color);
    --choice-button-selected-value-pressed-state-label-color: var(--choice-button-selected-value-pressed-state-dark-mode-label-color);
    --choice-button-unselected-value-disabled-state-background-color: var(--choice-button-unselected-value-disabled-state-dark-mode-background-color);
    --choice-button-unselected-value-disabled-state-label-color: var(--choice-button-unselected-value-disabled-state-dark-mode-label-color);
    --choice-button-unselected-value-hover-state-background-color: var(--choice-button-unselected-value-hover-state-dark-mode-background-color);
    --choice-button-unselected-value-hover-state-label-color: var(--choice-button-unselected-value-hover-state-dark-mode-label-color);
    --choice-button-unselected-value-normal-state-background-color: var(--choice-button-unselected-value-normal-state-dark-mode-background-color);
    --choice-button-unselected-value-normal-state-label-color: var(--choice-button-unselected-value-normal-state-dark-mode-label-color);
    --choice-button-unselected-value-pressed-state-background-color: var(--choice-button-unselected-value-pressed-state-dark-mode-background-color);
    --choice-button-unselected-value-pressed-state-label-color: var(--choice-button-unselected-value-pressed-state-dark-mode-label-color);

    /* ========== choice-icon-button ========== */
    --choice-icon-button-focus-ring-color: var(--choice-icon-button-dark-mode-focus-ring-color);
    --choice-icon-button-selected-value-disabled-state-background-color: var(--choice-icon-button-selected-value-disabled-state-dark-mode-background-color);
    --choice-icon-button-selected-value-disabled-state-icon-color: var(--choice-icon-button-selected-value-disabled-state-dark-mode-icon-color);
    --choice-icon-button-selected-value-hover-state-background-color: var(--choice-icon-button-selected-value-hover-state-dark-mode-background-color);
    --choice-icon-button-selected-value-hover-state-icon-color: var(--choice-icon-button-selected-value-hover-state-dark-mode-icon-color);
    --choice-icon-button-selected-value-normal-state-background-color: var(--choice-icon-button-selected-value-normal-state-dark-mode-background-color);
    --choice-icon-button-selected-value-normal-state-icon-color: var(--choice-icon-button-selected-value-normal-state-dark-mode-icon-color);
    --choice-icon-button-selected-value-pressed-state-background-color: var(--choice-icon-button-selected-value-pressed-state-dark-mode-background-color);
    --choice-icon-button-selected-value-pressed-state-icon-color: var(--choice-icon-button-selected-value-pressed-state-dark-mode-icon-color);
    --choice-icon-button-unselected-value-disabled-state-background-color: var(--choice-icon-button-unselected-value-disabled-state-dark-mode-background-color);
    --choice-icon-button-unselected-value-disabled-state-icon-color: var(--choice-icon-button-unselected-value-disabled-state-dark-mode-icon-color);
    --choice-icon-button-unselected-value-hover-state-background-color: var(--choice-icon-button-unselected-value-hover-state-dark-mode-background-color);
    --choice-icon-button-unselected-value-hover-state-icon-color: var(--choice-icon-button-unselected-value-hover-state-dark-mode-icon-color);
    --choice-icon-button-unselected-value-normal-state-background-color: var(--choice-icon-button-unselected-value-normal-state-dark-mode-background-color);
    --choice-icon-button-unselected-value-normal-state-icon-color: var(--choice-icon-button-unselected-value-normal-state-dark-mode-icon-color);
    --choice-icon-button-unselected-value-pressed-state-background-color: var(--choice-icon-button-unselected-value-pressed-state-dark-mode-background-color);
    --choice-icon-button-unselected-value-pressed-state-icon-color: var(--choice-icon-button-unselected-value-pressed-state-dark-mode-icon-color);

    /* ========== coachmark ========== */
    --coachmark-background-color: var(--coachmark-background-dark-mode-color);
    --coachmark-heading-color: var(--coachmark-heading-dark-mode-color);
    --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);
    --coachmark-icon-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);
    --coachmark-icon-button-destructive-variant-primary-rank-hover-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);
    --coachmark-icon-button-destructive-variant-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);
    --coachmark-icon-button-destructive-variant-primary-rank-normal-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);
    --coachmark-icon-button-destructive-variant-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);
    --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);
    --coachmark-icon-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);
    --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);
    --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);
    --coachmark-icon-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);
    --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);
    --coachmark-icon-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);
    --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);
    --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);
    --coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);
    --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);
    --coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);
    --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);
    --coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);
    --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);
    --coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--coachmark-icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);
    --coachmark-icon-button-disabled-state-background-color: var(--coachmark-icon-button-disabled-state-dark-mode-background-color);
    --coachmark-icon-button-disabled-state-icon-color: var(--coachmark-icon-button-disabled-state-dark-mode-icon-color);
    --coachmark-icon-button-focus-state-background-color: var(--coachmark-icon-button-focus-state-dark-mode-background-color);
    --coachmark-icon-button-focus-state-icon-color: var(--coachmark-icon-button-focus-state-dark-mode-icon-color);
    --coachmark-icon-button-hover-state-background-color: var(--coachmark-icon-button-hover-state-dark-mode-background-color);
    --coachmark-icon-button-hover-state-icon-color: var(--coachmark-icon-button-hover-state-dark-mode-icon-color);
    --coachmark-icon-button-normal-state-background-color: var(--coachmark-icon-button-normal-state-dark-mode-background-color);
    --coachmark-icon-button-normal-state-icon-color: var(--coachmark-icon-button-normal-state-dark-mode-icon-color);
    --coachmark-icon-button-normal-variant-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
    --coachmark-icon-button-normal-variant-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);
    --coachmark-icon-button-normal-variant-primary-rank-focus-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);
    --coachmark-icon-button-normal-variant-primary-rank-focus-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);
    --coachmark-icon-button-normal-variant-primary-rank-hover-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);
    --coachmark-icon-button-normal-variant-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);
    --coachmark-icon-button-normal-variant-primary-rank-normal-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);
    --coachmark-icon-button-normal-variant-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);
    --coachmark-icon-button-normal-variant-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);
    --coachmark-icon-button-normal-variant-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);
    --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --coachmark-icon-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);
    --coachmark-icon-button-normal-variant-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
    --coachmark-icon-button-normal-variant-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);
    --coachmark-icon-button-normal-variant-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
    --coachmark-icon-button-normal-variant-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);
    --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --coachmark-icon-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);
    --coachmark-icon-button-pressed-state-background-color: var(--coachmark-icon-button-pressed-state-dark-mode-background-color);
    --coachmark-icon-button-pressed-state-icon-color: var(--coachmark-icon-button-pressed-state-dark-mode-icon-color);
    --coachmark-icon-button-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-primary-rank-disabled-state-dark-mode-background-color);
    --coachmark-icon-button-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-primary-rank-disabled-state-dark-mode-icon-color);
    --coachmark-icon-button-primary-rank-focus-state-background-color: var(--coachmark-icon-button-primary-rank-focus-state-dark-mode-background-color);
    --coachmark-icon-button-primary-rank-focus-state-icon-color: var(--coachmark-icon-button-primary-rank-focus-state-dark-mode-icon-color);
    --coachmark-icon-button-primary-rank-hover-state-background-color: var(--coachmark-icon-button-primary-rank-hover-state-dark-mode-background-color);
    --coachmark-icon-button-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-primary-rank-hover-state-dark-mode-icon-color);
    --coachmark-icon-button-primary-rank-normal-state-background-color: var(--coachmark-icon-button-primary-rank-normal-state-dark-mode-background-color);
    --coachmark-icon-button-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-primary-rank-normal-state-dark-mode-icon-color);
    --coachmark-icon-button-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-primary-rank-pressed-state-dark-mode-background-color);
    --coachmark-icon-button-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-primary-rank-pressed-state-dark-mode-icon-color);
    --coachmark-icon-button-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-secondary-rank-disabled-state-dark-mode-background-color);
    --coachmark-icon-button-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-secondary-rank-disabled-state-dark-mode-icon-color);
    --coachmark-icon-button-secondary-rank-focus-state-background-color: var(--coachmark-icon-button-secondary-rank-focus-state-dark-mode-background-color);
    --coachmark-icon-button-secondary-rank-focus-state-icon-color: var(--coachmark-icon-button-secondary-rank-focus-state-dark-mode-icon-color);
    --coachmark-icon-button-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-secondary-rank-hover-state-dark-mode-background-color);
    --coachmark-icon-button-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-secondary-rank-hover-state-dark-mode-icon-color);
    --coachmark-icon-button-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-secondary-rank-normal-state-dark-mode-background-color);
    --coachmark-icon-button-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-secondary-rank-normal-state-dark-mode-icon-color);
    --coachmark-icon-button-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-secondary-rank-pressed-state-dark-mode-background-color);
    --coachmark-icon-button-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-secondary-rank-pressed-state-dark-mode-icon-color);
    --coachmark-icon-button-tertiary-rank-disabled-state-background-color: var(--coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-background-color);
    --coachmark-icon-button-tertiary-rank-disabled-state-icon-color: var(--coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-icon-color);
    --coachmark-icon-button-tertiary-rank-focus-state-background-color: var(--coachmark-icon-button-tertiary-rank-focus-state-dark-mode-background-color);
    --coachmark-icon-button-tertiary-rank-focus-state-icon-color: var(--coachmark-icon-button-tertiary-rank-focus-state-dark-mode-icon-color);
    --coachmark-icon-button-tertiary-rank-hover-state-background-color: var(--coachmark-icon-button-tertiary-rank-hover-state-dark-mode-background-color);
    --coachmark-icon-button-tertiary-rank-hover-state-icon-color: var(--coachmark-icon-button-tertiary-rank-hover-state-dark-mode-icon-color);
    --coachmark-icon-button-tertiary-rank-normal-state-background-color: var(--coachmark-icon-button-tertiary-rank-normal-state-dark-mode-background-color);
    --coachmark-icon-button-tertiary-rank-normal-state-icon-color: var(--coachmark-icon-button-tertiary-rank-normal-state-dark-mode-icon-color);
    --coachmark-icon-button-tertiary-rank-pressed-state-background-color: var(--coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-background-color);
    --coachmark-icon-button-tertiary-rank-pressed-state-icon-color: var(--coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-icon-color);
    --coachmark-paragraph-color: var(--coachmark-paragraph-dark-mode-color);
    --coachmark-pill-alpha-variant-background-color: var(--coachmark-pill-alpha-variant-background-dark-mode-color);
    --coachmark-pill-alpha-variant-icon-color: var(--coachmark-pill-alpha-variant-icon-dark-mode-color);
    --coachmark-pill-alpha-variant-normal-state-background-color: var(--coachmark-pill-alpha-variant-normal-state-background-dark-mode-color);
    --coachmark-pill-alpha-variant-pressed-state-background-color: var(--coachmark-pill-alpha-variant-pressed-state-background-dark-mode-color);
    --coachmark-pill-alpha-variant-text-color: var(--coachmark-pill-alpha-variant-text-dark-mode-color);
    --coachmark-pill-beta-variant-background-color: var(--coachmark-pill-beta-variant-background-dark-mode-color);
    --coachmark-pill-beta-variant-icon-color: var(--coachmark-pill-beta-variant-icon-dark-mode-color);
    --coachmark-pill-beta-variant-normal-state-background-color: var(--coachmark-pill-beta-variant-normal-state-background-dark-mode-color);
    --coachmark-pill-beta-variant-pressed-state-background-color: var(--coachmark-pill-beta-variant-pressed-state-background-dark-mode-color);
    --coachmark-pill-beta-variant-text-color: var(--coachmark-pill-beta-variant-text-dark-mode-color);
    --coachmark-pill-border-color: var(--coachmark-pill-border-dark-mode-color);
    --coachmark-pill-critical-variant-background-color: var(--coachmark-pill-critical-variant-background-dark-mode-color);
    --coachmark-pill-critical-variant-icon-color: var(--coachmark-pill-critical-variant-icon-dark-mode-color);
    --coachmark-pill-critical-variant-normal-state-background-color: var(--coachmark-pill-critical-variant-normal-state-background-dark-mode-color);
    --coachmark-pill-critical-variant-pressed-state-background-color: var(--coachmark-pill-critical-variant-pressed-state-background-dark-mode-color);
    --coachmark-pill-critical-variant-text-color: var(--coachmark-pill-critical-variant-text-dark-mode-color);
    --coachmark-pill-emphasis-variant-background-color: var(--coachmark-pill-emphasis-variant-background-dark-mode-color);
    --coachmark-pill-emphasis-variant-icon-color: var(--coachmark-pill-emphasis-variant-icon-dark-mode-color);
    --coachmark-pill-emphasis-variant-normal-state-background-color: var(--coachmark-pill-emphasis-variant-normal-state-background-dark-mode-color);
    --coachmark-pill-emphasis-variant-pressed-state-background-color: var(--coachmark-pill-emphasis-variant-pressed-state-background-dark-mode-color);
    --coachmark-pill-emphasis-variant-text-color: var(--coachmark-pill-emphasis-variant-text-dark-mode-color);
    --coachmark-pill-insight-variant-background-color: var(--coachmark-pill-insight-variant-background-dark-mode-color);
    --coachmark-pill-insight-variant-icon-color: var(--coachmark-pill-insight-variant-icon-dark-mode-color);
    --coachmark-pill-insight-variant-normal-state-background-color: var(--coachmark-pill-insight-variant-normal-state-background-dark-mode-color);
    --coachmark-pill-insight-variant-pressed-state-background-color: var(--coachmark-pill-insight-variant-pressed-state-background-dark-mode-color);
    --coachmark-pill-insight-variant-text-color: var(--coachmark-pill-insight-variant-text-dark-mode-color);
    --coachmark-pill-normal-variant-background-color: var(--coachmark-pill-normal-variant-background-dark-mode-color);
    --coachmark-pill-normal-variant-icon-color: var(--coachmark-pill-normal-variant-icon-dark-mode-color);
    --coachmark-pill-normal-variant-normal-state-background-color: var(--coachmark-pill-normal-variant-normal-state-background-dark-mode-color);
    --coachmark-pill-normal-variant-pressed-state-background-color: var(--coachmark-pill-normal-variant-pressed-state-background-dark-mode-color);
    --coachmark-pill-normal-variant-text-color: var(--coachmark-pill-normal-variant-text-dark-mode-color);
    --coachmark-pill-success-variant-background-color: var(--coachmark-pill-success-variant-background-dark-mode-color);
    --coachmark-pill-success-variant-icon-color: var(--coachmark-pill-success-variant-icon-dark-mode-color);
    --coachmark-pill-success-variant-normal-state-background-color: var(--coachmark-pill-success-variant-normal-state-background-dark-mode-color);
    --coachmark-pill-success-variant-pressed-state-background-color: var(--coachmark-pill-success-variant-pressed-state-background-dark-mode-color);
    --coachmark-pill-success-variant-text-color: var(--coachmark-pill-success-variant-text-dark-mode-color);
    --coachmark-pill-warning-variant-background-color: var(--coachmark-pill-warning-variant-background-dark-mode-color);
    --coachmark-pill-warning-variant-icon-color: var(--coachmark-pill-warning-variant-icon-dark-mode-color);
    --coachmark-pill-warning-variant-normal-state-background-color: var(--coachmark-pill-warning-variant-normal-state-background-dark-mode-color);
    --coachmark-pill-warning-variant-pressed-state-background-color: var(--coachmark-pill-warning-variant-pressed-state-background-dark-mode-color);
    --coachmark-pill-warning-variant-text-color: var(--coachmark-pill-warning-variant-text-dark-mode-color);
    --coachmark-step-indicator-color: var(--coachmark-step-indicator-dark-mode-color);
    --coachmark-text-link-color: var(--coachmark-text-link-dark-mode-color);

    /* ========== colorPicker ========== */
    --color-picker-adjustments-scrubber-border-inner-color: var(--color-picker-adjustments-scrubber-border-inner-dark-mode-color);
    --color-picker-adjustments-scrubber-border-outer-color: var(--color-picker-adjustments-scrubber-border-outer-dark-mode-color);
    --color-picker-dots-icon-color: var(--color-picker-dots-icon-dark-mode-color);
    --color-picker-grid-color-palette-gray-color: var(--color-picker-grid-color-palette-gray-dark-mode-color);
    --color-picker-swatch-selected-state-border-color: var(--color-picker-swatch-selected-state-dark-mode-border-color);

    /* ========== contentCard ========== */
    --content-card-background-color: var(--content-card-background-dark-mode-color);
    --content-card-border-color: var(--content-card-border-dark-mode-color);
    --content-card-border-high-contrast-color: var(--content-card-border-high-contrast-dark-mode-color);
    --content-card-border-normal-contrast-color: var(--content-card-border-normal-contrast-dark-mode-color);
    --content-card-default-variant-background-color: var(--content-card-default-variant-background-dark-mode-color);
    --content-card-default-variant-border-color: var(--content-card-default-variant-border-dark-mode-color);
    --content-card-default-variant-border-high-contrast-color: var(--content-card-default-variant-border-high-contrast-dark-mode-color);
    --content-card-default-variant-border-normal-contrast-color: var(--content-card-default-variant-border-normal-contrast-dark-mode-color);
    --content-card-emphasis-variant-background-color: var(--content-card-emphasis-variant-background-dark-mode-color);
    --content-card-emphasis-variant-border-color: var(--content-card-emphasis-variant-border-dark-mode-color);

    /* ========== content-expander ========== */
    --content-expander-collapsed-display-disabled-state-color: var(--content-expander-collapsed-display-disabled-state-dark-mode-color);
    --content-expander-collapsed-display-hover-state-color: var(--content-expander-collapsed-display-hover-state-dark-mode-color);
    --content-expander-collapsed-display-normal-state-color: var(--content-expander-collapsed-display-normal-state-dark-mode-color);
    --content-expander-collapsed-display-pressed-state-color: var(--content-expander-collapsed-display-pressed-state-dark-mode-color);
    --content-expander-disabled-state-color: var(--content-expander-disabled-state-dark-mode-color);
    --content-expander-expanded-display-disabled-state-color: var(--content-expander-expanded-display-disabled-state-dark-mode-color);
    --content-expander-expanded-display-hover-state-color: var(--content-expander-expanded-display-hover-state-dark-mode-color);
    --content-expander-expanded-display-normal-state-color: var(--content-expander-expanded-display-normal-state-dark-mode-color);
    --content-expander-expanded-display-pressed-state-color: var(--content-expander-expanded-display-pressed-state-dark-mode-color);
    --content-expander-hover-state-color: var(--content-expander-hover-state-dark-mode-color);
    --content-expander-normal-state-color: var(--content-expander-normal-state-dark-mode-color);
    --content-expander-pressed-state-color: var(--content-expander-pressed-state-dark-mode-color);

    /* ========== datePicker ========== */
    --date-picker-date-background-range-first-selection-disabled-state-color: var(--date-picker-date-background-range-first-selection-disabled-state-dark-mode-color);
    --date-picker-date-background-range-first-selection-hover-state-color: var(--date-picker-date-background-range-first-selection-hover-state-dark-mode-color);
    --date-picker-date-background-range-first-selection-normal-state-color: var(--date-picker-date-background-range-first-selection-normal-state-dark-mode-color);
    --date-picker-date-background-range-first-selection-pressed-state-color: var(--date-picker-date-background-range-first-selection-pressed-state-dark-mode-color);
    --date-picker-date-background-range-last-selection-disabled-state-color: var(--date-picker-date-background-range-last-selection-disabled-state-dark-mode-color);
    --date-picker-date-background-range-last-selection-hover-state-color: var(--date-picker-date-background-range-last-selection-hover-state-dark-mode-color);
    --date-picker-date-background-range-last-selection-normal-state-color: var(--date-picker-date-background-range-last-selection-normal-state-dark-mode-color);
    --date-picker-date-background-range-last-selection-pressed-state-color: var(--date-picker-date-background-range-last-selection-pressed-state-dark-mode-color);
    --date-picker-date-background-range-middle-selection-disabled-state-color: var(--date-picker-date-background-range-middle-selection-disabled-state-dark-mode-color);
    --date-picker-date-background-range-middle-selection-hover-state-color: var(--date-picker-date-background-range-middle-selection-hover-state-dark-mode-color);
    --date-picker-date-background-range-middle-selection-normal-state-color: var(--date-picker-date-background-range-middle-selection-normal-state-dark-mode-color);
    --date-picker-date-background-range-middle-selection-pressed-state-color: var(--date-picker-date-background-range-middle-selection-pressed-state-dark-mode-color);
    --date-picker-date-background-single-selection-disabled-state-color: var(--date-picker-date-background-single-selection-disabled-state-dark-mode-color);
    --date-picker-date-background-single-selection-hover-state-color: var(--date-picker-date-background-single-selection-hover-state-dark-mode-color);
    --date-picker-date-background-single-selection-normal-state-color: var(--date-picker-date-background-single-selection-normal-state-dark-mode-color);
    --date-picker-date-background-single-selection-pressed-state-color: var(--date-picker-date-background-single-selection-pressed-state-dark-mode-color);
    --date-picker-date-background-unselected-selection-disabled-state-color: var(--date-picker-date-background-unselected-selection-disabled-state-dark-mode-color);
    --date-picker-date-background-unselected-selection-hover-state-color: var(--date-picker-date-background-unselected-selection-hover-state-dark-mode-color);
    --date-picker-date-background-unselected-selection-normal-state-color: var(--date-picker-date-background-unselected-selection-normal-state-dark-mode-color);
    --date-picker-date-background-unselected-selection-pressed-state-color: var(--date-picker-date-background-unselected-selection-pressed-state-dark-mode-color);
    --date-picker-date-border-disabled-state-color-color: var(--date-picker-date-border-disabled-state-color-dark-mode-color);
    --date-picker-date-border-focused-state-color-color: var(--date-picker-date-border-focused-state-color-dark-mode-color);
    --date-picker-date-border-normal-state-color-color: var(--date-picker-date-border-normal-state-color-dark-mode-color);
    --date-picker-date-text-range-first-selection-disabled-state-color: var(--date-picker-date-text-range-first-selection-disabled-state-dark-mode-color);
    --date-picker-date-text-range-first-selection-hover-state-color: var(--date-picker-date-text-range-first-selection-hover-state-dark-mode-color);
    --date-picker-date-text-range-first-selection-normal-state-color: var(--date-picker-date-text-range-first-selection-normal-state-dark-mode-color);
    --date-picker-date-text-range-first-selection-pressed-state-color: var(--date-picker-date-text-range-first-selection-pressed-state-dark-mode-color);
    --date-picker-date-text-range-last-selection-disabled-state-color: var(--date-picker-date-text-range-last-selection-disabled-state-dark-mode-color);
    --date-picker-date-text-range-last-selection-hover-state-color: var(--date-picker-date-text-range-last-selection-hover-state-dark-mode-color);
    --date-picker-date-text-range-last-selection-normal-state-color: var(--date-picker-date-text-range-last-selection-normal-state-dark-mode-color);
    --date-picker-date-text-range-last-selection-pressed-state-color: var(--date-picker-date-text-range-last-selection-pressed-state-dark-mode-color);
    --date-picker-date-text-range-middle-selection-disabled-state-color: var(--date-picker-date-text-range-middle-selection-disabled-state-dark-mode-color);
    --date-picker-date-text-range-middle-selection-hover-state-color: var(--date-picker-date-text-range-middle-selection-hover-state-dark-mode-color);
    --date-picker-date-text-range-middle-selection-normal-state-color: var(--date-picker-date-text-range-middle-selection-normal-state-dark-mode-color);
    --date-picker-date-text-range-middle-selection-pressed-state-color: var(--date-picker-date-text-range-middle-selection-pressed-state-dark-mode-color);
    --date-picker-date-text-single-selection-disabled-state-color: var(--date-picker-date-text-single-selection-disabled-state-dark-mode-color);
    --date-picker-date-text-single-selection-hover-state-color: var(--date-picker-date-text-single-selection-hover-state-dark-mode-color);
    --date-picker-date-text-single-selection-normal-state-color: var(--date-picker-date-text-single-selection-normal-state-dark-mode-color);
    --date-picker-date-text-single-selection-pressed-state-color: var(--date-picker-date-text-single-selection-pressed-state-dark-mode-color);
    --date-picker-date-text-unselected-selection-disabled-state-color: var(--date-picker-date-text-unselected-selection-disabled-state-dark-mode-color);
    --date-picker-date-text-unselected-selection-hover-state-color: var(--date-picker-date-text-unselected-selection-hover-state-dark-mode-color);
    --date-picker-date-text-unselected-selection-normal-state-color: var(--date-picker-date-text-unselected-selection-normal-state-dark-mode-color);
    --date-picker-date-text-unselected-selection-pressed-state-color: var(--date-picker-date-text-unselected-selection-pressed-state-dark-mode-color);
    --date-picker-header-button-background-color: var(--date-picker-header-button-background-dark-mode-color);
    --date-picker-header-button-color: var(--date-picker-header-button-dark-mode-color);
    --date-picker-header-color-color: var(--date-picker-header-color-dark-mode-color);
    --date-picker-menu-row-background-selected-state-color-color: var(--date-picker-menu-row-background-selected-state-color-dark-mode-color);
    --date-picker-menu-row-label-selected-state-text-color: var(--date-picker-menu-row-label-selected-state-text-dark-mode-color);
    --date-picker-today-border-color-color: var(--date-picker-today-border-color-dark-mode-color);
    --date-picker-today-label-disabled-state-color-color: var(--date-picker-today-label-disabled-state-color-dark-mode-color);
    --date-picker-weekdays-color-color: var(--date-picker-weekdays-color-dark-mode-color);

    /* ========== divider ========== */
    --divider-fill-color: var(--divider-fill-dark-mode-color);

    /* ========== dropdown-button ========== */
    --dropdown-button-normal-variant-primary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
    --dropdown-button-normal-variant-primary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-label-color);
    --dropdown-button-normal-variant-primary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);
    --dropdown-button-normal-variant-primary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-label-color);
    --dropdown-button-normal-variant-primary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);
    --dropdown-button-normal-variant-primary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-label-color);
    --dropdown-button-normal-variant-primary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);
    --dropdown-button-normal-variant-primary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-label-color);
    --dropdown-button-normal-variant-primary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);
    --dropdown-button-normal-variant-primary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-label-color);
    --dropdown-button-normal-variant-secondary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --dropdown-button-normal-variant-secondary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color);
    --dropdown-button-normal-variant-secondary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-background-color);
    --dropdown-button-normal-variant-secondary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-label-color);
    --dropdown-button-normal-variant-secondary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
    --dropdown-button-normal-variant-secondary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-label-color);
    --dropdown-button-normal-variant-secondary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
    --dropdown-button-normal-variant-secondary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-label-color);
    --dropdown-button-normal-variant-secondary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --dropdown-button-normal-variant-secondary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color);
    --dropdown-button-normal-variant-tertiary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color);
    --dropdown-button-normal-variant-tertiary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color);
    --dropdown-button-normal-variant-tertiary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color);
    --dropdown-button-normal-variant-tertiary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color);
    --dropdown-button-normal-variant-tertiary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color);
    --dropdown-button-normal-variant-tertiary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color);
    --dropdown-button-normal-variant-tertiary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color);
    --dropdown-button-normal-variant-tertiary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color);
    --dropdown-button-normal-variant-tertiary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color);
    --dropdown-button-normal-variant-tertiary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color);

    /* ========== dropdown-icon-button ========== */
    --dropdown-icon-button-disabled-state-background-color: var(--dropdown-icon-button-disabled-state-dark-mode-background-color);
    --dropdown-icon-button-disabled-state-icon-color: var(--dropdown-icon-button-disabled-state-dark-mode-icon-color);
    --dropdown-icon-button-focus-state-background-color: var(--dropdown-icon-button-focus-state-dark-mode-background-color);
    --dropdown-icon-button-focus-state-icon-color: var(--dropdown-icon-button-focus-state-dark-mode-icon-color);
    --dropdown-icon-button-hover-state-background-color: var(--dropdown-icon-button-hover-state-dark-mode-background-color);
    --dropdown-icon-button-hover-state-icon-color: var(--dropdown-icon-button-hover-state-dark-mode-icon-color);
    --dropdown-icon-button-normal-state-background-color: var(--dropdown-icon-button-normal-state-dark-mode-background-color);
    --dropdown-icon-button-normal-state-icon-color: var(--dropdown-icon-button-normal-state-dark-mode-icon-color);
    --dropdown-icon-button-pressed-state-background-color: var(--dropdown-icon-button-pressed-state-dark-mode-background-color);
    --dropdown-icon-button-pressed-state-icon-color: var(--dropdown-icon-button-pressed-state-dark-mode-icon-color);

    /* ========== empty-state ========== */
    --empty-state-background-color: var(--empty-state-background-dark-mode-color);
    --empty-state-border-color: var(--empty-state-border-dark-mode-color);
    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-disabled-state-background-color: var(--empty-state-button-group-overflow-button-disabled-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-disabled-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-focus-state-background-color: var(--empty-state-button-group-overflow-button-focus-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-focus-state-icon-color: var(--empty-state-button-group-overflow-button-focus-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-hover-state-background-color: var(--empty-state-button-group-overflow-button-hover-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-hover-state-icon-color: var(--empty-state-button-group-overflow-button-hover-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-pressed-state-background-color: var(--empty-state-button-group-overflow-button-pressed-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-pressed-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-primary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-primary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-primary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-primary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-primary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-primary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-primary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-primary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-primary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-primary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-secondary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-secondary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-secondary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-secondary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-secondary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-secondary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-secondary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-secondary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-secondary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-secondary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-tertiary-rank-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-tertiary-rank-focus-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-tertiary-rank-focus-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-tertiary-rank-hover-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-tertiary-rank-hover-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-tertiary-rank-normal-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-tertiary-rank-normal-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);
    --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-background-color: var(--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);
    --empty-state-button-group-overflow-button-tertiary-rank-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);
    --empty-state-heading-color: var(--empty-state-heading-dark-mode-color);
    --empty-state-heading-text-color: var(--empty-state-heading-text-dark-mode-color);
    --empty-state-paragraph-text-color: var(--empty-state-paragraph-text-dark-mode-color);

    /* ========== field ========== */
    --field-action-text-color: var(--field-dark-mode-action-text-color);
    --field-disabled-state-background-color: var(--field-disabled-state-dark-mode-background-color);
    --field-disabled-state-border-color: var(--field-disabled-state-dark-mode-border-color);
    --field-disabled-state-empty-phase-label-color: var(--field-disabled-state-empty-phase-dark-mode-label-color);
    --field-disabled-state-float-phase-label-color: var(--field-disabled-state-float-phase-dark-mode-label-color);
    --field-disabled-state-input-color: var(--field-disabled-state-dark-mode-input-color);
    --field-error-message-text-color: var(--field-dark-mode-error-message-text-color);
    --field-focus-state-background-color: var(--field-focus-state-dark-mode-background-color);
    --field-focus-state-float-phase-label-color: var(--field-focus-state-float-phase-dark-mode-label-color);
    --field-focus-state-input-color: var(--field-focus-state-dark-mode-input-color);
    --field-focus-state-invalid-validity-border-color: var(--field-focus-state-invalid-validity-dark-mode-border-color);
    --field-focus-state-normal-validity-border-color: var(--field-focus-state-normal-validity-dark-mode-border-color);
    --field-helper-text-text-color: var(--field-dark-mode-helper-text-text-color);
    --field-hover-state-background-color: var(--field-hover-state-dark-mode-background-color);
    --field-hover-state-empty-phase-label-color: var(--field-hover-state-empty-phase-dark-mode-label-color);
    --field-hover-state-float-phase-label-color: var(--field-hover-state-float-phase-dark-mode-label-color);
    --field-hover-state-input-color: var(--field-hover-state-dark-mode-input-color);
    --field-hover-state-invalid-validity-border-color: var(--field-hover-state-invalid-validity-dark-mode-border-color);
    --field-hover-state-normal-validity-border-color: var(--field-hover-state-normal-validity-dark-mode-border-color);
    --field-normal-state-background-color: var(--field-normal-state-dark-mode-background-color);
    --field-normal-state-empty-phase-label-color: var(--field-normal-state-empty-phase-dark-mode-label-color);
    --field-normal-state-float-phase-label-color: var(--field-normal-state-float-phase-dark-mode-label-color);
    --field-normal-state-input-color: var(--field-normal-state-dark-mode-input-color);
    --field-normal-state-invalid-validity-border-color: var(--field-normal-state-invalid-validity-dark-mode-border-color);
    --field-normal-state-normal-validity-border-color: var(--field-normal-state-normal-validity-dark-mode-border-color);
    --field-normal-state-normal-validity-border-high-contrast-color: var(--field-normal-state-normal-validity-dark-mode-border-high-contrast-color);
    --field-normal-state-normal-validity-border-normal-contrast-color: var(--field-normal-state-normal-validity-dark-mode-border-normal-contrast-color);
    --field-placeholder-text-color: var(--field-dark-mode-placeholder-text-color);
    --field-selection-caret-color: var(--field-dark-mode-selection-caret-color);
    --field-selection-highlight-color: var(--field-dark-mode-selection-highlight-color);
    --field-selection-text-cursor-color: var(--field-dark-mode-selection-text-cursor-color);

    /* ========== file-upload ========== */
    --file-upload-dropzone-disabled-state-background-color: var(--file-upload-dropzone-disabled-state-background-dark-mode-color);
    --file-upload-dropzone-disabled-state-border-color: var(--file-upload-dropzone-disabled-state-border-dark-mode-color);
    --file-upload-dropzone-disabled-state-icon-color: var(--file-upload-dropzone-disabled-state-icon-dark-mode-color);
    --file-upload-dropzone-disabled-state-subtext-color: var(--file-upload-dropzone-disabled-state-subtext-dark-mode-color);
    --file-upload-dropzone-disabled-state-text-color: var(--file-upload-dropzone-disabled-state-text-dark-mode-color);
    --file-upload-dropzone-hover-state-background-color: var(--file-upload-dropzone-hover-state-background-dark-mode-color);
    --file-upload-dropzone-hover-state-border-color: var(--file-upload-dropzone-hover-state-border-dark-mode-color);
    --file-upload-dropzone-hover-state-icon-color: var(--file-upload-dropzone-hover-state-icon-dark-mode-color);
    --file-upload-dropzone-hover-state-subtext-color: var(--file-upload-dropzone-hover-state-subtext-dark-mode-color);
    --file-upload-dropzone-hover-state-text-color: var(--file-upload-dropzone-hover-state-text-dark-mode-color);
    --file-upload-dropzone-normal-state-background-color: var(--file-upload-dropzone-normal-state-background-dark-mode-color);
    --file-upload-dropzone-normal-state-border-color: var(--file-upload-dropzone-normal-state-border-dark-mode-color);
    --file-upload-dropzone-normal-state-icon-color: var(--file-upload-dropzone-normal-state-icon-dark-mode-color);
    --file-upload-dropzone-normal-state-subtext-color: var(--file-upload-dropzone-normal-state-subtext-dark-mode-color);
    --file-upload-dropzone-normal-state-text-color: var(--file-upload-dropzone-normal-state-text-dark-mode-color);
    --file-upload-dropzone-pressed-state-background-color: var(--file-upload-dropzone-pressed-state-background-dark-mode-color);
    --file-upload-dropzone-pressed-state-border-color: var(--file-upload-dropzone-pressed-state-border-dark-mode-color);
    --file-upload-dropzone-pressed-state-icon-color: var(--file-upload-dropzone-pressed-state-icon-dark-mode-color);
    --file-upload-dropzone-pressed-state-subtext-color: var(--file-upload-dropzone-pressed-state-subtext-dark-mode-color);
    --file-upload-dropzone-pressed-state-text-color: var(--file-upload-dropzone-pressed-state-text-dark-mode-color);
    --file-upload-upload-item-error-state-background-color: var(--file-upload-upload-item-error-state-background-dark-mode-color);
    --file-upload-upload-item-error-state-leading-accessory-background-color: var(--file-upload-upload-item-error-state-leading-accessory-background-dark-mode-color);
    --file-upload-upload-item-error-state-leading-accessory-icon-color: var(--file-upload-upload-item-error-state-leading-accessory-icon-dark-mode-color);
    --file-upload-upload-item-error-state-subtext-color: var(--file-upload-upload-item-error-state-subtext-dark-mode-color);
    --file-upload-upload-item-error-state-text-color: var(--file-upload-upload-item-error-state-text-dark-mode-color);
    --file-upload-upload-item-error-state-trailing-accessory-icon-color: var(--file-upload-upload-item-error-state-trailing-accessory-icon-dark-mode-color);
    --file-upload-upload-item-hover-state-background-color: var(--file-upload-upload-item-hover-state-background-dark-mode-color);
    --file-upload-upload-item-hover-state-leading-accessory-background-color: var(--file-upload-upload-item-hover-state-leading-accessory-background-dark-mode-color);
    --file-upload-upload-item-hover-state-leading-accessory-icon-color: var(--file-upload-upload-item-hover-state-leading-accessory-icon-dark-mode-color);
    --file-upload-upload-item-hover-state-subtext-color: var(--file-upload-upload-item-hover-state-subtext-dark-mode-color);
    --file-upload-upload-item-hover-state-text-color: var(--file-upload-upload-item-hover-state-text-dark-mode-color);
    --file-upload-upload-item-hover-state-trailing-accessory-icon-color: var(--file-upload-upload-item-hover-state-trailing-accessory-icon-dark-mode-color);
    --file-upload-upload-item-loading-state-background-color: var(--file-upload-upload-item-loading-state-background-dark-mode-color);
    --file-upload-upload-item-loading-state-leading-accessory-background-color: var(--file-upload-upload-item-loading-state-leading-accessory-background-dark-mode-color);
    --file-upload-upload-item-loading-state-leading-accessory-icon-color: var(--file-upload-upload-item-loading-state-leading-accessory-icon-dark-mode-color);
    --file-upload-upload-item-loading-state-subtext-color: var(--file-upload-upload-item-loading-state-subtext-dark-mode-color);
    --file-upload-upload-item-loading-state-text-color: var(--file-upload-upload-item-loading-state-text-dark-mode-color);
    --file-upload-upload-item-loading-state-trailing-accessory-icon-color: var(--file-upload-upload-item-loading-state-trailing-accessory-icon-dark-mode-color);
    --file-upload-upload-item-multiple-value-separator-color: var(--file-upload-upload-item-multiple-value-separator-dark-mode-color);
    --file-upload-upload-item-normal-state-background-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color);
    --file-upload-upload-item-normal-state-leading-accessory-background-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color);
    --file-upload-upload-item-normal-state-leading-accessory-icon-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color);
    --file-upload-upload-item-normal-state-subtext-color: var(--file-upload-upload-item-normal-state-subtext-dark-mode-color);
    --file-upload-upload-item-normal-state-text-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color);
    --file-upload-upload-item-normal-state-trailing-accessory-icon-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color);
    --file-upload-upload-item-pressed-state-background-color: var(--file-upload-upload-item-pressed-state-background-dark-mode-color);
    --file-upload-upload-item-pressed-state-leading-accessory-background-color: var(--file-upload-upload-item-pressed-state-leading-accessory-background-dark-mode-color);
    --file-upload-upload-item-pressed-state-leading-accessory-icon-color: var(--file-upload-upload-item-pressed-state-leading-accessory-icon-dark-mode-color);
    --file-upload-upload-item-pressed-state-subtext-color: var(--file-upload-upload-item-pressed-state-subtext-dark-mode-color);
    --file-upload-upload-item-pressed-state-text-color: var(--file-upload-upload-item-pressed-state-text-dark-mode-color);
    --file-upload-upload-item-pressed-state-trailing-accessory-icon-color: var(--file-upload-upload-item-pressed-state-trailing-accessory-icon-dark-mode-color);
    --file-upload-upload-item-single-value-border-color-color: var(--file-upload-upload-item-single-value-border-color-dark-mode-color);
    --file-upload-upload-item-success-state-background-color: var(--file-upload-upload-item-success-state-background-dark-mode-color);
    --file-upload-upload-item-success-state-leading-accessory-background-color: var(--file-upload-upload-item-success-state-leading-accessory-background-dark-mode-color);
    --file-upload-upload-item-success-state-leading-accessory-icon-color: var(--file-upload-upload-item-success-state-leading-accessory-icon-dark-mode-color);
    --file-upload-upload-item-success-state-subtext-color: var(--file-upload-upload-item-success-state-subtext-dark-mode-color);
    --file-upload-upload-item-success-state-text-color: var(--file-upload-upload-item-success-state-text-dark-mode-color);
    --file-upload-upload-item-success-state-trailing-accessory-icon-color: var(--file-upload-upload-item-success-state-trailing-accessory-icon-dark-mode-color);

    /* ========== filter-button ========== */
    --filter-button-disabled-state-background-color: var(--filter-button-disabled-state-background-dark-mode-color);
    --filter-button-disabled-state-border-color: var(--filter-button-disabled-state-border-dark-mode-color);
    --filter-button-disabled-state-feedback-color: var(--filter-button-disabled-state-feedback-dark-mode-color);
    --filter-button-disabled-state-label-color: var(--filter-button-disabled-state-label-dark-mode-color);
    --filter-button-hover-state-background-color: var(--filter-button-hover-state-background-dark-mode-color);
    --filter-button-hover-state-border-color: var(--filter-button-hover-state-border-dark-mode-color);
    --filter-button-hover-state-feedback-color: var(--filter-button-hover-state-feedback-dark-mode-color);
    --filter-button-hover-state-label-color: var(--filter-button-hover-state-label-dark-mode-color);
    --filter-button-normal-state-background-color: var(--filter-button-normal-state-background-dark-mode-color);
    --filter-button-normal-state-border-color: var(--filter-button-normal-state-border-dark-mode-color);
    --filter-button-normal-state-border-high-contrast-color: var(--filter-button-normal-state-border-high-contrast-dark-mode-color);
    --filter-button-normal-state-border-normal-contrast-color: var(--filter-button-normal-state-border-normal-contrast-dark-mode-color);
    --filter-button-normal-state-feedback-color: var(--filter-button-normal-state-feedback-dark-mode-color);
    --filter-button-normal-state-label-color: var(--filter-button-normal-state-label-dark-mode-color);
    --filter-button-pressed-state-background-color: var(--filter-button-pressed-state-background-dark-mode-color);
    --filter-button-pressed-state-border-color: var(--filter-button-pressed-state-border-dark-mode-color);
    --filter-button-pressed-state-feedback-color: var(--filter-button-pressed-state-feedback-dark-mode-color);
    --filter-button-pressed-state-label-color: var(--filter-button-pressed-state-label-dark-mode-color);

    /* ========== hardware-slider ========== */
    --hardware-slider-icon-tint-color: var(--hardware-slider-icon-tint-dark-mode-color);
    --hardware-slider-track-active-disabled-state-background-color: var(--hardware-slider-track-active-disabled-state-background-dark-mode-color);
    --hardware-slider-track-active-normal-state-background-color: var(--hardware-slider-track-active-normal-state-background-dark-mode-color);
    --hardware-slider-track-inactive-disabled-state-background-color: var(--hardware-slider-track-inactive-disabled-state-background-dark-mode-color);
    --hardware-slider-track-inactive-normal-state-background-color: var(--hardware-slider-track-inactive-normal-state-background-dark-mode-color);

    /* ========== header ========== */
    --header-compact-content-style-secondary-title-color: var(--header-compact-content-style-secondary-title-dark-mode-color);
    --header-compact-content-style-title-color: var(--header-compact-content-style-title-dark-mode-color);
    --header-divider-color: var(--header-divider-dark-mode-color);
    --header-large-content-style-secondary-title-color: var(--header-large-content-style-secondary-title-dark-mode-color);
    --header-large-content-style-title-color: var(--header-large-content-style-title-dark-mode-color);
    --header-main-text-text-color: var(--header-main-text-dark-mode-text-color);
    --header-paragraph-color: var(--header-paragraph-dark-mode-color);
    --header-sub-text-text-color: var(--header-sub-text-dark-mode-text-color);

    /* ========== icon-button ========== */
    --icon-button-destructive-variant-primary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);
    --icon-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);
    --icon-button-destructive-variant-primary-rank-hover-state-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);
    --icon-button-destructive-variant-primary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);
    --icon-button-destructive-variant-primary-rank-normal-state-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);
    --icon-button-destructive-variant-primary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);
    --icon-button-destructive-variant-primary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);
    --icon-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);
    --icon-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --icon-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);
    --icon-button-destructive-variant-secondary-rank-hover-state-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);
    --icon-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);
    --icon-button-destructive-variant-secondary-rank-normal-state-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);
    --icon-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);
    --icon-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --icon-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);
    --icon-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);
    --icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);
    --icon-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);
    --icon-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);
    --icon-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);
    --icon-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);
    --icon-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);
    --icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);
    --icon-button-disabled-state-background-color: var(--icon-button-disabled-state-dark-mode-background-color);
    --icon-button-disabled-state-icon-color: var(--icon-button-disabled-state-dark-mode-icon-color);
    --icon-button-focus-state-background-color: var(--icon-button-focus-state-dark-mode-background-color);
    --icon-button-focus-state-icon-color: var(--icon-button-focus-state-dark-mode-icon-color);
    --icon-button-hover-state-background-color: var(--icon-button-hover-state-dark-mode-background-color);
    --icon-button-hover-state-icon-color: var(--icon-button-hover-state-dark-mode-icon-color);
    --icon-button-normal-state-background-color: var(--icon-button-normal-state-dark-mode-background-color);
    --icon-button-normal-state-icon-color: var(--icon-button-normal-state-dark-mode-icon-color);
    --icon-button-normal-variant-primary-rank-disabled-state-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
    --icon-button-normal-variant-primary-rank-disabled-state-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);
    --icon-button-normal-variant-primary-rank-focus-state-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);
    --icon-button-normal-variant-primary-rank-focus-state-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);
    --icon-button-normal-variant-primary-rank-hover-state-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);
    --icon-button-normal-variant-primary-rank-hover-state-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);
    --icon-button-normal-variant-primary-rank-normal-state-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);
    --icon-button-normal-variant-primary-rank-normal-state-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);
    --icon-button-normal-variant-primary-rank-pressed-state-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);
    --icon-button-normal-variant-primary-rank-pressed-state-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);
    --icon-button-normal-variant-secondary-rank-disabled-state-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --icon-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);
    --icon-button-normal-variant-secondary-rank-hover-state-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
    --icon-button-normal-variant-secondary-rank-hover-state-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);
    --icon-button-normal-variant-secondary-rank-normal-state-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
    --icon-button-normal-variant-secondary-rank-normal-state-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);
    --icon-button-normal-variant-secondary-rank-pressed-state-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --icon-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);
    --icon-button-pressed-state-background-color: var(--icon-button-pressed-state-dark-mode-background-color);
    --icon-button-pressed-state-icon-color: var(--icon-button-pressed-state-dark-mode-icon-color);
    --icon-button-primary-rank-disabled-state-background-color: var(--icon-button-primary-rank-disabled-state-dark-mode-background-color);
    --icon-button-primary-rank-disabled-state-icon-color: var(--icon-button-primary-rank-disabled-state-dark-mode-icon-color);
    --icon-button-primary-rank-focus-state-background-color: var(--icon-button-primary-rank-focus-state-dark-mode-background-color);
    --icon-button-primary-rank-focus-state-icon-color: var(--icon-button-primary-rank-focus-state-dark-mode-icon-color);
    --icon-button-primary-rank-hover-state-background-color: var(--icon-button-primary-rank-hover-state-dark-mode-background-color);
    --icon-button-primary-rank-hover-state-icon-color: var(--icon-button-primary-rank-hover-state-dark-mode-icon-color);
    --icon-button-primary-rank-normal-state-background-color: var(--icon-button-primary-rank-normal-state-dark-mode-background-color);
    --icon-button-primary-rank-normal-state-icon-color: var(--icon-button-primary-rank-normal-state-dark-mode-icon-color);
    --icon-button-primary-rank-pressed-state-background-color: var(--icon-button-primary-rank-pressed-state-dark-mode-background-color);
    --icon-button-primary-rank-pressed-state-icon-color: var(--icon-button-primary-rank-pressed-state-dark-mode-icon-color);
    --icon-button-secondary-rank-disabled-state-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color);
    --icon-button-secondary-rank-disabled-state-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color);
    --icon-button-secondary-rank-focus-state-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color);
    --icon-button-secondary-rank-focus-state-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color);
    --icon-button-secondary-rank-hover-state-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color);
    --icon-button-secondary-rank-hover-state-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color);
    --icon-button-secondary-rank-normal-state-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color);
    --icon-button-secondary-rank-normal-state-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color);
    --icon-button-secondary-rank-pressed-state-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color);
    --icon-button-secondary-rank-pressed-state-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color);
    --icon-button-tertiary-rank-disabled-state-background-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-background-color);
    --icon-button-tertiary-rank-disabled-state-icon-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-icon-color);
    --icon-button-tertiary-rank-focus-state-background-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-background-color);
    --icon-button-tertiary-rank-focus-state-icon-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-icon-color);
    --icon-button-tertiary-rank-hover-state-background-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color);
    --icon-button-tertiary-rank-hover-state-icon-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color);
    --icon-button-tertiary-rank-normal-state-background-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-background-color);
    --icon-button-tertiary-rank-normal-state-icon-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-icon-color);
    --icon-button-tertiary-rank-pressed-state-background-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-background-color);
    --icon-button-tertiary-rank-pressed-state-icon-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-icon-color);

    /* ========== inline-section-header ========== */
    --inline-section-header-heading-color: var(--inline-section-header-heading-dark-mode-color);
    --inline-section-header-paragraph-color: var(--inline-section-header-paragraph-dark-mode-color);
    --inline-section-header-text-link-color: var(--inline-section-header-text-link-dark-mode-color);

    /* ========== inline-status ========== */
    --inline-status-error-variant-icon-color: var(--inline-status-error-variant-icon-dark-mode-color);
    --inline-status-error-variant-text-color: var(--inline-status-error-variant-text-dark-mode-color);
    --inline-status-info-variant-icon-color: var(--inline-status-info-variant-icon-dark-mode-color);
    --inline-status-info-variant-text-color: var(--inline-status-info-variant-text-dark-mode-color);
    --inline-status-success-variant-icon-color: var(--inline-status-success-variant-icon-dark-mode-color);
    --inline-status-success-variant-text-color: var(--inline-status-success-variant-text-dark-mode-color);
    --inline-status-warning-variant-icon-color: var(--inline-status-warning-variant-icon-dark-mode-color);
    --inline-status-warning-variant-text-color: var(--inline-status-warning-variant-text-dark-mode-color);

    /* ========== keyboard-bar ========== */
    --keyboard-bar-background-color: var(--keyboard-bar-dark-mode-background-color);
    --keyboard-bar-separator-color: var(--keyboard-bar-dark-mode-separator-color);
    --keyboard-bar-surface-color: var(--keyboard-bar-dark-mode-surface-color);

    /* ========== menu ========== */
    --menu-item-selected-value-disabled-state-accordion-color: var(--menu-item-selected-value-disabled-state-accordion-dark-mode-color);
    --menu-item-selected-value-disabled-state-background-color: var(--menu-item-selected-value-disabled-state-background-dark-mode-color);
    --menu-item-selected-value-disabled-state-drill-color: var(--menu-item-selected-value-disabled-state-drill-dark-mode-color);
    --menu-item-selected-value-disabled-state-text-color: var(--menu-item-selected-value-disabled-state-text-dark-mode-color);
    --menu-item-selected-value-hover-state-accordion-color: var(--menu-item-selected-value-hover-state-accordion-dark-mode-color);
    --menu-item-selected-value-hover-state-background-color: var(--menu-item-selected-value-hover-state-background-dark-mode-color);
    --menu-item-selected-value-hover-state-drill-color: var(--menu-item-selected-value-hover-state-drill-dark-mode-color);
    --menu-item-selected-value-hover-state-text-color: var(--menu-item-selected-value-hover-state-text-dark-mode-color);
    --menu-item-selected-value-normal-state-accordion-color: var(--menu-item-selected-value-normal-state-accordion-dark-mode-color);
    --menu-item-selected-value-normal-state-background-color: var(--menu-item-selected-value-normal-state-background-dark-mode-color);
    --menu-item-selected-value-normal-state-drill-color: var(--menu-item-selected-value-normal-state-drill-dark-mode-color);
    --menu-item-selected-value-normal-state-text-color: var(--menu-item-selected-value-normal-state-text-dark-mode-color);
    --menu-item-selected-value-pressed-state-accordion-color: var(--menu-item-selected-value-pressed-state-accordion-dark-mode-color);
    --menu-item-selected-value-pressed-state-background-color: var(--menu-item-selected-value-pressed-state-background-dark-mode-color);
    --menu-item-selected-value-pressed-state-drill-color: var(--menu-item-selected-value-pressed-state-drill-dark-mode-color);
    --menu-item-selected-value-pressed-state-text-color: var(--menu-item-selected-value-pressed-state-text-dark-mode-color);
    --menu-item-unselected-value-disabled-state-accordion-color: var(--menu-item-unselected-value-disabled-state-accordion-dark-mode-color);
    --menu-item-unselected-value-disabled-state-background-color: var(--menu-item-unselected-value-disabled-state-background-dark-mode-color);
    --menu-item-unselected-value-disabled-state-drill-color: var(--menu-item-unselected-value-disabled-state-drill-dark-mode-color);
    --menu-item-unselected-value-disabled-state-text-color: var(--menu-item-unselected-value-disabled-state-text-dark-mode-color);
    --menu-item-unselected-value-hover-state-accordion-color: var(--menu-item-unselected-value-hover-state-accordion-dark-mode-color);
    --menu-item-unselected-value-hover-state-background-color: var(--menu-item-unselected-value-hover-state-background-dark-mode-color);
    --menu-item-unselected-value-hover-state-drill-color: var(--menu-item-unselected-value-hover-state-drill-dark-mode-color);
    --menu-item-unselected-value-hover-state-text-color: var(--menu-item-unselected-value-hover-state-text-dark-mode-color);
    --menu-item-unselected-value-normal-state-accordion-color: var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color);
    --menu-item-unselected-value-normal-state-background-color: var(--menu-item-unselected-value-normal-state-background-dark-mode-color);
    --menu-item-unselected-value-normal-state-drill-color: var(--menu-item-unselected-value-normal-state-drill-dark-mode-color);
    --menu-item-unselected-value-normal-state-text-color: var(--menu-item-unselected-value-normal-state-text-dark-mode-color);
    --menu-item-unselected-value-pressed-state-accordion-color: var(--menu-item-unselected-value-pressed-state-accordion-dark-mode-color);
    --menu-item-unselected-value-pressed-state-background-color: var(--menu-item-unselected-value-pressed-state-background-dark-mode-color);
    --menu-item-unselected-value-pressed-state-drill-color: var(--menu-item-unselected-value-pressed-state-drill-dark-mode-color);
    --menu-item-unselected-value-pressed-state-text-color: var(--menu-item-unselected-value-pressed-state-text-dark-mode-color);

    /* ========== modalBlade ========== */
    --modal-blade-background-color: var(--modal-blade-background-dark-mode-color);

    /* ========== modalDialog ========== */
    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-disabled-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-disabled-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-focus-state-background-color: var(--modal-dialog-actions-overflow-button-focus-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-focus-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-hover-state-background-color: var(--modal-dialog-actions-overflow-button-hover-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-hover-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-pressed-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-pressed-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-primary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-disabled-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-primary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-disabled-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-primary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-focus-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-primary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-focus-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-primary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-hover-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-primary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-hover-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-primary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-normal-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-primary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-normal-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-primary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-primary-rank-pressed-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-primary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-primary-rank-pressed-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-secondary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-secondary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-focus-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-secondary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-focus-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-secondary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-hover-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-secondary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-hover-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-secondary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-normal-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-secondary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-normal-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-secondary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-tertiary-rank-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-tertiary-rank-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-tertiary-rank-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color);
    --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color);
    --modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color);
    --modal-dialog-background-color: var(--modal-dialog-background-dark-mode-color);
    --modal-dialog-content-heading-color: var(--modal-dialog-content-heading-dark-mode-color);
    --modal-dialog-veil-color: var(--modal-dialog-veil-dark-mode-color);

    /* ========== modalFull ========== */
    --modal-full-background-color: var(--modal-full-background-dark-mode-color);
    --modal-full-veil-color: var(--modal-full-veil-dark-mode-color);

    /* ========== modalPartial ========== */
    --modal-partial-background-color: var(--modal-partial-background-dark-mode-color);
    --modal-partial-veil-color: var(--modal-partial-veil-dark-mode-color);

    /* ========== modalPopover ========== */
    --modal-popover-background-color: var(--modal-popover-background-dark-mode-color);

    /* ========== modalSheet ========== */
    --modal-sheet-background-color: var(--modal-sheet-background-dark-mode-color);
    --modal-sheet-handle-background-color: var(--modal-sheet-handle-dark-mode-background-color);
    --modal-sheet-handle-fill-color: var(--modal-sheet-handle-dark-mode-fill-color);
    --modal-sheet-veil-color: var(--modal-sheet-veil-dark-mode-color);

    /* ========== pageIndicator ========== */
    --page-indicator-dot-color: var(--page-indicator-dark-mode-dot-color);
    --page-indicator-selected-color: var(--page-indicator-dark-mode-selected-color);

    /* ========== pagingIndicator ========== */
    --paging-indicator-selected-state-color: var(--paging-indicator-selected-state-dark-mode-color);
    --paging-indicator-unselected-state-color: var(--paging-indicator-unselected-state-dark-mode-color);

    /* ========== pill ========== */
    --pill-alpha-variant-background-color: var(--pill-alpha-variant-background-dark-mode-color);
    --pill-alpha-variant-icon-color: var(--pill-alpha-variant-icon-dark-mode-color);
    --pill-alpha-variant-normal-state-background-color: var(--pill-alpha-variant-normal-state-background-dark-mode-color);
    --pill-alpha-variant-pressed-state-background-color: var(--pill-alpha-variant-pressed-state-background-dark-mode-color);
    --pill-alpha-variant-text-color: var(--pill-alpha-variant-text-dark-mode-color);
    --pill-beta-variant-background-color: var(--pill-beta-variant-background-dark-mode-color);
    --pill-beta-variant-icon-color: var(--pill-beta-variant-icon-dark-mode-color);
    --pill-beta-variant-normal-state-background-color: var(--pill-beta-variant-normal-state-background-dark-mode-color);
    --pill-beta-variant-pressed-state-background-color: var(--pill-beta-variant-pressed-state-background-dark-mode-color);
    --pill-beta-variant-text-color: var(--pill-beta-variant-text-dark-mode-color);
    --pill-border-color: var(--pill-border-dark-mode-color);
    --pill-critical-variant-background-color: var(--pill-critical-variant-background-dark-mode-color);
    --pill-critical-variant-icon-color: var(--pill-critical-variant-icon-dark-mode-color);
    --pill-critical-variant-normal-state-background-color: var(--pill-critical-variant-normal-state-background-dark-mode-color);
    --pill-critical-variant-pressed-state-background-color: var(--pill-critical-variant-pressed-state-background-dark-mode-color);
    --pill-critical-variant-text-color: var(--pill-critical-variant-text-dark-mode-color);
    --pill-emphasis-variant-background-color: var(--pill-emphasis-variant-background-dark-mode-color);
    --pill-emphasis-variant-icon-color: var(--pill-emphasis-variant-icon-dark-mode-color);
    --pill-emphasis-variant-normal-state-background-color: var(--pill-emphasis-variant-normal-state-background-dark-mode-color);
    --pill-emphasis-variant-pressed-state-background-color: var(--pill-emphasis-variant-pressed-state-background-dark-mode-color);
    --pill-emphasis-variant-text-color: var(--pill-emphasis-variant-text-dark-mode-color);
    --pill-insight-variant-background-color: var(--pill-insight-variant-background-dark-mode-color);
    --pill-insight-variant-icon-color: var(--pill-insight-variant-icon-dark-mode-color);
    --pill-insight-variant-normal-state-background-color: var(--pill-insight-variant-normal-state-background-dark-mode-color);
    --pill-insight-variant-pressed-state-background-color: var(--pill-insight-variant-pressed-state-background-dark-mode-color);
    --pill-insight-variant-text-color: var(--pill-insight-variant-text-dark-mode-color);
    --pill-normal-variant-background-color: var(--pill-normal-variant-background-dark-mode-color);
    --pill-normal-variant-icon-color: var(--pill-normal-variant-icon-dark-mode-color);
    --pill-normal-variant-normal-state-background-color: var(--pill-normal-variant-normal-state-background-dark-mode-color);
    --pill-normal-variant-pressed-state-background-color: var(--pill-normal-variant-pressed-state-background-dark-mode-color);
    --pill-normal-variant-text-color: var(--pill-normal-variant-text-dark-mode-color);
    --pill-success-variant-background-color: var(--pill-success-variant-background-dark-mode-color);
    --pill-success-variant-icon-color: var(--pill-success-variant-icon-dark-mode-color);
    --pill-success-variant-normal-state-background-color: var(--pill-success-variant-normal-state-background-dark-mode-color);
    --pill-success-variant-pressed-state-background-color: var(--pill-success-variant-pressed-state-background-dark-mode-color);
    --pill-success-variant-text-color: var(--pill-success-variant-text-dark-mode-color);
    --pill-warning-variant-background-color: var(--pill-warning-variant-background-dark-mode-color);
    --pill-warning-variant-icon-color: var(--pill-warning-variant-icon-dark-mode-color);
    --pill-warning-variant-normal-state-background-color: var(--pill-warning-variant-normal-state-background-dark-mode-color);
    --pill-warning-variant-pressed-state-background-color: var(--pill-warning-variant-pressed-state-background-dark-mode-color);
    --pill-warning-variant-text-color: var(--pill-warning-variant-text-dark-mode-color);

    /* ========== qrcode ========== */
    --qrcode-border-color: var(--qrcode-border-dark-mode-color);
    --qrcode-monochrome-variant-background-color: var(--qrcode-monochrome-variant-background-dark-mode-color);
    --qrcode-monochrome-variant-foreground-color: var(--qrcode-monochrome-variant-foreground-dark-mode-color);
    --qrcode-monochrome-variant-icon-color: var(--qrcode-monochrome-variant-icon-dark-mode-color);
    --qrcode-normal-variant-background-color: var(--qrcode-normal-variant-background-dark-mode-color);
    --qrcode-normal-variant-foreground-color: var(--qrcode-normal-variant-foreground-dark-mode-color);
    --qrcode-normal-variant-icon-color: var(--qrcode-normal-variant-icon-dark-mode-color);

    /* ========== quantity-input-field ========== */
    --quantity-input-field-display-color: var(--quantity-input-field-display-dark-mode-color);
    --quantity-input-field-display-placeholder-color: var(--quantity-input-field-display-placeholder-dark-mode-color);
    --quantity-input-field-value-text-color: var(--quantity-input-field-value-text-dark-mode-color);
    --quantity-input-field-value-text-placeholder-color: var(--quantity-input-field-value-text-placeholder-dark-mode-color);

    /* ========== radio ========== */
    --radio-disabled-state-invalid-validity-selected-value-background-color: var(--radio-disabled-state-invalid-validity-selected-value-dark-mode-background-color);
    --radio-disabled-state-invalid-validity-selected-value-border-color: var(--radio-disabled-state-invalid-validity-selected-value-dark-mode-border-color);
    --radio-disabled-state-invalid-validity-selected-value-icon-color: var(--radio-disabled-state-invalid-validity-selected-value-dark-mode-icon-color);
    --radio-disabled-state-invalid-validity-unselected-value-background-color: var(--radio-disabled-state-invalid-validity-unselected-value-dark-mode-background-color);
    --radio-disabled-state-invalid-validity-unselected-value-border-color: var(--radio-disabled-state-invalid-validity-unselected-value-dark-mode-border-color);
    --radio-disabled-state-normal-validity-selected-value-background-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-background-color);
    --radio-disabled-state-normal-validity-selected-value-border-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-border-color);
    --radio-disabled-state-normal-validity-selected-value-icon-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-icon-color);
    --radio-disabled-state-normal-validity-unselected-value-background-color: var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-background-color);
    --radio-disabled-state-normal-validity-unselected-value-border-color: var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-border-color);
    --radio-focus-ring-color: var(--radio-dark-mode-focus-ring-color);
    --radio-focus-state-invalid-validity-selected-value-background-color: var(--radio-focus-state-invalid-validity-selected-value-dark-mode-background-color);
    --radio-focus-state-invalid-validity-selected-value-border-color: var(--radio-focus-state-invalid-validity-selected-value-dark-mode-border-color);
    --radio-focus-state-invalid-validity-selected-value-icon-color: var(--radio-focus-state-invalid-validity-selected-value-dark-mode-icon-color);
    --radio-focus-state-invalid-validity-unselected-value-background-color: var(--radio-focus-state-invalid-validity-unselected-value-dark-mode-background-color);
    --radio-focus-state-invalid-validity-unselected-value-border-color: var(--radio-focus-state-invalid-validity-unselected-value-dark-mode-border-color);
    --radio-focus-state-normal-validity-selected-value-background-color: var(--radio-focus-state-normal-validity-selected-value-dark-mode-background-color);
    --radio-focus-state-normal-validity-selected-value-border-color: var(--radio-focus-state-normal-validity-selected-value-dark-mode-border-color);
    --radio-focus-state-normal-validity-selected-value-icon-color: var(--radio-focus-state-normal-validity-selected-value-dark-mode-icon-color);
    --radio-focus-state-normal-validity-unselected-value-background-color: var(--radio-focus-state-normal-validity-unselected-value-dark-mode-background-color);
    --radio-focus-state-normal-validity-unselected-value-border-color: var(--radio-focus-state-normal-validity-unselected-value-dark-mode-border-color);
    --radio-hover-state-invalid-validity-selected-value-background-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-background-color);
    --radio-hover-state-invalid-validity-selected-value-border-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-border-color);
    --radio-hover-state-invalid-validity-selected-value-icon-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-icon-color);
    --radio-hover-state-invalid-validity-unselected-value-background-color: var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-background-color);
    --radio-hover-state-invalid-validity-unselected-value-border-color: var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-border-color);
    --radio-hover-state-normal-validity-selected-value-background-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-background-color);
    --radio-hover-state-normal-validity-selected-value-border-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-border-color);
    --radio-hover-state-normal-validity-selected-value-icon-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-icon-color);
    --radio-hover-state-normal-validity-unselected-value-background-color: var(--radio-hover-state-normal-validity-unselected-value-dark-mode-background-color);
    --radio-hover-state-normal-validity-unselected-value-border-color: var(--radio-hover-state-normal-validity-unselected-value-dark-mode-border-color);
    --radio-normal-state-invalid-validity-selected-value-background-color: var(--radio-normal-state-invalid-validity-selected-value-dark-mode-background-color);
    --radio-normal-state-invalid-validity-selected-value-border-color: var(--radio-normal-state-invalid-validity-selected-value-dark-mode-border-color);
    --radio-normal-state-invalid-validity-selected-value-icon-color: var(--radio-normal-state-invalid-validity-selected-value-dark-mode-icon-color);
    --radio-normal-state-invalid-validity-unselected-value-background-color: var(--radio-normal-state-invalid-validity-unselected-value-dark-mode-background-color);
    --radio-normal-state-invalid-validity-unselected-value-border-color: var(--radio-normal-state-invalid-validity-unselected-value-dark-mode-border-color);
    --radio-normal-state-normal-validity-selected-value-background-color: var(--radio-normal-state-normal-validity-selected-value-dark-mode-background-color);
    --radio-normal-state-normal-validity-selected-value-border-color: var(--radio-normal-state-normal-validity-selected-value-dark-mode-border-color);
    --radio-normal-state-normal-validity-selected-value-icon-color: var(--radio-normal-state-normal-validity-selected-value-dark-mode-icon-color);
    --radio-normal-state-normal-validity-unselected-value-background-color: var(--radio-normal-state-normal-validity-unselected-value-dark-mode-background-color);
    --radio-normal-state-normal-validity-unselected-value-border-color: var(--radio-normal-state-normal-validity-unselected-value-dark-mode-border-color);
    --radio-pressed-state-invalid-validity-selected-value-background-color: var(--radio-pressed-state-invalid-validity-selected-value-dark-mode-background-color);
    --radio-pressed-state-invalid-validity-selected-value-border-color: var(--radio-pressed-state-invalid-validity-selected-value-dark-mode-border-color);
    --radio-pressed-state-invalid-validity-selected-value-icon-color: var(--radio-pressed-state-invalid-validity-selected-value-dark-mode-icon-color);
    --radio-pressed-state-invalid-validity-unselected-value-background-color: var(--radio-pressed-state-invalid-validity-unselected-value-dark-mode-background-color);
    --radio-pressed-state-invalid-validity-unselected-value-border-color: var(--radio-pressed-state-invalid-validity-unselected-value-dark-mode-border-color);
    --radio-pressed-state-normal-validity-selected-value-background-color: var(--radio-pressed-state-normal-validity-selected-value-dark-mode-background-color);
    --radio-pressed-state-normal-validity-selected-value-border-color: var(--radio-pressed-state-normal-validity-selected-value-dark-mode-border-color);
    --radio-pressed-state-normal-validity-selected-value-icon-color: var(--radio-pressed-state-normal-validity-selected-value-dark-mode-icon-color);
    --radio-pressed-state-normal-validity-unselected-value-background-color: var(--radio-pressed-state-normal-validity-unselected-value-dark-mode-background-color);
    --radio-pressed-state-normal-validity-unselected-value-border-color: var(--radio-pressed-state-normal-validity-unselected-value-dark-mode-border-color);

    /* ========== rich-text ========== */
    --rich-text-toolbar-background-color: var(--rich-text-toolbar-background-dark-mode-color);
    --rich-text-toolbar-button-selected-value-disabled-state-icon-color: var(--rich-text-toolbar-button-selected-value-disabled-state-icon-dark-mode-color);
    --rich-text-toolbar-button-selected-value-focus-state-background-color: var(--rich-text-toolbar-button-selected-value-focus-state-background-dark-mode-color);
    --rich-text-toolbar-button-selected-value-focus-state-icon-color: var(--rich-text-toolbar-button-selected-value-focus-state-icon-dark-mode-color);
    --rich-text-toolbar-button-selected-value-hover-state-background-color: var(--rich-text-toolbar-button-selected-value-hover-state-background-dark-mode-color);
    --rich-text-toolbar-button-selected-value-hover-state-icon-color: var(--rich-text-toolbar-button-selected-value-hover-state-icon-dark-mode-color);
    --rich-text-toolbar-button-selected-value-normal-state-background-color: var(--rich-text-toolbar-button-selected-value-normal-state-background-dark-mode-color);
    --rich-text-toolbar-button-selected-value-normal-state-icon-color: var(--rich-text-toolbar-button-selected-value-normal-state-icon-dark-mode-color);
    --rich-text-toolbar-button-selected-value-pressed-state-background-color: var(--rich-text-toolbar-button-selected-value-pressed-state-background-dark-mode-color);
    --rich-text-toolbar-button-selected-value-pressed-state-icon-color: var(--rich-text-toolbar-button-selected-value-pressed-state-icon-dark-mode-color);
    --rich-text-toolbar-button-unselected-value-disabled-state-icon-color: var(--rich-text-toolbar-button-unselected-value-disabled-state-icon-dark-mode-color);
    --rich-text-toolbar-button-unselected-value-focus-state-background-color: var(--rich-text-toolbar-button-unselected-value-focus-state-background-dark-mode-color);
    --rich-text-toolbar-button-unselected-value-focus-state-icon-color: var(--rich-text-toolbar-button-unselected-value-focus-state-icon-dark-mode-color);
    --rich-text-toolbar-button-unselected-value-hover-state-background-color: var(--rich-text-toolbar-button-unselected-value-hover-state-background-dark-mode-color);
    --rich-text-toolbar-button-unselected-value-hover-state-icon-color: var(--rich-text-toolbar-button-unselected-value-hover-state-icon-dark-mode-color);
    --rich-text-toolbar-button-unselected-value-normal-state-icon-color: var(--rich-text-toolbar-button-unselected-value-normal-state-icon-dark-mode-color);
    --rich-text-toolbar-button-unselected-value-pressed-state-background-color: var(--rich-text-toolbar-button-unselected-value-pressed-state-background-dark-mode-color);
    --rich-text-toolbar-button-unselected-value-pressed-state-icon-color: var(--rich-text-toolbar-button-unselected-value-pressed-state-icon-dark-mode-color);
    --rich-text-toolbar-overflow-gradient-color: var(--rich-text-toolbar-overflow-gradient-dark-mode-color);

    /* ========== row ========== */
    --row-destructive-variant-disabled-state-background-color: var(--row-destructive-variant-disabled-state-background-dark-mode-color);
    --row-destructive-variant-disabled-state-drill-color: var(--row-destructive-variant-disabled-state-drill-dark-mode-color);
    --row-destructive-variant-disabled-state-separator-color: var(--row-destructive-variant-disabled-state-separator-dark-mode-color);
    --row-destructive-variant-disabled-state-side-text-primary-color: var(--row-destructive-variant-disabled-state-side-text-primary-dark-mode-color);
    --row-destructive-variant-disabled-state-side-text-secondary-color: var(--row-destructive-variant-disabled-state-side-text-secondary-dark-mode-color);
    --row-destructive-variant-disabled-state-subtext-color: var(--row-destructive-variant-disabled-state-subtext-dark-mode-color);
    --row-destructive-variant-disabled-state-tertiary-text-color: var(--row-destructive-variant-disabled-state-tertiary-text-dark-mode-color);
    --row-destructive-variant-disabled-state-text-color: var(--row-destructive-variant-disabled-state-text-dark-mode-color);
    --row-destructive-variant-focus-ring-color: var(--row-destructive-variant-dark-mode-focus-ring-color);
    --row-destructive-variant-focus-state-background-color: var(--row-destructive-variant-focus-state-background-dark-mode-color);
    --row-destructive-variant-focus-state-drill-color: var(--row-destructive-variant-focus-state-drill-dark-mode-color);
    --row-destructive-variant-focus-state-icon-color: var(--row-destructive-variant-focus-state-icon-dark-mode-color);
    --row-destructive-variant-focus-state-separator-color: var(--row-destructive-variant-focus-state-separator-dark-mode-color);
    --row-destructive-variant-focus-state-side-text-primary-color: var(--row-destructive-variant-focus-state-side-text-primary-dark-mode-color);
    --row-destructive-variant-focus-state-side-text-secondary-color: var(--row-destructive-variant-focus-state-side-text-secondary-dark-mode-color);
    --row-destructive-variant-focus-state-subtext-color: var(--row-destructive-variant-focus-state-subtext-dark-mode-color);
    --row-destructive-variant-focus-state-tertiary-text-color: var(--row-destructive-variant-focus-state-tertiary-text-dark-mode-color);
    --row-destructive-variant-focus-state-text-color: var(--row-destructive-variant-focus-state-text-dark-mode-color);
    --row-destructive-variant-hover-state-background-color: var(--row-destructive-variant-hover-state-background-dark-mode-color);
    --row-destructive-variant-hover-state-drill-color: var(--row-destructive-variant-hover-state-drill-dark-mode-color);
    --row-destructive-variant-hover-state-icon-color: var(--row-destructive-variant-hover-state-icon-dark-mode-color);
    --row-destructive-variant-hover-state-separator-color: var(--row-destructive-variant-hover-state-separator-dark-mode-color);
    --row-destructive-variant-hover-state-side-text-primary-color: var(--row-destructive-variant-hover-state-side-text-primary-dark-mode-color);
    --row-destructive-variant-hover-state-side-text-secondary-color: var(--row-destructive-variant-hover-state-side-text-secondary-dark-mode-color);
    --row-destructive-variant-hover-state-subtext-color: var(--row-destructive-variant-hover-state-subtext-dark-mode-color);
    --row-destructive-variant-hover-state-tertiary-text-color: var(--row-destructive-variant-hover-state-tertiary-text-dark-mode-color);
    --row-destructive-variant-hover-state-text-color: var(--row-destructive-variant-hover-state-text-dark-mode-color);
    --row-destructive-variant-normal-state-background-color: var(--row-destructive-variant-normal-state-background-dark-mode-color);
    --row-destructive-variant-normal-state-drill-color: var(--row-destructive-variant-normal-state-drill-dark-mode-color);
    --row-destructive-variant-normal-state-icon-color: var(--row-destructive-variant-normal-state-icon-dark-mode-color);
    --row-destructive-variant-normal-state-separator-color: var(--row-destructive-variant-normal-state-separator-dark-mode-color);
    --row-destructive-variant-normal-state-side-text-primary-color: var(--row-destructive-variant-normal-state-side-text-primary-dark-mode-color);
    --row-destructive-variant-normal-state-side-text-secondary-color: var(--row-destructive-variant-normal-state-side-text-secondary-dark-mode-color);
    --row-destructive-variant-normal-state-subtext-color: var(--row-destructive-variant-normal-state-subtext-dark-mode-color);
    --row-destructive-variant-normal-state-tertiary-text-color: var(--row-destructive-variant-normal-state-tertiary-text-dark-mode-color);
    --row-destructive-variant-normal-state-text-color: var(--row-destructive-variant-normal-state-text-dark-mode-color);
    --row-destructive-variant-pressed-state-background-color: var(--row-destructive-variant-pressed-state-background-dark-mode-color);
    --row-destructive-variant-pressed-state-drill-color: var(--row-destructive-variant-pressed-state-drill-dark-mode-color);
    --row-destructive-variant-pressed-state-icon-color: var(--row-destructive-variant-pressed-state-icon-dark-mode-color);
    --row-destructive-variant-pressed-state-separator-color: var(--row-destructive-variant-pressed-state-separator-dark-mode-color);
    --row-destructive-variant-pressed-state-side-text-primary-color: var(--row-destructive-variant-pressed-state-side-text-primary-dark-mode-color);
    --row-destructive-variant-pressed-state-side-text-secondary-color: var(--row-destructive-variant-pressed-state-side-text-secondary-dark-mode-color);
    --row-destructive-variant-pressed-state-subtext-color: var(--row-destructive-variant-pressed-state-subtext-dark-mode-color);
    --row-destructive-variant-pressed-state-tertiary-text-color: var(--row-destructive-variant-pressed-state-tertiary-text-dark-mode-color);
    --row-destructive-variant-pressed-state-text-color: var(--row-destructive-variant-pressed-state-text-dark-mode-color);
    --row-destructive-variant-selected-state-background-color: var(--row-destructive-variant-selected-state-background-dark-mode-color);
    --row-destructive-variant-selected-state-drill-color: var(--row-destructive-variant-selected-state-drill-dark-mode-color);
    --row-destructive-variant-selected-state-icon-color: var(--row-destructive-variant-selected-state-icon-dark-mode-color);
    --row-destructive-variant-selected-state-separator-color: var(--row-destructive-variant-selected-state-separator-dark-mode-color);
    --row-destructive-variant-selected-state-side-text-primary-color: var(--row-destructive-variant-selected-state-side-text-primary-dark-mode-color);
    --row-destructive-variant-selected-state-side-text-secondary-color: var(--row-destructive-variant-selected-state-side-text-secondary-dark-mode-color);
    --row-destructive-variant-selected-state-subtext-color: var(--row-destructive-variant-selected-state-subtext-dark-mode-color);
    --row-destructive-variant-selected-state-tertiary-text-color: var(--row-destructive-variant-selected-state-tertiary-text-dark-mode-color);
    --row-destructive-variant-selected-state-text-color: var(--row-destructive-variant-selected-state-text-dark-mode-color);
    --row-disabled-state-background-color: var(--row-disabled-state-background-dark-mode-color);
    --row-disabled-state-drill-color: var(--row-disabled-state-drill-dark-mode-color);
    --row-disabled-state-separator-color: var(--row-disabled-state-separator-dark-mode-color);
    --row-disabled-state-side-text-primary-color: var(--row-disabled-state-side-text-primary-dark-mode-color);
    --row-disabled-state-side-text-secondary-color: var(--row-disabled-state-side-text-secondary-dark-mode-color);
    --row-disabled-state-subtext-color: var(--row-disabled-state-subtext-dark-mode-color);
    --row-disabled-state-tertiary-text-color: var(--row-disabled-state-tertiary-text-dark-mode-color);
    --row-disabled-state-text-color: var(--row-disabled-state-text-dark-mode-color);
    --row-focus-ring-color: var(--row-dark-mode-focus-ring-color);
    --row-focus-state-background-color: var(--row-focus-state-background-dark-mode-color);
    --row-focus-state-drill-color: var(--row-focus-state-drill-dark-mode-color);
    --row-focus-state-icon-color: var(--row-focus-state-icon-dark-mode-color);
    --row-focus-state-separator-color: var(--row-focus-state-separator-dark-mode-color);
    --row-focus-state-side-text-primary-color: var(--row-focus-state-side-text-primary-dark-mode-color);
    --row-focus-state-side-text-secondary-color: var(--row-focus-state-side-text-secondary-dark-mode-color);
    --row-focus-state-subtext-color: var(--row-focus-state-subtext-dark-mode-color);
    --row-focus-state-tertiary-text-color: var(--row-focus-state-tertiary-text-dark-mode-color);
    --row-focus-state-text-color: var(--row-focus-state-text-dark-mode-color);
    --row-hover-state-background-color: var(--row-hover-state-background-dark-mode-color);
    --row-hover-state-drill-color: var(--row-hover-state-drill-dark-mode-color);
    --row-hover-state-icon-color: var(--row-hover-state-icon-dark-mode-color);
    --row-hover-state-separator-color: var(--row-hover-state-separator-dark-mode-color);
    --row-hover-state-side-text-primary-color: var(--row-hover-state-side-text-primary-dark-mode-color);
    --row-hover-state-side-text-secondary-color: var(--row-hover-state-side-text-secondary-dark-mode-color);
    --row-hover-state-subtext-color: var(--row-hover-state-subtext-dark-mode-color);
    --row-hover-state-tertiary-text-color: var(--row-hover-state-tertiary-text-dark-mode-color);
    --row-hover-state-text-color: var(--row-hover-state-text-dark-mode-color);
    --row-normal-state-background-color: var(--row-normal-state-background-dark-mode-color);
    --row-normal-state-drill-color: var(--row-normal-state-drill-dark-mode-color);
    --row-normal-state-icon-color: var(--row-normal-state-icon-dark-mode-color);
    --row-normal-state-separator-color: var(--row-normal-state-separator-dark-mode-color);
    --row-normal-state-side-text-primary-color: var(--row-normal-state-side-text-primary-dark-mode-color);
    --row-normal-state-side-text-secondary-color: var(--row-normal-state-side-text-secondary-dark-mode-color);
    --row-normal-state-subtext-color: var(--row-normal-state-subtext-dark-mode-color);
    --row-normal-state-tertiary-text-color: var(--row-normal-state-tertiary-text-dark-mode-color);
    --row-normal-state-text-color: var(--row-normal-state-text-dark-mode-color);
    --row-normal-variant-disabled-state-background-color: var(--row-normal-variant-disabled-state-background-dark-mode-color);
    --row-normal-variant-disabled-state-drill-color: var(--row-normal-variant-disabled-state-drill-dark-mode-color);
    --row-normal-variant-disabled-state-separator-color: var(--row-normal-variant-disabled-state-separator-dark-mode-color);
    --row-normal-variant-disabled-state-side-text-primary-color: var(--row-normal-variant-disabled-state-side-text-primary-dark-mode-color);
    --row-normal-variant-disabled-state-side-text-secondary-color: var(--row-normal-variant-disabled-state-side-text-secondary-dark-mode-color);
    --row-normal-variant-disabled-state-subtext-color: var(--row-normal-variant-disabled-state-subtext-dark-mode-color);
    --row-normal-variant-disabled-state-tertiary-text-color: var(--row-normal-variant-disabled-state-tertiary-text-dark-mode-color);
    --row-normal-variant-disabled-state-text-color: var(--row-normal-variant-disabled-state-text-dark-mode-color);
    --row-normal-variant-focus-ring-color: var(--row-normal-variant-dark-mode-focus-ring-color);
    --row-normal-variant-focus-state-background-color: var(--row-normal-variant-focus-state-background-dark-mode-color);
    --row-normal-variant-focus-state-drill-color: var(--row-normal-variant-focus-state-drill-dark-mode-color);
    --row-normal-variant-focus-state-icon-color: var(--row-normal-variant-focus-state-icon-dark-mode-color);
    --row-normal-variant-focus-state-separator-color: var(--row-normal-variant-focus-state-separator-dark-mode-color);
    --row-normal-variant-focus-state-side-text-primary-color: var(--row-normal-variant-focus-state-side-text-primary-dark-mode-color);
    --row-normal-variant-focus-state-side-text-secondary-color: var(--row-normal-variant-focus-state-side-text-secondary-dark-mode-color);
    --row-normal-variant-focus-state-subtext-color: var(--row-normal-variant-focus-state-subtext-dark-mode-color);
    --row-normal-variant-focus-state-tertiary-text-color: var(--row-normal-variant-focus-state-tertiary-text-dark-mode-color);
    --row-normal-variant-focus-state-text-color: var(--row-normal-variant-focus-state-text-dark-mode-color);
    --row-normal-variant-hover-state-background-color: var(--row-normal-variant-hover-state-background-dark-mode-color);
    --row-normal-variant-hover-state-drill-color: var(--row-normal-variant-hover-state-drill-dark-mode-color);
    --row-normal-variant-hover-state-icon-color: var(--row-normal-variant-hover-state-icon-dark-mode-color);
    --row-normal-variant-hover-state-separator-color: var(--row-normal-variant-hover-state-separator-dark-mode-color);
    --row-normal-variant-hover-state-side-text-primary-color: var(--row-normal-variant-hover-state-side-text-primary-dark-mode-color);
    --row-normal-variant-hover-state-side-text-secondary-color: var(--row-normal-variant-hover-state-side-text-secondary-dark-mode-color);
    --row-normal-variant-hover-state-subtext-color: var(--row-normal-variant-hover-state-subtext-dark-mode-color);
    --row-normal-variant-hover-state-tertiary-text-color: var(--row-normal-variant-hover-state-tertiary-text-dark-mode-color);
    --row-normal-variant-hover-state-text-color: var(--row-normal-variant-hover-state-text-dark-mode-color);
    --row-normal-variant-normal-state-background-color: var(--row-normal-variant-normal-state-background-dark-mode-color);
    --row-normal-variant-normal-state-drill-color: var(--row-normal-variant-normal-state-drill-dark-mode-color);
    --row-normal-variant-normal-state-icon-color: var(--row-normal-variant-normal-state-icon-dark-mode-color);
    --row-normal-variant-normal-state-separator-color: var(--row-normal-variant-normal-state-separator-dark-mode-color);
    --row-normal-variant-normal-state-side-text-primary-color: var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color);
    --row-normal-variant-normal-state-side-text-secondary-color: var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color);
    --row-normal-variant-normal-state-subtext-color: var(--row-normal-variant-normal-state-subtext-dark-mode-color);
    --row-normal-variant-normal-state-tertiary-text-color: var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color);
    --row-normal-variant-normal-state-text-color: var(--row-normal-variant-normal-state-text-dark-mode-color);
    --row-normal-variant-pressed-state-background-color: var(--row-normal-variant-pressed-state-background-dark-mode-color);
    --row-normal-variant-pressed-state-drill-color: var(--row-normal-variant-pressed-state-drill-dark-mode-color);
    --row-normal-variant-pressed-state-icon-color: var(--row-normal-variant-pressed-state-icon-dark-mode-color);
    --row-normal-variant-pressed-state-separator-color: var(--row-normal-variant-pressed-state-separator-dark-mode-color);
    --row-normal-variant-pressed-state-side-text-primary-color: var(--row-normal-variant-pressed-state-side-text-primary-dark-mode-color);
    --row-normal-variant-pressed-state-side-text-secondary-color: var(--row-normal-variant-pressed-state-side-text-secondary-dark-mode-color);
    --row-normal-variant-pressed-state-subtext-color: var(--row-normal-variant-pressed-state-subtext-dark-mode-color);
    --row-normal-variant-pressed-state-tertiary-text-color: var(--row-normal-variant-pressed-state-tertiary-text-dark-mode-color);
    --row-normal-variant-pressed-state-text-color: var(--row-normal-variant-pressed-state-text-dark-mode-color);
    --row-normal-variant-selected-disabled-state-background-color: var(--row-normal-variant-selected-disabled-state-background-dark-mode-color);
    --row-normal-variant-selected-state-background-color: var(--row-normal-variant-selected-state-background-dark-mode-color);
    --row-normal-variant-selected-state-drill-color: var(--row-normal-variant-selected-state-drill-dark-mode-color);
    --row-normal-variant-selected-state-icon-color: var(--row-normal-variant-selected-state-icon-dark-mode-color);
    --row-normal-variant-selected-state-separator-color: var(--row-normal-variant-selected-state-separator-dark-mode-color);
    --row-normal-variant-selected-state-side-text-primary-color: var(--row-normal-variant-selected-state-side-text-primary-dark-mode-color);
    --row-normal-variant-selected-state-side-text-secondary-color: var(--row-normal-variant-selected-state-side-text-secondary-dark-mode-color);
    --row-normal-variant-selected-state-subtext-color: var(--row-normal-variant-selected-state-subtext-dark-mode-color);
    --row-normal-variant-selected-state-tertiary-text-color: var(--row-normal-variant-selected-state-tertiary-text-dark-mode-color);
    --row-normal-variant-selected-state-text-color: var(--row-normal-variant-selected-state-text-dark-mode-color);
    --row-pressed-state-background-color: var(--row-pressed-state-background-dark-mode-color);
    --row-pressed-state-drill-color: var(--row-pressed-state-drill-dark-mode-color);
    --row-pressed-state-icon-color: var(--row-pressed-state-icon-dark-mode-color);
    --row-pressed-state-separator-color: var(--row-pressed-state-separator-dark-mode-color);
    --row-pressed-state-side-text-primary-color: var(--row-pressed-state-side-text-primary-dark-mode-color);
    --row-pressed-state-side-text-secondary-color: var(--row-pressed-state-side-text-secondary-dark-mode-color);
    --row-pressed-state-subtext-color: var(--row-pressed-state-subtext-dark-mode-color);
    --row-pressed-state-tertiary-text-color: var(--row-pressed-state-tertiary-text-dark-mode-color);
    --row-pressed-state-text-color: var(--row-pressed-state-text-dark-mode-color);
    --row-selected-disabled-state-background-color: var(--row-selected-disabled-state-background-dark-mode-color);
    --row-selected-state-background-color: var(--row-selected-state-background-dark-mode-color);
    --row-selected-state-drill-color: var(--row-selected-state-drill-dark-mode-color);
    --row-selected-state-icon-color: var(--row-selected-state-icon-dark-mode-color);
    --row-selected-state-separator-color: var(--row-selected-state-separator-dark-mode-color);
    --row-selected-state-side-text-primary-color: var(--row-selected-state-side-text-primary-dark-mode-color);
    --row-selected-state-side-text-secondary-color: var(--row-selected-state-side-text-secondary-dark-mode-color);
    --row-selected-state-subtext-color: var(--row-selected-state-subtext-dark-mode-color);
    --row-selected-state-tertiary-text-color: var(--row-selected-state-tertiary-text-dark-mode-color);
    --row-selected-state-text-color: var(--row-selected-state-text-dark-mode-color);

    /* ========== search ========== */
    --search-disabled-state-border-color: var(--search-disabled-state-border-dark-mode-color);
    --search-disabled-state-input-color: var(--search-disabled-state-input-dark-mode-color);
    --search-disabled-state-leading-icon-color: var(--search-disabled-state-leading-icon-dark-mode-color);
    --search-disabled-state-trailing-icon-color: var(--search-disabled-state-trailing-icon-dark-mode-color);
    --search-focused-state-border-color: var(--search-focused-state-border-dark-mode-color);
    --search-hint-text-color: var(--search-hint-text-dark-mode-color);
    --search-normal-state-border-color: var(--search-normal-state-border-dark-mode-color);
    --search-normal-state-input-color: var(--search-normal-state-input-dark-mode-color);
    --search-normal-state-leading-icon-color: var(--search-normal-state-leading-icon-dark-mode-color);
    --search-normal-state-trailing-icon-color: var(--search-normal-state-trailing-icon-dark-mode-color);

    /* ========== segmentedControl ========== */
    --segmented-control-background-disabled-state-color: var(--segmented-control-background-disabled-state-dark-mode-color);
    --segmented-control-background-normal-state-color: var(--segmented-control-background-normal-state-dark-mode-color);
    --segmented-control-disabled-state-background-color: var(--segmented-control-disabled-state-background-dark-mode-color);
    --segmented-control-normal-state-background-color: var(--segmented-control-normal-state-background-dark-mode-color);
    --segmented-control-option-background-disabled-state-color: var(--segmented-control-option-background-disabled-state-dark-mode-color);
    --segmented-control-option-background-hover-state-color: var(--segmented-control-option-background-hover-state-dark-mode-color);
    --segmented-control-option-background-normal-state-color: var(--segmented-control-option-background-normal-state-dark-mode-color);
    --segmented-control-option-background-pressed-state-color: var(--segmented-control-option-background-pressed-state-dark-mode-color);
    --segmented-control-option-background-selected-state-color: var(--segmented-control-option-background-selected-state-dark-mode-color);
    --segmented-control-option-background-selected-value-disabled-state-color: var(--segmented-control-option-background-selected-value-disabled-state-dark-mode-color);
    --segmented-control-option-background-selected-value-hover-state-color: var(--segmented-control-option-background-selected-value-hover-state-dark-mode-color);
    --segmented-control-option-background-selected-value-normal-state-color: var(--segmented-control-option-background-selected-value-normal-state-dark-mode-color);
    --segmented-control-option-background-selected-value-pressed-state-color: var(--segmented-control-option-background-selected-value-pressed-state-dark-mode-color);
    --segmented-control-option-background-unselected-value-disabled-state-color: var(--segmented-control-option-background-unselected-value-disabled-state-dark-mode-color);
    --segmented-control-option-background-unselected-value-hover-state-color: var(--segmented-control-option-background-unselected-value-hover-state-dark-mode-color);
    --segmented-control-option-background-unselected-value-normal-state-color: var(--segmented-control-option-background-unselected-value-normal-state-dark-mode-color);
    --segmented-control-option-background-unselected-value-pressed-state-color: var(--segmented-control-option-background-unselected-value-pressed-state-dark-mode-color);
    --segmented-control-option-label-disabled-state-color: var(--segmented-control-option-label-disabled-state-dark-mode-color);
    --segmented-control-option-label-hover-state-color: var(--segmented-control-option-label-hover-state-dark-mode-color);
    --segmented-control-option-label-normal-state-color: var(--segmented-control-option-label-normal-state-dark-mode-color);
    --segmented-control-option-label-pressed-state-color: var(--segmented-control-option-label-pressed-state-dark-mode-color);
    --segmented-control-option-label-selected-state-color: var(--segmented-control-option-label-selected-state-dark-mode-color);
    --segmented-control-option-label-selected-value-disabled-state-color: var(--segmented-control-option-label-selected-value-disabled-state-dark-mode-color);
    --segmented-control-option-label-selected-value-hover-state-color: var(--segmented-control-option-label-selected-value-hover-state-dark-mode-color);
    --segmented-control-option-label-selected-value-normal-state-color: var(--segmented-control-option-label-selected-value-normal-state-dark-mode-color);
    --segmented-control-option-label-selected-value-pressed-state-color: var(--segmented-control-option-label-selected-value-pressed-state-dark-mode-color);
    --segmented-control-option-label-unselected-value-disabled-state-color: var(--segmented-control-option-label-unselected-value-disabled-state-dark-mode-color);
    --segmented-control-option-label-unselected-value-hover-state-color: var(--segmented-control-option-label-unselected-value-hover-state-dark-mode-color);
    --segmented-control-option-label-unselected-value-normal-state-color: var(--segmented-control-option-label-unselected-value-normal-state-dark-mode-color);
    --segmented-control-option-label-unselected-value-pressed-state-color: var(--segmented-control-option-label-unselected-value-pressed-state-dark-mode-color);
    --segmented-control-option-selected-value-disabled-state-background-color: var(--segmented-control-option-selected-value-disabled-state-background-dark-mode-color);
    --segmented-control-option-selected-value-disabled-state-label-color: var(--segmented-control-option-selected-value-disabled-state-label-dark-mode-color);
    --segmented-control-option-selected-value-hover-state-background-color: var(--segmented-control-option-selected-value-hover-state-background-dark-mode-color);
    --segmented-control-option-selected-value-hover-state-label-color: var(--segmented-control-option-selected-value-hover-state-label-dark-mode-color);
    --segmented-control-option-selected-value-normal-state-background-color: var(--segmented-control-option-selected-value-normal-state-background-dark-mode-color);
    --segmented-control-option-selected-value-normal-state-label-color: var(--segmented-control-option-selected-value-normal-state-label-dark-mode-color);
    --segmented-control-option-selected-value-pressed-state-background-color: var(--segmented-control-option-selected-value-pressed-state-background-dark-mode-color);
    --segmented-control-option-selected-value-pressed-state-label-color: var(--segmented-control-option-selected-value-pressed-state-label-dark-mode-color);
    --segmented-control-option-unselected-value-disabled-state-background-color: var(--segmented-control-option-unselected-value-disabled-state-dark-mode-background-color);
    --segmented-control-option-unselected-value-disabled-state-label-color: var(--segmented-control-option-unselected-value-disabled-state-label-dark-mode-color);
    --segmented-control-option-unselected-value-hover-state-background-color: var(--segmented-control-option-unselected-value-hover-state-dark-mode-background-color);
    --segmented-control-option-unselected-value-hover-state-label-color: var(--segmented-control-option-unselected-value-hover-state-label-dark-mode-color);
    --segmented-control-option-unselected-value-normal-state-background-color: var(--segmented-control-option-unselected-value-normal-state-dark-mode-background-color);
    --segmented-control-option-unselected-value-normal-state-label-color: var(--segmented-control-option-unselected-value-normal-state-label-dark-mode-color);
    --segmented-control-option-unselected-value-pressed-state-background-color: var(--segmented-control-option-unselected-value-pressed-state-dark-mode-background-color);
    --segmented-control-option-unselected-value-pressed-state-label-color: var(--segmented-control-option-unselected-value-pressed-state-label-dark-mode-color);

    /* ========== select ========== */
    --select-caret-color: var(--select-caret-dark-mode-color);
    --select-disclosure-indicator-color: var(--select-disclosure-indicator-dark-mode-color);

    /* ========== skeleton-loader ========== */
    --skeleton-loader-fill-color: var(--skeleton-loader-fill-dark-mode-color);
    --skeleton-loader-gradient-1-color: var(--skeleton-loader-gradient-dark-mode-1-color);
    --skeleton-loader-gradient-2-color: var(--skeleton-loader-gradient-dark-mode-2-color);
    --skeleton-loader-gradient-3-color: var(--skeleton-loader-gradient-dark-mode-3-color);

    /* ========== stepper ========== */
    --stepper-button-disabled-state-background-color: var(--stepper-button-disabled-state-dark-mode-background-color);
    --stepper-button-disabled-state-icon-color: var(--stepper-button-disabled-state-dark-mode-icon-color);
    --stepper-button-focus-state-background-color: var(--stepper-button-focus-state-dark-mode-background-color);
    --stepper-button-focus-state-icon-color: var(--stepper-button-focus-state-dark-mode-icon-color);
    --stepper-button-hover-state-background-color: var(--stepper-button-hover-state-dark-mode-background-color);
    --stepper-button-hover-state-icon-color: var(--stepper-button-hover-state-dark-mode-icon-color);
    --stepper-button-normal-state-background-color: var(--stepper-button-normal-state-dark-mode-background-color);
    --stepper-button-normal-state-icon-color: var(--stepper-button-normal-state-dark-mode-icon-color);
    --stepper-button-pressed-state-background-color: var(--stepper-button-pressed-state-dark-mode-background-color);
    --stepper-button-pressed-state-icon-color: var(--stepper-button-pressed-state-dark-mode-icon-color);
    --stepper-disabled-state-background-color: var(--stepper-disabled-state-background-dark-mode-color);
    --stepper-disabled-state-border-color: var(--stepper-disabled-state-border-dark-mode-color);
    --stepper-focus-state-background-color: var(--stepper-focus-state-background-dark-mode-color);
    --stepper-focus-state-invalid-validity-color: var(--stepper-focus-state-invalid-validity-dark-mode-color);
    --stepper-focus-state-normal-validity-color: var(--stepper-focus-state-normal-validity-dark-mode-color);
    --stepper-hover-state-background-color: var(--stepper-hover-state-background-dark-mode-color);
    --stepper-hover-state-invalid-validity-color: var(--stepper-hover-state-invalid-validity-dark-mode-color);
    --stepper-hover-state-normal-validity-color: var(--stepper-hover-state-normal-validity-dark-mode-color);
    --stepper-normal-state-background-color: var(--stepper-normal-state-background-dark-mode-color);
    --stepper-normal-state-invalid-validity-color: var(--stepper-normal-state-invalid-validity-dark-mode-color);
    --stepper-normal-state-normal-validity-color: var(--stepper-normal-state-normal-validity-dark-mode-color);
    --stepper-quantity-input-field-value-text-disabled-state-color: var(--stepper-quantity-input-field-value-text-disabled-state-dark-mode-color);
    --stepper-quantity-input-field-value-text-normal-state-color: var(--stepper-quantity-input-field-value-text-normal-state-dark-mode-color);
    --stepper-quantity-input-field-value-text-placeholder-color: var(--stepper-quantity-input-field-value-text-placeholder-dark-mode-color);

    /* ========== sticky-section-header ========== */
    --sticky-section-header-background-color: var(--sticky-section-header-background-dark-mode-color);
    --sticky-section-header-separator-color: var(--sticky-section-header-separator-dark-mode-color);
    --sticky-section-header-text-color: var(--sticky-section-header-text-dark-mode-color);
    --sticky-section-header-text-link-color: var(--sticky-section-header-text-link-dark-mode-color);

    /* ========== subtle-button ========== */
    --subtle-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-disabled-state-icon-dark-mode-color);
    --subtle-button-destructive-variant-primary-rank-hover-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-hover-state-icon-dark-mode-color);
    --subtle-button-destructive-variant-primary-rank-normal-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-normal-state-icon-dark-mode-color);
    --subtle-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-pressed-state-icon-dark-mode-color);
    --subtle-button-normal-variant-primary-rank-disabled-state-icon-color: var(--subtle-button-normal-variant-primary-rank-disabled-state-icon-dark-mode-color);
    --subtle-button-normal-variant-primary-rank-hover-state-icon-color: var(--subtle-button-normal-variant-primary-rank-hover-state-icon-dark-mode-color);
    --subtle-button-normal-variant-primary-rank-normal-state-icon-color: var(--subtle-button-normal-variant-primary-rank-normal-state-icon-dark-mode-color);
    --subtle-button-normal-variant-primary-rank-pressed-state-icon-color: var(--subtle-button-normal-variant-primary-rank-pressed-state-icon-dark-mode-color);

    /* ========== swipe-action ========== */
    --swipe-action-destructive-variant-background-color: var(--swipe-action-destructive-variant-background-dark-mode-color);
    --swipe-action-destructive-variant-foreground-color: var(--swipe-action-destructive-variant-foreground-dark-mode-color);
    --swipe-action-primary-variant-background-color: var(--swipe-action-primary-variant-background-dark-mode-color);
    --swipe-action-primary-variant-foreground-color: var(--swipe-action-primary-variant-foreground-dark-mode-color);
    --swipe-action-secondary-variant-background-color: var(--swipe-action-secondary-variant-background-dark-mode-color);
    --swipe-action-secondary-variant-foreground-color: var(--swipe-action-secondary-variant-foreground-dark-mode-color);

    /* ========== tabbar ========== */
    --tabbar-accessory-disabled-state-content-color: var(--tabbar-accessory-disabled-state-content-dark-mode-color);
    --tabbar-accessory-hover-state-content-color: var(--tabbar-accessory-hover-state-content-dark-mode-color);
    --tabbar-accessory-normal-state-content-color: var(--tabbar-accessory-normal-state-content-dark-mode-color);
    --tabbar-accessory-pressed-state-content-color: var(--tabbar-accessory-pressed-state-content-dark-mode-color);
    --tabbar-background-color: var(--tabbar-background-dark-mode-color);
    --tabbar-divider-color: var(--tabbar-divider-dark-mode-color);
    --tabbar-item-selected-value-disabled-state-background-color: var(--tabbar-item-selected-value-disabled-state-background-dark-mode-color);
    --tabbar-item-selected-value-disabled-state-content-color: var(--tabbar-item-selected-value-disabled-state-content-dark-mode-color);
    --tabbar-item-selected-value-hover-state-background-color: var(--tabbar-item-selected-value-hover-state-background-dark-mode-color);
    --tabbar-item-selected-value-hover-state-content-color: var(--tabbar-item-selected-value-hover-state-content-dark-mode-color);
    --tabbar-item-selected-value-normal-state-background-color: var(--tabbar-item-selected-value-normal-state-background-dark-mode-color);
    --tabbar-item-selected-value-normal-state-content-color: var(--tabbar-item-selected-value-normal-state-content-dark-mode-color);
    --tabbar-item-selected-value-pressed-state-background-color: var(--tabbar-item-selected-value-pressed-state-background-dark-mode-color);
    --tabbar-item-selected-value-pressed-state-content-color: var(--tabbar-item-selected-value-pressed-state-content-dark-mode-color);
    --tabbar-item-unselected-value-disabled-state-background-color: var(--tabbar-item-unselected-value-disabled-state-background-dark-mode-color);
    --tabbar-item-unselected-value-disabled-state-content-color: var(--tabbar-item-unselected-value-disabled-state-content-dark-mode-color);
    --tabbar-item-unselected-value-hover-state-background-color: var(--tabbar-item-unselected-value-hover-state-background-dark-mode-color);
    --tabbar-item-unselected-value-hover-state-content-color: var(--tabbar-item-unselected-value-hover-state-content-dark-mode-color);
    --tabbar-item-unselected-value-normal-state-background-color: var(--tabbar-item-unselected-value-normal-state-background-dark-mode-color);
    --tabbar-item-unselected-value-normal-state-content-color: var(--tabbar-item-unselected-value-normal-state-content-dark-mode-color);
    --tabbar-item-unselected-value-pressed-state-background-color: var(--tabbar-item-unselected-value-pressed-state-background-dark-mode-color);
    --tabbar-item-unselected-value-pressed-state-content-color: var(--tabbar-item-unselected-value-pressed-state-content-dark-mode-color);

    /* ========== tableCell ========== */
    --table-cell-disabled-state-text-color: var(--table-cell-disabled-state-text-dark-mode-color);
    --table-cell-focus-state-background-color: var(--table-cell-focus-state-background-dark-mode-color);
    --table-cell-hover-state-background-color: var(--table-cell-hover-state-background-dark-mode-color);
    --table-cell-pressed-state-background-color: var(--table-cell-pressed-state-background-dark-mode-color);
    --table-cell-selected-state-background-color: var(--table-cell-selected-state-background-dark-mode-color);

    /* ========== tag ========== */
    --tag-disabled-state-background-color: var(--tag-disabled-state-dark-mode-background-color);
    --tag-disabled-state-icon-color: var(--tag-disabled-state-dark-mode-icon-color);
    --tag-disabled-state-label-color: var(--tag-disabled-state-dark-mode-label-color);
    --tag-disabled-state-remove-indicator-color: var(--tag-disabled-state-dark-mode-remove-indicator-color);
    --tag-focus-state-background-color: var(--tag-focus-state-dark-mode-background-color);
    --tag-focus-state-icon-color: var(--tag-focus-state-dark-mode-icon-color);
    --tag-focus-state-label-color: var(--tag-focus-state-dark-mode-label-color);
    --tag-focus-state-remove-indicator-color: var(--tag-focus-state-dark-mode-remove-indicator-color);
    --tag-hover-state-background-color: var(--tag-hover-state-dark-mode-background-color);
    --tag-hover-state-icon-color: var(--tag-hover-state-dark-mode-icon-color);
    --tag-hover-state-label-color: var(--tag-hover-state-dark-mode-label-color);
    --tag-hover-state-remove-indicator-color: var(--tag-hover-state-dark-mode-remove-indicator-color);
    --tag-normal-state-background-color: var(--tag-normal-state-dark-mode-background-color);
    --tag-normal-state-icon-color: var(--tag-normal-state-dark-mode-icon-color);
    --tag-normal-state-label-color: var(--tag-normal-state-dark-mode-label-color);
    --tag-normal-state-remove-indicator-color: var(--tag-normal-state-dark-mode-remove-indicator-color);
    --tag-pressed-state-background-color: var(--tag-pressed-state-dark-mode-background-color);
    --tag-pressed-state-icon-color: var(--tag-pressed-state-dark-mode-icon-color);
    --tag-pressed-state-label-color: var(--tag-pressed-state-dark-mode-label-color);
    --tag-pressed-state-remove-indicator-color: var(--tag-pressed-state-dark-mode-remove-indicator-color);

    /* ========== text-link-group ========== */
    --text-link-group-separator-color: var(--text-link-group-separator-dark-mode-color);

    /* ========== text-link ========== */
    --text-link-destructive-variant-color: var(--text-link-destructive-variant-dark-mode-color);
    --text-link-destructive-variant-disabled-state-color: var(--text-link-destructive-variant-disabled-state-dark-mode-color);
    --text-link-destructive-variant-hover-state-color: var(--text-link-destructive-variant-hover-state-dark-mode-color);
    --text-link-destructive-variant-normal-state-color: var(--text-link-destructive-variant-normal-state-dark-mode-color);
    --text-link-destructive-variant-pressed-state-color: var(--text-link-destructive-variant-pressed-state-dark-mode-color);
    --text-link-inverted-variant-disabled-state-color: var(--text-link-inverted-variant-disabled-state-dark-mode-color);
    --text-link-inverted-variant-hover-state-color: var(--text-link-inverted-variant-hover-state-dark-mode-color);
    --text-link-inverted-variant-normal-state-color: var(--text-link-inverted-variant-normal-state-dark-mode-color);
    --text-link-inverted-variant-pressed-state-color: var(--text-link-inverted-variant-pressed-state-dark-mode-color);
    --text-link-normal-variant-color: var(--text-link-normal-variant-dark-mode-color);
    --text-link-normal-variant-disabled-state-color: var(--text-link-normal-variant-disabled-state-dark-mode-color);
    --text-link-normal-variant-hover-state-color: var(--text-link-normal-variant-hover-state-dark-mode-color);
    --text-link-normal-variant-normal-state-color: var(--text-link-normal-variant-normal-state-dark-mode-color);
    --text-link-normal-variant-pressed-state-color: var(--text-link-normal-variant-pressed-state-dark-mode-color);

    /* ========== textarea ========== */
    --textarea-placeholder-color: var(--textarea-placeholder-dark-mode-color);
    --textarea-selection-caret-color: var(--textarea-selection-caret-dark-mode-color);
    --textarea-selection-highlight-color: var(--textarea-selection-highlight-dark-mode-color);
    --textarea-selection-text-cursor-color: var(--textarea-selection-text-cursor-dark-mode-color);

    /* ========== toast ========== */
    --toast-accent-color: var(--toast-accent-dark-mode-color);
    --toast-background-color: var(--toast-background-dark-mode-color);
    --toast-critical-variant-accent-color: var(--toast-critical-variant-accent-dark-mode-color);
    --toast-critical-variant-background-color: var(--toast-critical-variant-background-dark-mode-color);
    --toast-critical-variant-button-text-color: var(--toast-critical-variant-button-text-dark-mode-color);
    --toast-critical-variant-dismiss-button-color: var(--toast-critical-variant-dismiss-button-dark-mode-color);
    --toast-critical-variant-icon-color: var(--toast-critical-variant-icon-dark-mode-color);
    --toast-critical-variant-link-color: var(--toast-critical-variant-link-dark-mode-color);
    --toast-critical-variant-progress-bar-color: var(--toast-critical-variant-progress-bar-dark-mode-color);
    --toast-critical-variant-separator-color: var(--toast-critical-variant-separator-dark-mode-color);
    --toast-critical-variant-text-color: var(--toast-critical-variant-text-dark-mode-color);
    --toast-dismiss-button-color: var(--toast-dismiss-button-dark-mode-color);
    --toast-icon-color: var(--toast-icon-dark-mode-color);
    --toast-info-variant-accent-color: var(--toast-info-variant-accent-dark-mode-color);
    --toast-info-variant-background-color: var(--toast-info-variant-background-dark-mode-color);
    --toast-info-variant-button-text-color: var(--toast-info-variant-button-text-dark-mode-color);
    --toast-info-variant-dismiss-button-color: var(--toast-info-variant-dismiss-button-dark-mode-color);
    --toast-info-variant-icon-color: var(--toast-info-variant-icon-dark-mode-color);
    --toast-info-variant-link-color: var(--toast-info-variant-link-dark-mode-color);
    --toast-info-variant-progress-bar-color: var(--toast-info-variant-progress-bar-dark-mode-color);
    --toast-info-variant-separator-color: var(--toast-info-variant-separator-dark-mode-color);
    --toast-info-variant-text-color: var(--toast-info-variant-text-dark-mode-color);
    --toast-insight-variant-accent-color: var(--toast-insight-variant-accent-dark-mode-color);
    --toast-insight-variant-background-color: var(--toast-insight-variant-background-dark-mode-color);
    --toast-insight-variant-button-text-color: var(--toast-insight-variant-button-text-dark-mode-color);
    --toast-insight-variant-dismiss-button-color: var(--toast-insight-variant-dismiss-button-dark-mode-color);
    --toast-insight-variant-icon-color: var(--toast-insight-variant-icon-dark-mode-color);
    --toast-insight-variant-link-color: var(--toast-insight-variant-link-dark-mode-color);
    --toast-insight-variant-progress-bar-color: var(--toast-insight-variant-progress-bar-dark-mode-color);
    --toast-insight-variant-separator-color: var(--toast-insight-variant-separator-dark-mode-color);
    --toast-insight-variant-text-color: var(--toast-insight-variant-text-dark-mode-color);
    --toast-link-destructive-variant-color: var(--toast-link-destructive-variant-dark-mode-color);
    --toast-link-destructive-variant-disabled-state-color: var(--toast-link-destructive-variant-disabled-state-dark-mode-color);
    --toast-link-destructive-variant-hover-state-color: var(--toast-link-destructive-variant-hover-state-dark-mode-color);
    --toast-link-destructive-variant-normal-state-color: var(--toast-link-destructive-variant-normal-state-dark-mode-color);
    --toast-link-destructive-variant-pressed-state-color: var(--toast-link-destructive-variant-pressed-state-dark-mode-color);
    --toast-link-inverted-variant-disabled-state-color: var(--toast-link-inverted-variant-disabled-state-dark-mode-color);
    --toast-link-inverted-variant-hover-state-color: var(--toast-link-inverted-variant-hover-state-dark-mode-color);
    --toast-link-inverted-variant-normal-state-color: var(--toast-link-inverted-variant-normal-state-dark-mode-color);
    --toast-link-inverted-variant-pressed-state-color: var(--toast-link-inverted-variant-pressed-state-dark-mode-color);
    --toast-link-normal-variant-color: var(--toast-link-normal-variant-dark-mode-color);
    --toast-link-normal-variant-disabled-state-color: var(--toast-link-normal-variant-disabled-state-dark-mode-color);
    --toast-link-normal-variant-hover-state-color: var(--toast-link-normal-variant-hover-state-dark-mode-color);
    --toast-link-normal-variant-normal-state-color: var(--toast-link-normal-variant-normal-state-dark-mode-color);
    --toast-link-normal-variant-pressed-state-color: var(--toast-link-normal-variant-pressed-state-dark-mode-color);
    --toast-progress-bar-color: var(--toast-progress-bar-dark-mode-color);
    --toast-success-variant-accent-color: var(--toast-success-variant-accent-dark-mode-color);
    --toast-success-variant-background-color: var(--toast-success-variant-background-dark-mode-color);
    --toast-success-variant-button-text-color: var(--toast-success-variant-button-text-dark-mode-color);
    --toast-success-variant-dismiss-button-color: var(--toast-success-variant-dismiss-button-dark-mode-color);
    --toast-success-variant-icon-color: var(--toast-success-variant-icon-dark-mode-color);
    --toast-success-variant-link-color: var(--toast-success-variant-link-dark-mode-color);
    --toast-success-variant-progress-bar-color: var(--toast-success-variant-progress-bar-dark-mode-color);
    --toast-success-variant-separator-color: var(--toast-success-variant-separator-dark-mode-color);
    --toast-success-variant-text-color: var(--toast-success-variant-text-dark-mode-color);
    --toast-text-color: var(--toast-text-dark-mode-color);
    --toast-warning-variant-accent-color: var(--toast-warning-variant-accent-dark-mode-color);
    --toast-warning-variant-background-color: var(--toast-warning-variant-background-dark-mode-color);
    --toast-warning-variant-button-text-color: var(--toast-warning-variant-button-text-dark-mode-color);
    --toast-warning-variant-dismiss-button-color: var(--toast-warning-variant-dismiss-button-dark-mode-color);
    --toast-warning-variant-icon-color: var(--toast-warning-variant-icon-dark-mode-color);
    --toast-warning-variant-link-color: var(--toast-warning-variant-link-dark-mode-color);
    --toast-warning-variant-progress-bar-color: var(--toast-warning-variant-progress-bar-dark-mode-color);
    --toast-warning-variant-separator-color: var(--toast-warning-variant-separator-dark-mode-color);
    --toast-warning-variant-text-color: var(--toast-warning-variant-text-dark-mode-color);

    /* ========== toggle ========== */
    --toggle-disabled-state-selected-value-border-color: var(--toggle-disabled-state-selected-value-dark-mode-border-color);
    --toggle-disabled-state-selected-value-thumb-color: var(--toggle-disabled-state-selected-value-dark-mode-thumb-color);
    --toggle-disabled-state-selected-value-track-color: var(--toggle-disabled-state-selected-value-dark-mode-track-color);
    --toggle-disabled-state-unselected-value-border-color: var(--toggle-disabled-state-unselected-value-dark-mode-border-color);
    --toggle-disabled-state-unselected-value-thumb-color: var(--toggle-disabled-state-unselected-value-dark-mode-thumb-color);
    --toggle-disabled-state-unselected-value-track-color: var(--toggle-disabled-state-unselected-value-dark-mode-track-color);
    --toggle-focus-ring-color: var(--toggle-focus-ring-dark-mode-color);
    --toggle-focus-state-selected-value-border-color: var(--toggle-focus-state-selected-value-dark-mode-border-color);
    --toggle-focus-state-selected-value-thumb-color: var(--toggle-focus-state-selected-value-dark-mode-thumb-color);
    --toggle-focus-state-selected-value-track-color: var(--toggle-focus-state-selected-value-dark-mode-track-color);
    --toggle-focus-state-unselected-value-border-color: var(--toggle-focus-state-unselected-value-dark-mode-border-color);
    --toggle-focus-state-unselected-value-thumb-color: var(--toggle-focus-state-unselected-value-dark-mode-thumb-color);
    --toggle-focus-state-unselected-value-track-color: var(--toggle-focus-state-unselected-value-dark-mode-track-color);
    --toggle-hover-state-selected-value-border-color: var(--toggle-hover-state-selected-value-dark-mode-border-color);
    --toggle-hover-state-selected-value-thumb-color: var(--toggle-hover-state-selected-value-dark-mode-thumb-color);
    --toggle-hover-state-selected-value-track-color: var(--toggle-hover-state-selected-value-dark-mode-track-color);
    --toggle-hover-state-unselected-value-border-color: var(--toggle-hover-state-unselected-value-dark-mode-border-color);
    --toggle-hover-state-unselected-value-thumb-color: var(--toggle-hover-state-unselected-value-dark-mode-thumb-color);
    --toggle-hover-state-unselected-value-track-color: var(--toggle-hover-state-unselected-value-dark-mode-track-color);
    --toggle-normal-state-selected-value-border-color: var(--toggle-normal-state-selected-value-dark-mode-border-color);
    --toggle-normal-state-selected-value-thumb-color: var(--toggle-normal-state-selected-value-dark-mode-thumb-color);
    --toggle-normal-state-selected-value-track-color: var(--toggle-normal-state-selected-value-dark-mode-track-color);
    --toggle-normal-state-unselected-value-border-color: var(--toggle-normal-state-unselected-value-dark-mode-border-color);
    --toggle-normal-state-unselected-value-thumb-color: var(--toggle-normal-state-unselected-value-dark-mode-thumb-color);
    --toggle-normal-state-unselected-value-track-color: var(--toggle-normal-state-unselected-value-dark-mode-track-color);
    --toggle-pressed-state-selected-value-border-color: var(--toggle-pressed-state-selected-value-dark-mode-border-color);
    --toggle-pressed-state-selected-value-thumb-color: var(--toggle-pressed-state-selected-value-dark-mode-thumb-color);
    --toggle-pressed-state-selected-value-track-color: var(--toggle-pressed-state-selected-value-dark-mode-track-color);
    --toggle-pressed-state-unselected-value-border-color: var(--toggle-pressed-state-unselected-value-dark-mode-border-color);
    --toggle-pressed-state-unselected-value-thumb-color: var(--toggle-pressed-state-unselected-value-dark-mode-thumb-color);
    --toggle-pressed-state-unselected-value-track-color: var(--toggle-pressed-state-unselected-value-dark-mode-track-color);

    /* ========== tooltip ========== */
    --tooltip-background-color: var(--tooltip-background-dark-mode-color);
    --tooltip-link-color: var(--tooltip-link-dark-mode-color);
    --tooltip-popover-background-color: var(--tooltip-popover-background-dark-mode-color);
    --tooltip-popover-link-color: var(--tooltip-popover-link-dark-mode-color);
    --tooltip-popover-text-color: var(--tooltip-popover-text-dark-mode-color);
    --tooltip-text-color: var(--tooltip-text-dark-mode-color);
    --tooltip-trigger-icon-active-state-color: var(--tooltip-trigger-icon-active-state-dark-mode-color);
    --tooltip-trigger-icon-disabled-state-color: var(--tooltip-trigger-icon-disabled-state-dark-mode-color);
    --tooltip-trigger-icon-normal-state-color: var(--tooltip-trigger-icon-normal-state-dark-mode-color);
    --tooltip-trigger-text-active-state-color: var(--tooltip-trigger-text-active-state-dark-mode-color);
    --tooltip-trigger-text-disabled-state-color: var(--tooltip-trigger-text-disabled-state-dark-mode-color);
    --tooltip-trigger-text-normal-state-color: var(--tooltip-trigger-text-normal-state-dark-mode-color);

    /* ========== tracker ========== */
    --tracker-horizontal-orientation-compact-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-dark-mode-color);
    --tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
    --tracker-horizontal-orientation-compact-density-large-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-dark-mode-color);
    --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-in-progress-state-dark-mode-color);
    --tracker-horizontal-orientation-compact-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-dark-mode-color);
    --tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
    --tracker-horizontal-orientation-compact-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-dark-mode-color);
    --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-dark-mode-color);
    --tracker-horizontal-orientation-compact-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color);
    --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
    --tracker-horizontal-orientation-compact-density-small-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color);
    --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color);
    --tracker-horizontal-orientation-connectors-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-dark-mode-color);
    --tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
    --tracker-horizontal-orientation-connectors-density-large-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-dark-mode-color);
    --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-dark-mode-color);
    --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-dark-mode-color);
    --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
    --tracker-horizontal-orientation-connectors-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-dark-mode-color);
    --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-dark-mode-color);
    --tracker-horizontal-orientation-connectors-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-dark-mode-color);
    --tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
    --tracker-horizontal-orientation-connectors-density-small-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-dark-mode-color);
    --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-dark-mode-color);
    --tracker-horizontal-orientation-regular-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-dark-mode-color);
    --tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
    --tracker-horizontal-orientation-regular-density-large-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-dark-mode-color);
    --tracker-horizontal-orientation-regular-density-large-size-in-progress-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-in-progress-state-dark-mode-color);
    --tracker-horizontal-orientation-regular-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-dark-mode-color);
    --tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
    --tracker-horizontal-orientation-regular-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-dark-mode-color);
    --tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-in-progress-state-dark-mode-color);
    --tracker-horizontal-orientation-regular-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-dark-mode-color);
    --tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color);
    --tracker-horizontal-orientation-regular-density-small-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-dark-mode-color);
    --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-in-progress-state-dark-mode-color);
  }
}



/* shared imports and styles */
/* If importing this file directly, make sure to also import design token CSS variables */

/* global styles */
.market-grid-container {
  display: grid;
  grid-template-columns: repeat(var(--core-grid-column-count), 1fr);
  grid-gap: var(--core-grid-horizontal-spacing) var(--core-grid-vertical-spacing);
}

.market-grid-item-small {
  grid-column: auto / span var(--core-grid-item-small-size-column-span);
}

.market-grid-item-medium {
  grid-column: auto / span var(--core-grid-item-medium-size-column-span);
}

.market-grid-item-large {
  grid-column: auto / span var(--core-grid-item-large-size-column-span);
}

.market-grid-item-full {
  grid-column: auto / span var(--core-grid-item-full-size-column-span);
}


/* TODO: Figure out how to get token values into the media query breakpoints */

/* Medium Viewports: --core-breakpoint-medium-min-width: 600px */
@media only screen and (min-width: 600px) {
  messages-plugin, :host, [data-market-features],messages-plugin, :host, [data-market-features] *[data-market-theme] {
    --core-grid-column-count: var(--core-medium-viewport-grid-column-count);
    --core-grid-horizontal-spacing: var(--core-medium-viewport-grid-horizontal-spacing);
    --core-grid-vertical-spacing: var(--core-medium-viewport-grid-vertical-spacing);
    --core-grid-item-full-size-column-span: var(--core-medium-viewport-grid-item-full-size-column-span);
    --core-grid-item-large-size-column-span: var(--core-medium-viewport-grid-item-large-size-column-span);
    --core-grid-item-medium-size-column-span: var(--core-medium-viewport-grid-item-medium-size-column-span);
    --core-grid-item-small-size-column-span: var(--core-medium-viewport-grid-item-small-size-column-span);
  }
}

/* Wide Viewports: --core-breakpoint-wide-min-width: 800px */
@media only screen and (min-width: 800px) {
  messages-plugin, :host, [data-market-features],messages-plugin, :host, [data-market-features] *[data-market-theme] {
    --core-grid-column-count: var(--core-wide-viewport-grid-column-count);
    --core-grid-horizontal-spacing: var(--core-wide-viewport-grid-horizontal-spacing);
    --core-grid-vertical-spacing: var(--core-wide-viewport-grid-vertical-spacing);
    --core-grid-item-full-size-column-span: var(--core-wide-viewport-grid-item-full-size-column-span);
    --core-grid-item-large-size-column-span: var(--core-wide-viewport-grid-item-large-size-column-span);
    --core-grid-item-medium-size-column-span: var(--core-wide-viewport-grid-item-medium-size-column-span);
    --core-grid-item-small-size-column-span: var(--core-wide-viewport-grid-item-small-size-column-span);
  }
}

/* Extra Wide Viewports: --core-breakpoint-extra-wide-min-width: 1024px */
@media only screen and (min-width: 1024px) {
  messages-plugin, :host, [data-market-features],messages-plugin, :host, [data-market-features] *[data-market-theme] {
    --core-grid-column-count: var(--core-extra-wide-viewport-grid-column-count);
    --core-grid-horizontal-spacing: var(--core-extra-wide-viewport-grid-horizontal-spacing);
    --core-grid-vertical-spacing: var(--core-extra-wide-viewport-grid-vertical-spacing);
    --core-grid-item-full-size-column-span: var(--core-extra-wide-viewport-grid-item-full-size-column-span);
    --core-grid-item-large-size-column-span: var(--core-extra-wide-viewport-grid-item-large-size-column-span);
    --core-grid-item-medium-size-column-span: var(--core-extra-wide-viewport-grid-item-medium-size-column-span);
    --core-grid-item-small-size-column-span: var(--core-extra-wide-viewport-grid-item-small-size-column-span);
  }
}

/* TODO: Make these to design spec */

/* We have separate enter and exit animations because of the way that CSS
animation seems to work, despite having an animation-direction property.
Using separate animations is the only way to allow reverse animation without
having to use javascript to trigger re-animating
https://stackoverflow.com/a/47992656
*/

messages-plugin, :host, [data-market-features] {
  --animation-infinite-duration: 1s;
  --animation-infinite-iteration-count: infinite;
  --animation-infinite-timing-function: linear;
}

@keyframes market-popup {
  messages-plugin from {
    opacity: 0%;
    transform: scale(0.9, 0.9);
  }

  messages-plugin to {
    opacity: 100%;
    transform: scale(1, 1);
  }
}

@keyframes market-popdown {
  messages-plugin from {
    opacity: 100%;
    transform: scale(1, 1);
  }

  messages-plugin to {
    opacity: 0%;
    transform: scale(0.9, 0.9);
  }
}

@keyframes market-slideup {
  messages-plugin from {
    opacity: 0%;
    transform: translateY(80vh);
  }

  messages-plugin to {
    opacity: 100%;
    transform: translateY(0);
  }
}

@keyframes market-slidedown {
  messages-plugin from {
    opacity: 100%;
    transform: translateY(0);
  }

  messages-plugin to {
    opacity: 0%;
    transform: translateY(80vh);
  }
}

@keyframes market-slide-left-enter {
  messages-plugin from {
    transform: translateX(100%);
  }

  messages-plugin to {
    transform: translateX(0);
  }
}

/* animation-direction reverse not working; reversing the animation manually instead */
@keyframes market-slide-left-exit {
  messages-plugin from {
    transform: translateX(0);
  }

  messages-plugin to {
    transform: translateX(100%);
  }
}

@keyframes market-fade-in {
  messages-plugin from {
    opacity: 0%;
  }

  messages-plugin to {
    opacity: 100%;
  }
}

@keyframes market-fade-out {
  messages-plugin from {
    opacity: 100%;
  }

  messages-plugin to {
    opacity: 0%;
  }
}

@keyframes market-file-upload-loading-rotation {
  messages-plugin from {
    transform: rotate(0deg);
  }

  messages-plugin to {
    transform: rotate(360deg);
  }
}

@keyframes market-activity-indicator-rotation {
  messages-plugin from {
    transform: rotate(0deg);
  }

  messages-plugin to {
    transform: rotate(360deg);
  }
}

/* stylelint-disable block-no-empty */

/**
 * These empty input-autofill animations are part of a hack that allows us to
 * detect browser autofill: https://stackoverflow.com/a/41530164
 */
@keyframes market-input-autofill-start {
  messages-plugin from {}
  messages-plugin to {}
}

@keyframes market-input-autofill-cancel {
  messages-plugin from {}
  messages-plugin to {}
}

/**
 * These empty input-search animations allow us detect compact enter/exit animations
 */
@keyframes market-input-search-compact-enter {
  messages-plugin from {}
  messages-plugin to {}
}

@keyframes market-input-search-compact-exit {
  messages-plugin from {}
  messages-plugin to {}
}

/* stylelint-enable block-no-empty */

/* stylelint-disable max-line-length */

messages-plugin, :host, [data-market-features],messages-plugin, :host, [data-market-features] *[data-market-theme] {
  /* Partial Modals do not have settings for narrow viewports because they display with the
  same CSS as full modals, therefore, the second-smallest viewport here, medium, is the default
  for partial modal custom properties */
  --modal-partial-vertical-padding-size: var(--modal-partial-medium-viewport-vertical-padding-size);
  --modal-partial-vertical-screen-buffer-size: var(--modal-partial-medium-viewport-vertical-screen-buffer-size);
  --modal-partial-horizontal-padding-size: var(--modal-partial-medium-viewport-horizontal-padding-size);
  --modal-partial-horizontal-screen-buffer-size: var(--modal-partial-medium-viewport-horizontal-screen-buffer-size);
  --modal-partial-width: var(--modal-partial-medium-viewport-width);
  --modal-full-horizontal-padding-size: var(--modal-full-narrow-viewport-horizontal-padding-size);
  --modal-full-vertical-padding-size: var(--modal-full-narrow-viewport-vertical-padding-size);
  --modal-dialog-vertical-padding-size: var(--modal-dialog-medium-viewport-vertical-padding-size);
  --modal-dialog-horizontal-padding-size: var(--modal-dialog-medium-viewport-horizontal-padding-size);
  --modal-dialog-width: var(--modal-dialog-medium-viewport-width);
}

messages-plugin, :host, [data-market-features]:has(.market-context-manager[active]):not(:has(.market-context-manager[active] .market-context:only-child.no-veil)),messages-plugin, :host, [data-market-features] *[data-market-theme]:has(.market-context-manager[active]):not(:has(.market-context-manager[active] .market-context:only-child.no-veil)) {
  overflow: hidden;
}

/* TODO: Use env() here with a design token -jbiggs */

/* Medium Viewports: --core-breakpoint-medium-min-width: 600px */
@media (min-width: 600px) {
  messages-plugin, :host, [data-market-features],messages-plugin, :host, [data-market-features] *[data-market-theme] {
    --modal-full-vertical-padding-size: var(--modal-full-medium-viewport-vertical-padding-size);
    --modal-full-horizontal-padding-size: var(--modal-full-medium-viewport-horizontal-padding-size);
    --modal-dialog-vertical-padding-size: var(--modal-dialog-medium-viewport-vertical-padding-size);
    --modal-dialog-horizontal-padding-size: var(--modal-dialog-medium-viewport-horizontal-padding-size);
    --modal-dialog-width: var(--modal-dialog-medium-viewport-width);
  }
}

/* Wide Viewports: --core-breakpoint-wide-min-width: 800px */
@media (min-width: 800px) {
  messages-plugin, :host, [data-market-features],messages-plugin, :host, [data-market-features] *[data-market-theme] {
    --modal-partial-vertical-padding-size: var(--modal-partial-wide-viewport-vertical-padding-size);
    --modal-partial-vertical-screen-buffer-size: var(--modal-partial-wide-viewport-vertical-screen-buffer-size);
    --modal-partial-horizontal-padding-size: var(--modal-partial-wide-viewport-horizontal-padding-size);
    --modal-partial-horizontal-screen-buffer-size: var(--modal-partial-wide-viewport-horizontal-screen-buffer-size);
    --modal-partial-width: var(--modal-partial-wide-viewport-width);
    --modal-full-vertical-padding-size: var(--modal-full-wide-viewport-vertical-padding-size);
    --modal-full-horizontal-padding-size: var(--modal-full-wide-viewport-horizontal-padding-size);
    --modal-dialog-vertical-padding-size: var(--modal-dialog-wide-viewport-vertical-padding-size);
    --modal-dialog-horizontal-padding-size: var(--modal-dialog-wide-viewport-horizontal-padding-size);
    --modal-dialog-width: var(--modal-dialog-wide-viewport-width);
  }
}

messages-plugin, :host, [data-market-features] {
  --elevation-10-shadow: 0 0 4px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 20%);
  --elevation-20-shadow: 0 2px 16px 0 rgb(0 0 0 / 10%), 0 4px 8px 0 rgb(0 0 0 / 10%);
  --elevation-30-shadow: 0 4px 32px 0 rgb(0 0 0 / 10%), 0 8px 16px 0 rgb(0 0 0 / 10%);
}


/* feature flagged styles */
[data-market-features*="typography"] {
  color: var(--core-text-10-color);
  font-weight: var(--core-type-regular-weight);
  font-family: var(--core-type-font-family);
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  -moz-osz-font-smoothing: grayscale;
  font-smooth: always; /* stylelint-disable-line property-no-unknown */
}

messages-plugin h1, .display-10 {
  font-weight: var(--core-type-display-10-weight);
  font-size: var(--core-type-display-10-size);
  font-family: var(--core-type-display-10-font-family);
  line-height: var(--core-type-display-10-leading);
  letter-spacing: var(--core-type-display-10-tracking);
  text-transform: var(--core-type-display-10-case);
}

.display-20 {
  font-weight: var(--core-type-display-20-weight);
  font-size: var(--core-type-display-20-size);
  font-family: var(--core-type-display-20-font-family);
  line-height: var(--core-type-display-20-leading);
  letter-spacing: var(--core-type-display-20-tracking);
  text-transform: var(--core-type-display-20-case);
}

messages-plugin h2, .heading-30 {
  font-weight: var(--core-type-heading-30-weight);
  font-size: var(--core-type-heading-30-size);
  font-family: var(--core-type-heading-30-font-family);
  line-height: var(--core-type-heading-30-leading);
  letter-spacing: var(--core-type-heading-30-tracking);
  text-transform: var(--core-type-heading-30-case);
}

messages-plugin h3, .heading-20 {
  font-weight: var(--core-type-heading-20-weight);
  font-size: var(--core-type-heading-20-size);
  font-family: var(--core-type-heading-20-font-family);
  line-height: var(--core-type-heading-20-leading);
  letter-spacing: var(--core-type-heading-20-tracking);
  text-transform: var(--core-type-heading-20-case);
}

messages-plugin h4, .heading-10 {
  font-weight: var(--core-type-heading-10-weight);
  font-size: var(--core-type-heading-10-size);
  font-family: var(--core-type-heading-10-font-family);
  line-height: var(--core-type-heading-10-leading);
  letter-spacing: var(--core-type-heading-10-tracking);
  text-transform: var(--core-type-heading-10-case);
}

messages-plugin h5, .heading-5 {
  font-weight: var(--core-type-heading-5-weight);
  font-size: var(--core-type-heading-5-size);
  font-family: var(--core-type-heading-5-font-family);
  line-height: var(--core-type-heading-5-leading);
  letter-spacing: var(--core-type-heading-5-tracking);
  text-transform: var(--core-type-heading-5-case);
}

.paragraph-30 {
  font-weight: var(--core-type-paragraph-30-weight);
  font-size: var(--core-type-paragraph-30-size);
  font-family: var(--core-type-paragraph-30-font-family);
  line-height: var(--core-type-paragraph-30-leading);
  letter-spacing: var(--core-type-paragraph-30-tracking);
  text-transform: var(--core-type-paragraph-30-case);
}

.paragraph-30 b, .paragraph-30 strong {
    font-weight: var(--core-type-semibold-30-weight);
  }

messages-plugin p, .paragraph-20 {
  font-weight: var(--core-type-paragraph-20-weight);
  font-size: var(--core-type-paragraph-20-size);
  font-family: var(--core-type-paragraph-20-font-family);
  line-height: var(--core-type-paragraph-20-leading);
  letter-spacing: var(--core-type-paragraph-20-tracking);
  text-transform: var(--core-type-paragraph-20-case);
}

messages-plugin p b,messages-plugin p strong, .paragraph-20 b, .paragraph-20 strong {
    font-weight: var(--core-type-semibold-20-weight);
  }

.paragraph-10 {
  font-weight: var(--core-type-paragraph-10-weight);
  font-size: var(--core-type-paragraph-10-size);
  font-family: var(--core-type-paragraph-10-font-family);
  line-height: var(--core-type-paragraph-10-leading);
  letter-spacing: var(--core-type-paragraph-10-tracking);
  text-transform: var(--core-type-paragraph-10-case);
}

.paragraph-10 b, .paragraph-10 strong {
    font-weight: var(--core-type-semibold-10-weight);
  }

.medium-10 {
  font-weight: var(--core-type-medium-10-weight);
  font-size: var(--core-type-medium-10-size);
  font-family: var(--core-type-medium-10-font-family);
  line-height: var(--core-type-medium-10-leading);
  letter-spacing: var(--core-type-medium-10-tracking);
  text-transform: var(--core-type-medium-10-case);
}

.medium-20 {
  font-weight: var(--core-type-medium-20-weight);
  font-size: var(--core-type-medium-20-size);
  font-family: var(--core-type-medium-20-font-family);
  line-height: var(--core-type-medium-20-leading);
  letter-spacing: var(--core-type-medium-20-tracking);
  text-transform: var(--core-type-medium-20-case);
}

.medium-30 {
  font-weight: var(--core-type-medium-30-weight);
  font-size: var(--core-type-medium-30-size);
  font-family: var(--core-type-medium-30-font-family);
  line-height: var(--core-type-medium-30-leading);
  letter-spacing: var(--core-type-medium-30-tracking);
  text-transform: var(--core-type-medium-30-case);
}

.semibold-10 {
  font-weight: var(--core-type-semibold-10-weight);
  font-size: var(--core-type-semibold-10-size);
  font-family: var(--core-type-semibold-10-font-family);
  line-height: var(--core-type-semibold-10-leading);
  letter-spacing: var(--core-type-semibold-10-tracking);
  text-transform: var(--core-type-semibold-10-case);
}

.semibold-20 {
  font-weight: var(--core-type-semibold-20-weight);
  font-size: var(--core-type-semibold-20-size);
  font-family: var(--core-type-semibold-20-font-family);
  line-height: var(--core-type-semibold-20-leading);
  letter-spacing: var(--core-type-semibold-20-tracking);
  text-transform: var(--core-type-semibold-20-case);
}

.semibold-30 {
  font-weight: var(--core-type-semibold-30-weight);
  font-size: var(--core-type-semibold-30-size);
  font-family: var(--core-type-semibold-30-font-family);
  line-height: var(--core-type-semibold-30-leading);
  letter-spacing: var(--core-type-semibold-30-tracking);
  text-transform: var(--core-type-semibold-30-case);
}

messages-plugin code, .monospace {
  font-family: var(--core-type-mono-font-family);
}


@layer market-feature--typography {
  [data-market-features*="typography"] {
  }
}

[data-market-features*="typography"] [data-disabled-market-features*="typography"] {
  color: revert-layer;
  font-weight: revert-layer;
  font-family: revert-layer;
  font-synthesis: revert-layer;
  -webkit-font-smoothing: revert-layer;
  -moz-osz-font-smoothing: revert-layer;
  font-smooth: always; /* stylelint-disable-line property-no-unknown */
}

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .display-20 {
    font-weight: revert-layer;
    font-size: revert-layer;
    font-family: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) h1, [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .display-10 {
    font-weight: revert-layer;
    font-size: revert-layer;
    font-family: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) h2, [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .heading-30 {
    font-weight: revert-layer;
    font-size: revert-layer;
    font-family: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) h3, [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .heading-20 {
    font-weight: revert-layer;
    font-size: revert-layer;
    font-family: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) h4, [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .heading-10 {
    font-weight: revert-layer;
    font-size: revert-layer;
    font-family: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) h5, [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .heading-5 {
    font-weight: revert-layer;
    font-size: revert-layer;
    font-family: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .paragraph-30 {
    font-weight: revert-layer;
    font-size: revert-layer;
    font-family: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .paragraph-30 b, [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .paragraph-30 strong {
    font-weight: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) p, [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .paragraph-20 {
    font-weight: revert-layer;
    font-size: revert-layer;
    font-family: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) p b, [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) p strong, [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .paragraph-20 b, [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .paragraph-20 strong {
    font-weight: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .paragraph-10 {
    font-weight: revert-layer;
    font-size: revert-layer;
    font-family: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .paragraph-10 b, [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .paragraph-10 strong {
    font-weight: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .medium-30 {
    font-weight: revert-layer;
    font-size: revert-layer;
    font-family: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .medium-20 {
    font-weight: revert-layer;
    font-size: revert-layer;
    font-family: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .medium-10 {
    font-weight: revert-layer;
    font-size: revert-layer;
    font-family: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .semibold-30 {
    font-weight: revert-layer;
    font-size: revert-layer;
    font-family: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .semibold-20 {
    font-weight: revert-layer;
    font-size: revert-layer;
    font-family: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .semibold-10 {
    font-weight: revert-layer;
    font-size: revert-layer;
    font-family: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) code, [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .monospace {
    font-family: revert-layer;
  }

/* Not wrapped in @layer market-feature--typography in order to override general typography */
/* ROW */
/* Small Size */
[data-market-features*="typography"] .market-row[size="small"] > [slot="label"] {
    font-weight: var(--row-small-size-text-weight);
    font-size: var(--row-small-size-text-size);
    line-height: var(--row-small-size-text-leading);
    letter-spacing: var(--row-small-size-text-tracking);
    text-transform: var(--row-small-size-text-case);
  }
[data-market-features*="typography"] .market-row[size="small"] > [slot="subtext"] {
    font-weight: var(--row-small-size-subtext-weight);
    font-size: var(--row-small-size-subtext-size);
    line-height: var(--row-small-size-subtext-leading);
    letter-spacing: var(--row-small-size-subtext-tracking);
    text-transform: var(--row-small-size-subtext-case);
  }
[data-market-features*="typography"] .market-row[size="small"] > [slot="side-label"] {
    font-weight: var(--row-small-size-side-text-primary-weight);
    font-size: var(--row-small-size-side-text-primary-size);
    line-height: var(--row-small-size-side-text-primary-leading);
    letter-spacing: var(--row-small-size-side-text-primary-tracking);
    text-transform: var(--row-small-size-side-text-primary-case);
  }
[data-market-features*="typography"] .market-row[size="small"] > [slot="side-subtext"] {
    font-weight: var(--row-small-size-side-text-secondary-weight);
    font-size: var(--row-small-size-side-text-secondary-size);
    line-height: var(--row-small-size-side-text-secondary-leading);
    letter-spacing: var(--row-small-size-side-text-secondary-tracking);
    text-transform: var(--row-small-size-side-text-secondary-case);
  }
/* Medium Size */
[data-market-features*="typography"] .market-row[size="medium"] > [slot="label"] {
    font-weight: var(--row-medium-size-text-weight);
    font-size: var(--row-medium-size-text-size);
    line-height: var(--row-medium-size-text-leading);
    letter-spacing: var(--row-medium-size-text-tracking);
    text-transform: var(--row-medium-size-text-case);
  }
[data-market-features*="typography"] .market-row[size="medium"] > [slot="subtext"] {
    font-weight: var(--row-medium-size-subtext-weight);
    font-size: var(--row-medium-size-subtext-size);
    line-height: var(--row-medium-size-subtext-leading);
    letter-spacing: var(--row-medium-size-subtext-tracking);
    text-transform: var(--row-medium-size-subtext-case);
  }
[data-market-features*="typography"] .market-row[size="medium"] > [slot="side-label"] {
    font-weight: var(--row-medium-size-side-text-primary-weight);
    font-size: var(--row-medium-size-side-text-primary-size);
    line-height: var(--row-medium-size-side-text-primary-leading);
    letter-spacing: var(--row-medium-size-side-text-primary-tracking);
    text-transform: var(--row-medium-size-side-text-primary-case);
  }
[data-market-features*="typography"] .market-row[size="medium"] > [slot="side-subtext"] {
    font-weight: var(--row-medium-size-side-text-secondary-weight);
    font-size: var(--row-medium-size-side-text-secondary-size);
    line-height: var(--row-medium-size-side-text-secondary-leading);
    letter-spacing: var(--row-medium-size-side-text-secondary-tracking);
    text-transform: var(--row-medium-size-side-text-secondary-case);
  }
[data-market-features*="typography"] .market-row[slot="displayed-selection"] > [slot="label"] {
    font-weight: var(--field-input-weight);
    font-size: inherit;
    line-height: inherit;
  }
/* FIELD */
[data-market-features*="typography"] .market-field > [slot="error"] {
    color: var(--field-error-message-text-color);
    font-weight: var(--field-error-message-text-weight);
    font-size: var(--field-error-message-text-size);
    line-height: var(--field-error-message-text-leading);
    letter-spacing: var(--field-error-message-text-tracking);
  }
[data-market-features*="typography"] .market-field > [slot="action"] {
    color: var(--field-action-text-color);
  }
[data-market-features*="typography"] .market-field > [slot] {
    margin-top: 4px; /* TODO: design token */
  }
/* HEADER */
[data-market-features*="typography"] .market-header[show-navigation] > [slot="compact"]:not(.wayfinding):not(.subheading) {
    font-weight: var(--core-type-heading-20-weight);
    font-size: var(--core-type-heading-20-size);
    font-family: var(--core-type-heading-20-font-family);
    line-height: var(--core-type-heading-20-leading);
    letter-spacing: var(--core-type-heading-20-tracking);
    text-transform: var(--core-type-heading-20-case);
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-row[size="small"] > [slot="label"] {
    font-weight: revert-layer;
    font-size: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-row[size="small"] > [slot="subtext"] {
    font-weight: revert-layer;
    font-size: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-row[size="small"] > [slot="side-label"] {
    font-weight: revert-layer;
    font-size: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-row[size="small"] > [slot="side-subtext"] {
    font-weight: revert-layer;
    font-size: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-row[size="medium"] > [slot="label"] {
    font-weight: revert-layer;
    font-size: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-row[size="medium"] > [slot="subtext"] {
    font-weight: revert-layer;
    font-size: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-row[size="medium"] > [slot="side-label"] {
    font-weight: revert-layer;
    font-size: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-row[size="medium"] > [slot="side-subtext"] {
    font-weight: revert-layer;
    font-size: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-row[slot="displayed-selection"] > [slot="label"] {
    font-weight: revert-layer;
    font-size: revert-layer;
    line-height: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-field > [slot="error"] {
    color: revert-layer;
    font-weight: revert-layer;
    font-size: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-field > [slot="action"] {
    color: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-field > [slot] {
    margin-top: revert-layer;
  }

[data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-header[show-navigation] > [slot="compact"]:not(.wayfinding):not(.subheading) {
    font-weight: revert-layer;
    font-size: revert-layer;
    font-family: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
  }

messages-plugin a {
  /* TODO: add link focus ring tokens (UI-6643) */
  --text-link-focus-ring-border-size: var(--button-focus-ring-border-size);
  --text-link-focus-ring-buffer-size: var(--button-focus-ring-buffer-size);
  --text-link-focus-ring-color: var(--button-focus-ring-color);
  --focus-ring-color: color-mix(in srgb, var(--text-link-focus-ring-color) 100%, transparent);
}

messages-plugin a:focus-visible {
    border-radius: 1px;
    outline: var(--text-link-focus-ring-border-size) solid var(--focus-ring-color);
    outline-offset: var(--text-link-focus-ring-buffer-size);
  }


@layer market-feature--html-styles {
    [data-market-features*="html-styles"] a, [data-market-features*="html-styles"] a:link, [data-market-features*="html-styles"] a:hover, [data-market-features*="html-styles"] a:active, [data-market-features*="html-styles"] a:visited {
      color: var(--text-link-normal-variant-color);
      font-weight: var(--text-link-medium-size-text-weight);
      transition: color var(--core-animation-enter-transition-moderate-speed-duration);
      text-decoration-line: none;
      text-decoration-style: solid;
      text-decoration-thickness: var(--text-link-standalone-style-normal-state-underline-size);
      text-underline-offset: var(--text-link-standalone-style-underline-offset, 2px);
    }

    [data-market-features*="html-styles"] a:hover {
      color: var(--text-link-normal-variant-hover-state-color);
      text-decoration-thickness: var(--text-link-standalone-style-hover-state-underline-size);
      text-decoration-line: underline;
    }

    [data-market-features*="html-styles"] a:active {
      color: var(--text-link-normal-variant-pressed-state-color);
      text-decoration-thickness: var(--text-link-standalone-style-pressed-state-underline-size);
    }

    [data-market-features*="html-styles"] a[disabled], [data-market-features*="html-styles"] a.disabled, [data-market-features*="html-styles"] a[aria-disabled="true"] {
      color: var(--text-link-normal-variant-disabled-state-color);
      text-decoration-thickness: var(--text-link-standalone-style-disabled-state-underline-size);
    }
      [data-market-features*="html-styles"][data-market-theme*="monochrome"] a, [data-market-features*="html-styles"][data-market-theme*="monochrome"] a:link, [data-market-features*="html-styles"][data-market-theme*="monochrome"] a:hover, [data-market-features*="html-styles"][data-market-theme*="monochrome"] a:active, [data-market-features*="html-styles"][data-market-theme*="monochrome"] a:visited, [data-market-features*="html-styles"] [data-market-theme*="monochrome"] a, [data-market-features*="html-styles"] [data-market-theme*="monochrome"] a:link, [data-market-features*="html-styles"] [data-market-theme*="monochrome"] a:hover, [data-market-features*="html-styles"] [data-market-theme*="monochrome"] a:active, [data-market-features*="html-styles"] [data-market-theme*="monochrome"] a:visited {
        text-decoration-line: underline;
      }
      [data-disabled-market-features*="html-styles"][data-market-features*="html-styles"] a, [data-disabled-market-features*="html-styles"][data-market-features*="html-styles"] a:link, [data-disabled-market-features*="html-styles"][data-market-features*="html-styles"] a:hover, [data-disabled-market-features*="html-styles"][data-market-features*="html-styles"] a:active, [data-disabled-market-features*="html-styles"][data-market-features*="html-styles"] a:visited, [data-market-features*="html-styles"] [data-disabled-market-features*="html-styles"] a, [data-market-features*="html-styles"] [data-disabled-market-features*="html-styles"] a:link, [data-market-features*="html-styles"] [data-disabled-market-features*="html-styles"] a:hover, [data-market-features*="html-styles"] [data-disabled-market-features*="html-styles"] a:active, [data-market-features*="html-styles"] [data-disabled-market-features*="html-styles"] a:visited {
        color: revert-layer;
        font-weight: revert-layer;
        transition: revert-layer;
        text-decoration-line: revert-layer;
        text-decoration-style: revert-layer;
        text-decoration-thickness: revert-layer;
        text-underline-offset: revert-layer;
      }

      [data-disabled-market-features*="html-styles"][data-market-features*="html-styles"] a:hover, [data-market-features*="html-styles"] [data-disabled-market-features*="html-styles"] a:hover {
        color: revert-layer;
        text-decoration-thickness: revert-layer;
        text-decoration-line: revert-layer;
      }

      [data-disabled-market-features*="html-styles"][data-market-features*="html-styles"] a:active, [data-market-features*="html-styles"] [data-disabled-market-features*="html-styles"] a:active {
        color: revert-layer;
        text-decoration-thickness: revert-layer;
      }

      [data-disabled-market-features*="html-styles"][data-market-features*="html-styles"] a[disabled], [data-disabled-market-features*="html-styles"][data-market-features*="html-styles"] a.disabled, [data-disabled-market-features*="html-styles"][data-market-features*="html-styles"] a[aria-disabled="true"], [data-market-features*="html-styles"] [data-disabled-market-features*="html-styles"] a[disabled], [data-market-features*="html-styles"] [data-disabled-market-features*="html-styles"] a.disabled, [data-market-features*="html-styles"] [data-disabled-market-features*="html-styles"] a[aria-disabled="true"] {
        color: revert-layer;
        text-decoration-thickness: revert-layer;
      }

      [data-disabled-market-features*="html-styles"][data-market-features*="html-styles"] a, [data-market-features*="html-styles"] [data-disabled-market-features*="html-styles"] a {
        --text-link-focus-ring-border-size: revert-layer;
        --text-link-focus-ring-buffer-size: revert-layer;
        --text-link-focus-ring-color: revert-layer;
        --focus-ring-color: revert-layer;
      }

      [data-disabled-market-features*="html-styles"][data-market-features*="html-styles"] a:focus-visible, [data-market-features*="html-styles"] [data-disabled-market-features*="html-styles"] a:focus-visible {
        border-radius: revert-layer;
        outline: revert-layer;
        outline-offset: revert-layer;
      }
}


[data-market-features*="dark-mode"] {
  background-color: var(--core-surface-10-color);
}

/* stylelint-disable declaration-no-important */
[data-market-features*="chromatic"] {
  /* infinite animations disabled */
  --animation-infinite-duration: 0s !important;
  --animation-infinite-iteration-count: 0 !important;
}
/* stylelint-enable declaration-no-important */

/* Screen reader only class */

/* Learn more -> https://webaim.org/techniques/css/invisiblecontent/ */
.market-sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}



/* ===== [8] inline <style> — 81 chars ===== */
@import url(https://square-fonts-production-f.squarecdn.com/square-sans.min.css);

/* [dropped third-party inline sheet: 44 chars] */