:root { --core-animation-enter-transition-easing: cubic-bezier(0.26, 0.1, 0.48, 1); --core-animation-enter-transition-fast-speed-duration: 0.1s; --core-animation-enter-transition-moderate-speed-duration: 0.24s; --core-animation-enter-transition-slow-speed-duration: 0.4s; --core-animation-exit-transition-easing: cubic-bezier(0.52, 0, 0.74, 0); --core-animation-exit-transition-fast-speed-duration: 0.1s; --core-animation-exit-transition-moderate-speed-duration: 0.16s; --core-animation-exit-transition-slow-speed-duration: 0.3s; --core-animation-move-transition-easing: cubic-bezier(0.76, 0, 0.24, 1); --core-animation-move-transition-fast-speed-duration: 0.1s; --core-animation-move-transition-moderate-speed-duration: 0.24s; --core-animation-move-transition-slow-speed-duration: 0.4s; --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.05em; --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: 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; --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.5s; --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.5s; --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.5s; --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-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 ); --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-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-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-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: 3s; --skeleton-loader-animation-easing: cubic-bezier(0, 0, 1, 1); --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); --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); --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: 10s; --toast-dismissal-delay-medium-duration: 5s; --toast-dismissal-delay-short-duration: 2s; --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 ); } @media (prefers-color-scheme: dark) { [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-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 ); --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-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-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 ); } } [data-market-theme="monochrome"] { --core-animation-enter-transition-easing: cubic-bezier(0.26, 0.1, 0.48, 1); --core-animation-enter-transition-fast-speed-duration: 0.1s; --core-animation-enter-transition-moderate-speed-duration: 0.24s; --core-animation-enter-transition-slow-speed-duration: 0.4s; --core-animation-exit-transition-easing: cubic-bezier(0.52, 0, 0.74, 0); --core-animation-exit-transition-fast-speed-duration: 0.1s; --core-animation-exit-transition-moderate-speed-duration: 0.16s; --core-animation-exit-transition-slow-speed-duration: 0.3s; --core-animation-move-transition-easing: cubic-bezier(0.76, 0, 0.24, 1); --core-animation-move-transition-fast-speed-duration: 0.1s; --core-animation-move-transition-moderate-speed-duration: 0.24s; --core-animation-move-transition-slow-speed-duration: 0.4s; --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.05em; --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: 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; --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.5s; --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.5s; --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.5s; --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 ); --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-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-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-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: 3s; --skeleton-loader-animation-easing: cubic-bezier(0, 0, 1, 1); --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); --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); --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: 10s; --toast-dismissal-delay-medium-duration: 5s; --toast-dismissal-delay-short-duration: 2s; --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-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-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 ); --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-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-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 ); } } :root { --animation-infinite-duration: 1s; --animation-infinite-iteration-count: infinite; --animation-infinite-timing-function: linear; } @keyframes market-popup { 0% { opacity: 0%; transform: scale(0.9); } to { opacity: 100%; transform: scale(1); } } @keyframes market-popdown { 0% { opacity: 100%; transform: scale(1); } to { opacity: 0%; transform: scale(0.9); } } @keyframes market-slideup { 0% { opacity: 0%; transform: translateY(80vh); } to { opacity: 100%; transform: translateY(0); } } @keyframes market-slidedown { 0% { opacity: 100%; transform: translateY(0); } to { opacity: 0%; transform: translateY(80vh); } } @keyframes market-slide-left-enter { 0% { transform: translate(100%); } to { transform: translate(0); } } @keyframes market-slide-left-exit { 0% { transform: translate(0); } to { transform: translate(100%); } } @keyframes market-fade-in { 0% { opacity: 0%; } to { opacity: 100%; } } @keyframes market-fade-out { 0% { opacity: 100%; } to { opacity: 0%; } } @keyframes market-file-upload-loading-rotation { 0% { transform: rotate(0); } to { transform: rotate(360deg); } } @keyframes market-activity-indicator-rotation { 0% { transform: rotate(0); } to { transform: rotate(360deg); } } @keyframes market-input-autofill-start { } @keyframes market-input-autofill-cancel { } @keyframes market-input-search-compact-enter { } @keyframes market-input-search-compact-exit { } :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); } :root:has(.market-context-manager[active]):not( :has(.market-context-manager[active] .market-context:only-child.no-veil) ), :root *[data-market-theme]:has(.market-context-manager[active]):not( :has(.market-context-manager[active] .market-context:only-child.no-veil) ) { overflow: hidden; } @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); } } :root { --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-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; } 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); } 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); } 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); } 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); } 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); } 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); } p b, 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); } code, .monospace { font-family: var(--core-type-mono-font-family); } @layer market-feature--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; } [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; } [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"] { 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; } 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(--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, [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); } [data-market-features*="chromatic"] { --animation-infinite-duration: 0s !important; --animation-infinite-iteration-count: 0 !important; } .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%); } @font-face { font-family: swiper-icons; src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var( --swiper-wrapper-transition-timing-function, initial ); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translateZ(0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); backface-visibility: hidden; } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper:before { content: ""; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: #00000026; } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, #00000080, #0000); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, #00000080, #0000); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, #00000080, #0000); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, #00000080, #0000); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0); } to { transform: rotate(360deg); } } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } *, :before, :after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } .container { width: 100%; } @media (min-width: 375px) { .container { max-width: 375px; } } @media (min-width: 640px) { .container { max-width: 640px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 900px) { .container { max-width: 900px; } } @media (min-width: 1024px) { .container { max-width: 1024px; } } @media (min-width: 1280px) { .container { max-width: 1280px; } } @media (min-width: 1536px) { .container { max-width: 1536px; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .pointer-events-none { pointer-events: none; } .visible { visibility: visible; } .collapse { visibility: collapse; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .inset-x-0 { left: 0; right: 0; } .-top-10 { top: -2.5rem; } .bottom-0 { bottom: 0; } .bottom-32 { bottom: 8rem; } .left-2 { left: 0.5rem; } .left-\[22px\] { left: 22px; } .right-0 { right: 0; } .top-0 { top: 0; } .top-2 { top: 0.5rem; } .z-10 { z-index: 10; } .col-span-2 { grid-column: span 2 / span 2; } .m-0 { margin: 0; } .-mx-4 { margin-left: -1rem; margin-right: -1rem; } .mx-0 { margin-left: 0; margin-right: 0; } .mx-4 { margin-left: 1rem; margin-right: 1rem; } .mx-8 { margin-left: 2rem; margin-right: 2rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-8 { margin-top: 2rem; margin-bottom: 2rem; } .-mt-2 { margin-top: -0.5rem; } .mb-0 { margin-bottom: 0; } .mb-1 { margin-bottom: 0.25rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-4 { margin-bottom: 1rem; } .mb-5 { margin-bottom: 1.25rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-8 { margin-bottom: 2rem; } .mb-\[105px\] { margin-bottom: 105px; } .ml-0 { margin-left: 0; } .ml-2 { margin-left: 0.5rem; } .ml-3 { margin-left: 0.75rem; } .ml-4 { margin-left: 1rem; } .ml-6 { margin-left: 1.5rem; } .mr-1 { margin-right: 0.25rem; } .mr-2 { margin-right: 0.5rem; } .mr-4 { margin-right: 1rem; } .mt-0 { margin-top: 0; } .mt-1 { margin-top: 0.25rem; } .mt-2 { margin-top: 0.5rem; } .mt-3 { margin-top: 0.75rem; } .mt-4 { margin-top: 1rem; } .mt-6 { margin-top: 1.5rem; } .mt-8 { margin-top: 2rem; } .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; line-clamp: 1; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; line-clamp: 2; } .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; line-clamp: 3; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .grid { display: grid; } .contents { display: contents; } .hidden { display: none; } .aspect-square { aspect-ratio: 1 / 1; } .aspect-video { aspect-ratio: 16 / 9; } .h-1 { height: 0.25rem; } .h-10 { height: 2.5rem; } .h-11 { height: 2.75rem; } .h-12 { height: 3rem; } .h-16 { height: 4rem; } .h-2 { height: 0.5rem; } .h-4 { height: 1rem; } .h-6 { height: 1.5rem; } .h-8 { height: 2rem; } .h-\[0\.5px\] { height: 0.5px; } .h-\[142px\] { height: 142px; } .h-\[93px\] { height: 93px; } .h-\[95px\] { height: 95px; } .h-auto { height: auto; } .h-dvh { height: 100dvh; } .h-full { height: 100%; } .h-screen-svh, .h-svh { height: 100svh; } .max-h-12 { max-height: 3rem; } .max-h-16 { max-height: 4rem; } .max-h-9 { max-height: 2.25rem; } .max-h-\[384px\] { max-height: 384px; } .max-h-\[90\%\] { max-height: 90%; } .max-h-full { max-height: 100%; } .max-h-large-avatar { max-height: 60px; } .max-h-screen-svh { max-height: 100svh; } .max-h-small-avatar { max-height: 40px; } .min-h-12 { min-height: 3rem; } .min-h-large-avatar { min-height: 60px; } .min-h-screen-svh { min-height: 100svh; } .min-h-small-avatar { min-height: 40px; } .w-0 { width: 0px; } .w-10 { width: 2.5rem; } .w-12 { width: 3rem; } .w-16 { width: 4rem; } .w-2 { width: 0.5rem; } .w-2\/3 { width: 66.666667%; } .w-24 { width: 6rem; } .w-4 { width: 1rem; } .w-6 { width: 1.5rem; } .w-60 { width: 15rem; } .w-8 { width: 2rem; } .w-\[1024px\] { width: 1024px; } .w-\[400px\] { width: 400px; } .w-\[600px\] { width: 600px; } .w-\[800px\] { width: 800px; } .w-\[90\%\] { width: 90%; } .w-auto { width: auto; } .w-full { width: 100%; } .w-screen { width: 100vw; } .min-w-4 { min-width: 1rem; } .min-w-cart-sidebar { min-width: 384px; } .min-w-fit { min-width: -moz-fit-content; min-width: fit-content; } .min-w-full { min-width: 100%; } .min-w-large-avatar { min-width: 60px; } .min-w-small-avatar { min-width: 40px; } .max-w-12 { max-width: 3rem; } .max-w-16 { max-width: 4rem; } .max-w-\[100px\] { max-width: 100px; } .max-w-\[384px\], .max-w-cart-sidebar { max-width: 384px; } .max-w-large-avatar { max-width: 60px; } .max-w-lg { max-width: 1024px; } .max-w-screen-md { max-width: 768px; } .max-w-small-avatar { max-width: 40px; } .flex-1 { flex: 1 1 0%; } .flex-auto { flex: 1 1 auto; } .flex-none { flex: none; } .shrink-0 { flex-shrink: 0; } .flex-grow, .grow { flex-grow: 1; } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-full { --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-14 { --tw-translate-y: -3.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-full { --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .cursor-pointer { cursor: pointer; } .resize { resize: both; } .list-none { list-style-type: none; } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .items-baseline { align-items: baseline; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .gap-0 { gap: 0px; } .gap-0\.5 { gap: 0.125rem; } .gap-2 { gap: 0.5rem; } .gap-4 { gap: 1rem; } .space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .overflow-hidden { overflow: hidden; } .overflow-y-auto { overflow-y: auto; } .overflow-x-hidden { overflow-x: hidden; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-ellipsis { text-overflow: ellipsis; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-wrap { white-space: pre-wrap; } .text-nowrap { text-wrap: nowrap; } .rounded { border-radius: 0.25rem; } .rounded-full { border-radius: 9999px; } .rounded-md { border-radius: 0.375rem; } .rounded-xl { border-radius: 0.75rem; } .rounded-t-3xl { border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; } .border { border-width: 1px; } .border-0 { border-width: 0px; } .border-2 { border-width: 2px; } .border-b-2 { border-bottom-width: 2px; } .border-t-\[0\.5px\] { border-top-width: 0.5px; } .border-solid { border-style: solid; } .border-dotted { border-style: dotted; } .border-none { border-style: none; } .border-black\/5, .border-black\/\[\.05\] { border-color: #0000000d; } .border-core-fill-30 { border-color: var(--core-fill-30-light-mode-color); } .border-gray-100 { --tw-border-opacity: 1; border-color: rgb(243 244 246 / var(--tw-border-opacity)); } .border-gray-200 { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); } .border-gray-400 { --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity)); } .border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); } .border-b-black\/50 { border-bottom-color: #00000080; } .bg-bbf-avatar-fill { background-color: var( --bbf-avatar-fill-color, var(--core-emphasis-40-light-mode-color) ); } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .bg-core-emphasis-40 { background-color: var(--core-emphasis-40-light-mode-color); } .bg-core-emphasis-fill { background-color: var(--core-emphasis-fill-light-mode-color); } .bg-core-fill-50 { background-color: var(--core-fill-50-light-mode-color); } .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } .bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .bg-gray-300 { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } .bg-transparent { background-color: transparent; } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .fill-bbf-darken-fill { fill: var( --bbf-darken-fill-color, var(--core-emphasis-text-light-mode-color) ); } .fill-current { fill: currentColor; } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .p-0 { padding: 0; } .p-1 { padding: 0.25rem; } .p-2 { padding: 0.5rem; } .p-4 { padding: 1rem; } .p-8 { padding: 2rem; } .px-0 { padding-left: 0; padding-right: 0; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .py-16 { padding-top: 4rem; padding-bottom: 4rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .pb-0 { padding-bottom: 0; } .pb-1 { padding-bottom: 0.25rem; } .pb-12 { padding-bottom: 3rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-4 { padding-bottom: 1rem; } .pb-6 { padding-bottom: 1.5rem; } .pl-0 { padding-left: 0; } .pl-14 { padding-left: 3.5rem; } .pl-2 { padding-left: 0.5rem; } .pl-3 { padding-left: 0.75rem; } .pl-4 { padding-left: 1rem; } .pl-6 { padding-left: 1.5rem; } .pr-1 { padding-right: 0.25rem; } .pr-2 { padding-right: 0.5rem; } .pt-1 { padding-top: 0.25rem; } .pt-12 { padding-top: 3rem; } .pt-2 { padding-top: 0.5rem; } .pt-28 { padding-top: 7rem; } .pt-3 { padding-top: 0.75rem; } .pt-4 { padding-top: 1rem; } .pt-6 { padding-top: 1.5rem; } .pt-8 { padding-top: 2rem; } .text-center { text-align: center; } .align-middle { vertical-align: middle; } .align-text-top { vertical-align: text-top; } .align-sub { vertical-align: sub; } .\!text-base { font-size: 1rem !important; line-height: 1.5rem !important; } .\!text-sm { font-size: 0.875rem !important; line-height: 1.25rem !important; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-\[12px\] { font-size: 12px; } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-xs { font-size: 0.625rem; } .\!font-medium { font-weight: 500 !important; } .\!font-semibold { font-weight: 600 !important; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; } .ordinal { --tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .\!leading-4 { line-height: 1rem !important; } .\!leading-7 { line-height: 1.75rem !important; } .leading-4 { line-height: 1rem; } .\!text-black { --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; } .\!text-core-text-20 { --tw-text-opacity: 1 !important; color: rgb(115 115 115 / var(--tw-text-opacity)) !important; } .text-banner-warning-text-link { color: var(--banner-warning-variant-text-link-text-color); } .text-bbf-darken-fill { color: var( --bbf-darken-fill-color, var(--core-emphasis-text-light-mode-color) ); } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .text-black\/50 { color: #00000080; } .text-core-text-10 { --tw-text-opacity: 1; color: rgb(26 26 26 / var(--tw-text-opacity)); } .text-core-text-20 { --tw-text-opacity: 1; color: rgb(115 115 115 / var(--tw-text-opacity)); } .text-core-text-30 { --tw-text-opacity: 1; color: rgb(178 178 178 / var(--tw-text-opacity)); } .text-core-text-white { color: var(--core-text-white-light-mode-color); } .text-error-text { color: var(--core-red-text-light-mode-color); } .text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .text-opacity-55 { --tw-text-opacity: 0.55; } .underline { text-decoration-line: underline; } .line-through { text-decoration-line: line-through; } .decoration-bbf-text-decoration-color { text-decoration-color: var(--bbf-text-decoration-color, transparent); } .opacity-0 { opacity: 0; } .opacity-100 { opacity: 1; } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_-4px_30px_-10px_rgba\(0\,0\,0\,0\.3\)\] { --tw-shadow: 0 -4px 30px -10px rgba(0, 0, 0, 0.3); --tw-shadow-colored: 0 -4px 30px -10px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .outline { outline-style: solid; } .blur { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; } .delay-150 { transition-delay: 0.15s; } .duration-500 { transition-duration: 0.5s; } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .\[overflow-wrap\:anywhere\] { overflow-wrap: anywhere; } body { margin: 0; } body.square-go #close-pc-btn-handler { display: none !important; } .z-above-market-context-manager { z-index: 3; } .z-below-market-context-manager { z-index: 1; } @media (max-width: 899px) { .messages-plugin-mobile-pos messages-plugin::part(popover) { bottom: 6rem; } .messages-plugin-open-mobile-cart-pos .mobile-cart { z-index: 0; } } .messages-plugin-force-hidden messages-plugin::part(popover) { right: -10000px; } .messages-plugin-force-hidden messages-plugin::part(popover):focus-within { right: 20px; } .trashcan { color: #0000006b; } .swiper-slide-thumb-active > img { outline-style: solid; outline-width: 2px; outline-offset: 2px; outline-color: var(--core-emphasis-10-light-mode-color); } .swiper-fade-container:before, .swiper-fade-container:after { content: ""; position: absolute; top: 0; bottom: 0; width: 16px; z-index: 2; } .swiper-fade-container:before { left: 0; background: linear-gradient(to right, white, transparent); } .swiper-fade-container:after { right: 0; background: linear-gradient(to left, white, transparent); } .overflow-wrap-anywhere { overflow-wrap: anywhere; } .before\:hidden:before { content: var(--tw-content); display: none; } .before\:content-none:before { --tw-content: none; content: var(--tw-content); } .after\:mx-2:after { content: var(--tw-content); margin-left: 0.5rem; margin-right: 0.5rem; } .after\:text-core-text-20:after { content: var(--tw-content); --tw-text-opacity: 1; color: rgb(115 115 115 / var(--tw-text-opacity)); } .after\:content-\[\'\/\'\]:after { --tw-content: "/"; content: var(--tw-content); } .last\:hidden:last-child { display: none; } .hover\:border-black\/\[\.3\]:hover { border-color: #0000004d; } .hover\:\!opacity-100:hover { opacity: 1 !important; } @media (min-width: 375px) { .xs\:w-12 { width: 3rem; } } @media (min-width: 640px) { .sm\:absolute { position: absolute; } .sm\:z-10 { z-index: 10; } .sm\:mt-2 { margin-top: 0.5rem; } .sm\:block { display: block; } .sm\:flex { display: flex; } .sm\:hidden { display: none; } .sm\:h-\[400px\] { height: 400px; } .sm\:h-auto { height: auto; } .sm\:min-h-\[500px\] { min-height: 500px; } .sm\:w-36 { width: 9rem; } .sm\:w-full { width: 100%; } .sm\:flex-grow { flex-grow: 1; } .sm\:flex-row { flex-direction: row; } .sm\:flex-col { flex-direction: column; } .sm\:justify-normal { justify-content: normal; } .sm\:justify-center { justify-content: center; } .sm\:border-t-0 { border-top-width: 0px; } .sm\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .sm\:px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } .sm\:px-4 { padding-left: 1rem; padding-right: 1rem; } .sm\:py-0 { padding-top: 0; padding-bottom: 0; } .sm\:py-32 { padding-top: 8rem; padding-bottom: 8rem; } .sm\:pb-8 { padding-bottom: 2rem; } .sm\:pt-4 { padding-top: 1rem; } } @media (min-width: 768px) { .md\:mb-8 { margin-bottom: 2rem; } .md\:mt-8 { margin-top: 2rem; } .md\:block { display: block; } .md\:hidden { display: none; } } @media (min-width: 900px) { .md-lg\:m-0 { margin: 0; } .md-lg\:line-clamp-none { overflow: visible; display: block; -webkit-box-orient: horizontal; line-clamp: none; } .md-lg\:block { display: block; } .md-lg\:hidden { display: none; } .md-lg\:max-h-\[calc\(100vh-280px\)\] { max-height: calc(100vh - 280px); } .md-lg\:max-h-\[calc\(100vh-412px\)\] { max-height: calc(100vh - 412px); } .md-lg\:w-full { width: 100%; } .md-lg\:max-w-main-content { max-width: 640px; } .md-lg\:border-t-0 { border-top-width: 0px; } .md-lg\:p-0 { padding: 0; } .md-lg\:px-0 { padding-left: 0; padding-right: 0; } .md-lg\:px-4 { padding-left: 1rem; padding-right: 1rem; } .md-lg\:py-4 { padding-top: 1rem; padding-bottom: 1rem; } } .\[\&\:not\(\:hover\)\]\:bg-transparent:not(:hover) { background-color: transparent; } .\[\&\>path\]\:fill-current > path { fill: currentColor; } p.\[p\&\]\:text-legal-sm { font-size: 0.75rem; } p.\[p\&\]\:leading-legal-sm { line-height: 1.125rem; } * { box-sizing: border-box; } :before, :after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; --tw-content: ""; } html { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"; } body { margin: 0; line-height: inherit; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } a { color: inherit; text-decoration: inherit; font-weight: inherit; transition: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } :-moz-ui-invalid { box-shadow: none; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type="search"] { appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { appearance: button; font: inherit; } summary { display: list-item; } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } textarea { resize: vertical; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: #9ca3af; } input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af; } :disabled { cursor: default; } img, svg, video, canvas, audio, iframe, embed, object { display: block; } img, video { max-width: 100%; height: auto; } [hidden] { display: none; }