/* CNSLT Theme Pack v2.2 | Mode: Corporate Light (single-brand; contexts required by UI) | Generated: 2026-02-21 Source inputs: 6 original / 7 cnslt CNSLT tokens: ~124 | Palette: ~76 | Semantic: success 10, warning 10, danger 10, info 10 Bitrix token mapping: ui: yes | air: yes | top mapped: --ui-color-palette-(green|blue)-*, --ui-color-primary, --ui-color-link-primary-base, --ui-color-accent-main-* Legacy cleanup: blue-primary removed: yes | remaining legacy colors: yes (inline SVG fills not globally recolored) Hardcodes: yes | allowed-only-in: palette/semantics | exceptions: data-URI icons (popup/menu), inline base64 SVG fills Coverage: buttons/links/icons/alerts + states hover/active/focus/disabled: yes */ /** * Do not edit directly * Generated on Mon, 06 Oct 2025 14:34:49 GMT */ :root, .--ui-context-content-light { --ui-color-base-0: #000000; --ui-color-base-1: #333333; --ui-color-base-2: #525C69; --ui-color-base-3: #828B95; --ui-color-base-4: #A8ADB4; --ui-color-base-5: #C9CCD0; --ui-color-base-6: #DFE0E3; --ui-color-base-7: #EDEEF0; --ui-color-base-8: #FFFFFF; --ui-color-base-black-fixed: #000000; --ui-color-bg-content-primary: ##FFFFFF1F; --ui-color-base-white-fixed: #FFFFFF; --ui-color-divider-accent: #E2E2E2; --ui-color-divider-default: #F0F0F0; --ui-color-divider-less: #F7F7F7; --ui-color-divider-vibrant-accent-more: #00000026; --ui-color-divider-vibrant-accent: #00000014; --ui-color-divider-vibrant-default: #0000000D; --ui-color-divider-vibrant-less: #00000008; --ui-color-divider-vibrant-accent-more-alt: #FFFFFF26; --ui-color-divider-vibrant-accent-alt: #FFFFFF17; --ui-color-divider-vibrant-default-alt: #FFFFFF0F; --ui-color-divider-vibrant-less-alt: #FFFFFF0A; --ui-color-divider-optical-1: #00000000; --ui-color-divider-optical-1-alt: #0000000D; --ui-color-divider-optical-2: #FFFFFF00; --ui-divider-optical-1-weight: 0px; --ui-divider-optical-2-weight: 0px; --ui-color-divider-optical-on-overlay: #FFFFFF00; --ui-divider-optical-on-overlay-weight: 0px; --ui-color-bg-content-secondary: #F6FAFB; --ui-color-bg-content-tertiary: #EEF2F4; --ui-color-bg-vibrant-accent: #FAFBFCF5; --ui-color-bg-state-hover-default-hex: #000000; --ui-color-bg-state-hover-default-opacity: 3%; --ui-color-bg-state-hover-default: #00000008; --ui-color-bg-state-click-default-hex: #000000; --ui-color-bg-state-click-default-opacity: 6%; --ui-color-bg-state-click-default: #0000000F; --ui-color-bg-state-hover-alt-hex: #FFFFFF; --ui-color-bg-state-hover-alt-opacity: 7%; --ui-color-bg-state-hover-alt: #FFFFFF12; --ui-color-bg-state-click-alt-hex: #FFFFFF; --ui-color-bg-state-click-alt-opacity: 14%; --ui-color-bg-state-click-alt: #FFFFFF24; --ui-color-bg-state-hover-default-overlay-hex: #000000; --ui-color-bg-state-hover-default-overlay-opacity: 20%; --ui-color-bg-state-hover-default-overlay: #00000033; --ui-color-bg-state-click-default-overlay-hex: #000000; --ui-color-bg-state-click-default-overlay-opacity: 32%; --ui-color-bg-state-click-default-overlay: #00000052; --ui-color-bg-state-hover-alt-overlay-hex: #FFFFFF; --ui-color-bg-state-hover-alt-overlay-opacity: 35%; --ui-color-bg-state-hover-alt-overlay: #FFFFFF59; --ui-color-bg-state-click-alt-overlay-hex: #FFFFFF; --ui-color-bg-state-click-alt-overlay-opacity: 50%; --ui-color-bg-state-click-alt-overlay: #FFFFFF80; --ui-color-bg-vibrant-default: #FAFBFCEB; --ui-color-bg-vibrant-less: #FAFBFCDB; --ui-color-bg-vibrant-less-more: #FAFBFCCC; --ui-color-bg-content-inapp: #5f7266; --ui-color-bg-content-primary-layer: #FFFFFF; --ui-color-bg-content-light: #FFFFFF; --ui-bg-blur-content: none; --ui-bg-blur-vibrant: var(--ui-bg-blur-accent); --ui-color-accent-main-primary: #ff4006; --ui-color-design-filled-bg: #485a4c; --ui-color-design-filled-stroke: rgba(var(--ui-color-palette-white-base-rgb), 0.141); --ui-design-filled-stroke-weight: 0px; --ui-color-design-filled-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-content-secondary: rgba(var(--ui-color-palette-white-base-rgb), 0.702); --ui-color-design-filled-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-content-icon-secondary: var(--ui-color-palette-blue-20); --ui-color-design-filled-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.239); --ui-color-design-filled-success-bg: var(--ui-color-accent-main-success); --ui-color-design-filled-success-stroke: var(--ui-color-accent-main-success); --ui-design-filled-success-stroke-weight: 0px; --ui-color-design-filled-success-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-success-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-success-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-success-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.239); --ui-color-design-filled-alert-bg: var(--ui-color-accent-main-alert); --ui-color-design-filled-alert-stroke: var(--ui-color-accent-main-alert); --ui-design-filled-alert-stroke-weight: 0px; --ui-color-design-filled-alert-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-alert-content-secondary: rgba(var(--ui-color-palette-white-base-rgb), 0.702); --ui-color-design-filled-alert-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-alert-content-icon-secondary: var(--ui-color-red-25); --ui-color-design-filled-alert-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-alert-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.239); --ui-color-design-filled-warning-bg: var(--ui-color-accent-main-warning); --ui-color-design-filled-black-bg: var(--ui-color-base-2); --ui-color-design-filled-black-stroke: var(--ui-color-base-2); --ui-design-filled-black-stroke-weight: 0px; --ui-color-design-filled-black-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-black-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-black-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-black-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.239); --ui-color-design-filled-warning-stroke: var(--ui-color-accent-main-warning); --ui-design-filled-warning-stroke-weight: 0px; --ui-color-design-filled-warning-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-warning-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-warning-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-warning-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.239); --ui-color-design-filled-white-bg: var(--ui-color-palette-gray-02); --ui-color-design-filled-white-stroke: var(--ui-color-base-7); --ui-design-filled-white-stroke-weight: 0px; --ui-color-design-filled-white-content: var(--ui-color-base-2); --ui-color-design-filled-white-content-icon: var(--ui-color-base-2); --ui-color-design-filled-white-content-chevron: var(--ui-color-base-2); --ui-color-design-filled-white-content-divider: var(--ui-color-base-7); --ui-color-design-filled-na-bg: var(--ui-color-base-4); --ui-color-design-filled-na-bg-secondary: var(--ui-color-base-5); --ui-color-design-filled-copilot-bg: var(--ui-color-copilot-accent-primary); --ui-color-design-filled-copilot-stroke: var(--ui-color-copilot-accent-primary); --ui-design-filled-copilot-stroke-weight: 0px; --ui-color-design-filled-copilot-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-copilot-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-copilot-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-copilot-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.239); --ui-color-design-filled-na-stroke: var(--ui-color-base-4); --ui-color-design-filled-na-stroke-secondary: var(--ui-color-base-5); --ui-design-filled-na-stroke-weight: 0px; --ui-color-design-filled-na-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-na-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-na-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-na-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.239); --ui-color-design-tinted-bg: var(--ui-color-accent-soft-blue-2); --ui-color-design-tinted-a1-bg: var(--ui-color-accent-main-primary-alt-2); --ui-color-design-tinted-a1-stroke: var(--ui-color-accent-main-primary-alt-2); --ui-design-tinted-a1-stroke-weight: 0px; --ui-color-design-tinted-a1-content: var(--ui-color-base-white-fixed); --ui-color-design-tinted-a1-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-tinted-a1-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-tinted-a1-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.239); --ui-color-design-tinted-success-bg: var(--ui-color-accent-soft-green-2); --ui-color-design-tinted-success-bg-alt: var(--ui-color-accent-soft-green-3); --ui-color-design-tinted-success-stroke: var(--ui-color-accent-soft-green-2); --ui-design-tinted-success-stroke-weight: 0px; --ui-color-design-tinted-success-content: var(--ui-color-accent-extra-grass); --ui-color-design-tinted-success-content-icon: var(--ui-color-accent-extra-grass); --ui-color-design-tinted-success-content-chevron: var(--ui-color-accent-extra-grass); --ui-color-design-tinted-success-content-divider: var(--ui-color-palette-green-20); --ui-color-design-tinted-bg-alt: var(--ui-color-accent-soft-blue-2); --ui-color-design-tinted-stroke: var(--ui-color-accent-soft-blue-2); --ui-design-tinted-stroke-weight: 0px; --ui-color-design-tinted-content: var(--ui-color-accent-main-link); --ui-color-design-tinted-content-alt: var(--ui-color-accent-extra-darkblue); --ui-color-design-tinted-content-icon: var(--ui-color-accent-main-link); --ui-color-design-tinted-content-icon-secondary: rgba(var(--ui-color-palette-green-40-rgb), 0.502); --ui-color-design-tinted-content-chevron: var(--ui-color-accent-main-link); --ui-color-design-tinted-content-divider: var(--ui-color-palette-blue-15); --ui-color-design-tinted-alert-bg: var(--ui-color-accent-soft-red-2); --ui-color-design-tinted-alert-stroke: var(--ui-color-accent-soft-red-2); --ui-design-tinted-alert-stroke-weight: 0px; --ui-color-design-tinted-alert-content: var(--ui-color-accent-main-alert); --ui-color-design-tinted-alert-content-icon: var(--ui-color-accent-main-alert); --ui-color-design-tinted-alert-content-chevron: var(--ui-color-accent-main-alert); --ui-color-design-tinted-alert-content-divider: var(--ui-color-palette-red-15); --ui-color-design-tinted-warning-bg: var(--ui-color-accent-soft-orange-2); --ui-color-design-tinted-warning-stroke: var(--ui-color-accent-soft-orange-2); --ui-design-tinted-warning-stroke-weight: 0px; --ui-color-design-tinted-warning-content: var(--ui-color-accent-extra-orange); --ui-color-design-tinted-warning-content-icon: var(--ui-color-accent-extra-orange); --ui-color-design-tinted-warning-content-chevron: var(--ui-color-accent-extra-orange); --ui-color-design-tinted-warning-content-divider: var(--ui-color-palette-orange-15); --ui-color-design-tinted-violet-bg: var(--ui-color-accent-soft-violet-2); --ui-color-design-tinted-violet-stroke: var(--ui-color-accent-soft-violet-2); --ui-design-tinted-violet-stroke-weight: 0px; --ui-color-design-tinted-violet-content: var(--ui-color-accent-soft-element-violet); --ui-color-design-tinted-violet-content-icon: var(--ui-color-accent-soft-element-violet); --ui-color-design-tinted-violet-content-chevron: var(--ui-color-accent-soft-element-violet); --ui-color-design-tinted-violet-content-divider: var(--ui-color-palette-blue-15); --ui-color-design-tinted-na-bg: var(--ui-color-base-7); --ui-color-design-tinted-na-stroke: var(--ui-color-base-7); --ui-design-tinted-na-stroke-weight: 0px; --ui-color-design-tinted-na-content: var(--ui-color-base-3); --ui-color-design-tinted-na-content-icon: var(--ui-color-base-3); --ui-color-design-tinted-na-content-chevron: var(--ui-color-base-3); --ui-color-design-tinted-na-content-divider: var(--ui-color-base-7); --ui-color-design-outline-a1-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-a1-stroke: var(--ui-color-accent-main-primary); --ui-design-outline-a1-stroke-weight: var(--ui-border-width-medium); --ui-color-design-outline-a1-content: var(--ui-color-base-1); --ui-color-design-outline-a1-content-icon: var(--ui-color-base-1); --ui-color-design-outline-a1-content-chevron: var(--ui-color-base-1); --ui-color-design-outline-a1-content-divider: var(--ui-color-palette-blue-15); --ui-color-design-outline-a2-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-a2-stroke: var(--ui-color-accent-main-primary-alt-2); --ui-design-outline-a2-stroke-weight: var(--ui-border-width-medium); --ui-design-outline-a2-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-a2-content: var(--ui-color-accent-main-primary); --ui-color-design-outline-a2-content-icon: var(--ui-color-accent-main-primary); --ui-color-design-outline-a2-content-icon-secondary: var(--ui-color-accent-main-primary-alt-2); --ui-color-design-outline-a2-content-chevron: var(--ui-color-accent-main-primary); --ui-color-design-outline-a2-content-divider: var(--ui-color-palette-blue-15); --ui-color-design-outline-a2-focused-bg: var(--ui-color-accent-soft-blue-3); --ui-color-design-outline-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-success-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-success-stroke: var(--ui-color-accent-soft-border-green); --ui-design-outline-success-stroke-weight: var(--ui-border-width-medium); --ui-design-outline-success-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-success-content: var(--ui-color-accent-main-success); --ui-color-design-outline-success-content-icon: var(--ui-color-accent-main-success); --ui-color-design-outline-success-content-chevron: var(--ui-color-accent-main-success); --ui-color-design-outline-success-content-divider: var(--ui-color-palette-green-20); --ui-color-design-outline-alert-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-alert-stroke: var(--ui-color-accent-soft-border-red); --ui-design-outline-alert-stroke-weight: var(--ui-border-width-medium); --ui-design-outline-alert-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-alert-content: var(--ui-color-accent-main-alert); --ui-color-design-outline-alert-content-icon: var(--ui-color-accent-main-alert); --ui-color-design-outline-alert-content-chevron: var(--ui-color-accent-main-alert); --ui-color-design-outline-alert-content-divider: var(--ui-color-palette-red-15); --ui-color-design-outline-bg-alt: var(--ui-color-bg-content-primary); --ui-color-design-outline-stroke: var(--ui-color-base-7); --ui-design-outline-stroke-weight: var(--ui-border-width-medium); --ui-design-outline-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-content: var(--ui-color-base-2); --ui-color-design-outline-content-secondary: var(--ui-color-base-4); --ui-color-design-outline-content-label: var(--ui-color-base-3); --ui-color-design-outline-content-icon: var(--ui-color-base-2); --ui-color-design-outline-content-icon-alt: var(--ui-color-accent-main-primary); --ui-color-design-outline-content-icon-secondary: var(--ui-color-base-5); --ui-color-design-outline-content-chevron: var(--ui-color-base-2); --ui-color-design-outline-content-divider: var(--ui-color-base-7); --ui-color-design-outline-focused-stroke: var(--ui-color-base-6); --ui-color-design-outline-warning-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-warning-stroke: var(--ui-color-accent-soft-orange-1); --ui-design-outline-warning-stroke-weight: var(--ui-border-width-medium); --ui-design-outline-warning-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-warning-content: var(--ui-color-accent-main-warning); --ui-color-design-outline-warning-content-icon: var(--ui-color-accent-main-warning); --ui-color-design-outline-warning-content-chevron: var(--ui-color-accent-main-warning); --ui-color-design-outline-warning-content-divider: var(--ui-color-palette-green-20); --ui-color-design-outline-copilot-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-copilot-stroke: var(--ui-color-copilot-bg-content-2); --ui-design-outline-copilot-stroke-weight: var(--ui-border-width-medium); --ui-design-outline-copilot-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-copilot-content: var(--ui-color-copilot-accent-primary); --ui-color-design-outline-copilot-content-icon: var(--ui-color-copilot-accent-primary); --ui-color-design-outline-copilot-content-chevron: var(--ui-color-copilot-accent-primary); --ui-color-design-outline-copilot-content-divider: var(--ui-color-palette-blue-15); --ui-color-design-outline-na-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-na-bg-alt: rgba(var(--ui-color-palette-white-base-rgb), 0.678); --ui-color-design-outline-na-stroke: var(--ui-color-base-7); --ui-design-outline-na-stroke-weight: var(--ui-border-width-medium); --ui-design-outline-na-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-na-content: var(--ui-color-base-3); --ui-color-design-outline-na-content-icon: var(--ui-color-base-4); --ui-color-design-outline-na-content-chevron: var(--ui-color-base-4); --ui-color-design-outline-na-content-divider: var(--ui-color-base-7); --ui-color-design-plain-a-bg: rgba(var(--ui-color-palette-white-base-rgb), 0.000); --ui-color-design-plain-a-stroke: rgba(var(--ui-color-palette-white-base-rgb), 0.000); --ui-design-plain-a-stroke-weight: 0px; --ui-color-design-plain-a-content: var(--ui-color-accent-main-primary); --ui-color-design-plain-a-content-icon: var(--ui-color-accent-main-primary); --ui-color-design-plain-a-content-chevron: var(--ui-color-accent-main-primary); --ui-color-design-plain-a-content-divider: var(--ui-color-palette-blue-15); --ui-color-design-plain-bg: rgba(var(--ui-color-palette-white-base-rgb), 0.000); --ui-color-design-plain-stroke: rgba(var(--ui-color-palette-white-base-rgb), 0.000); --ui-design-plain-stroke-weight: 0px; --ui-color-design-plain-content: var(--ui-color-base-2); --ui-color-design-plain-content-icon: var(--ui-color-base-2); --ui-color-design-plain-content-icon-secondary: var(--ui-color-base-4); --ui-color-design-plain-content-chevron: var(--ui-color-base-2); --ui-color-design-plain-content-divider: var(--ui-color-base-6); --ui-color-design-plain-na-bg: rgba(var(--ui-color-palette-white-base-rgb), 0.000); --ui-color-design-plain-na-stroke: rgba(var(--ui-color-palette-white-base-rgb), 0.000); --ui-design-plain-na-stroke-weight: 0px; --ui-color-design-plain-na-content: var(--ui-color-base-3); --ui-color-design-plain-na-content-secondary: var(--ui-color-base-5); --ui-color-design-plain-na-content-icon: var(--ui-color-base-4); --ui-color-design-plain-na-content-chevron: var(--ui-color-base-4); --ui-color-design-plain-na-content-divider: var(--ui-color-base-7); --ui-color-design-selection-bg: var(--ui-color-accent-soft-blue-3); --ui-color-design-plain-na-focused-bg: var(--ui-color-bg-content-primary); --ui-color-design-selection-stroke: var(--ui-color-accent-soft-blue-1); --ui-design-selection-stroke-weight: var(--ui-border-width-medium); --ui-design-selection-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-selection-content: var(--ui-color-accent-main-primary); --ui-color-design-plain-na-focused-stroke: var(--ui-color-divider-default); --ui-color-design-selection-content-icon: var(--ui-color-accent-main-primary); --ui-design-plain-na-focused-stroke-weight: var(--ui-border-width-medium); --ui-color-design-selection-content-icon-secondary: var(--ui-color-accent-main-primary-alt-2); --ui-color-design-plain-na-focused-content: var(--ui-color-base-1); --ui-color-design-selection-content-chevron: var(--ui-color-accent-main-primary); --ui-color-design-selection-content-divider: var(--ui-color-accent-soft-blue-1); --ui-color-design-selection-focused-bg: var(--ui-color-bg-content-primary); --ui-color-accent-main-primary-alt: #9fb0a6; --ui-color-accent-main-primary-alt-2: #ff4006; --ui-color-accent-main-success: #74877b; --ui-color-accent-main-success-alt: #10B769; --ui-color-accent-main-success-alt-2: #00A659; --ui-color-accent-main-link: #74877b; --ui-color-accent-main-link-underline: #74877b; --ui-color-accent-main-warning: #FAA72C; --ui-color-accent-main-alert: #FF5752; --ui-color-accent-soft-blue-1: #dee5e1; --ui-color-accent-soft-blue-2: #ebf0ed; --ui-color-accent-soft-blue-3: #f7f9f8; --ui-color-accent-soft-green-1: #dee5e1; --ui-color-accent-soft-green-2: #ebf0ed; --ui-color-accent-soft-green-3: #f7f9f8; --ui-color-accent-soft-orange-1: #F3E9D6; --ui-color-accent-soft-orange-2: #F9F4EC; --ui-color-accent-soft-orange-3: #FAF7F2; --ui-color-accent-soft-red-1: #FFCDCC; --ui-color-accent-soft-red-2: #FFE8E8; --ui-color-accent-soft-red-3: #FFF0F0; --ui-color-accent-soft-grey-1: #F0F0F0; --ui-color-accent-soft-grey-2: #FCFCFD; --ui-color-accent-soft-violet-1: #F1E0FF; --ui-color-accent-soft-violet-2: #F6ECFF; --ui-color-accent-soft-violet-3: #FBF6FF; --ui-color-accent-soft-element-blue: #9fb0a6; --ui-color-accent-soft-element-green: #849689; --ui-color-accent-soft-element-orange: #A56300; --ui-color-accent-soft-element-red: #C21B16; --ui-color-accent-soft-element-violet: #B15EF5; --ui-color-accent-soft-border-blue: #9fb0a6; --ui-color-accent-soft-border-red: #FEA8A6; --ui-color-accent-soft-border-green: #849689; --ui-color-accent-brand-blue: #74877b; --ui-color-accent-brand-green: #74877b; --ui-color-accent-extra-orange: #E88C02; --ui-color-accent-extra-aqua: #9fb0a6; --ui-color-accent-extra-pink: #F85E9E; --ui-color-accent-extra-grass: #8fa195; --ui-color-accent-extra-brown: #B89238; --ui-color-accent-extra-darkblue: #2a372d; --ui-color-copilot-bg-content-1-alt: #FBF8FF; --ui-color-copilot-bg-content-1: #F7F1FE; --ui-color-copilot-bg-content-2: #ECDEFF; --ui-color-copilot-bg-content-3: #CFB0FD; --ui-color-copilot-accent-less-1: #B288F1; --ui-color-copilot-accent-less-2: #9760E8; --ui-color-copilot-accent-primary: #853AF5; --ui-color-copilot-accent-primary-alt: #6625C6; --ui-color-copilot-element-1: #4E2092; --ui-color-copilot-element-2: #2D1353; --ui-color-collab-bg-content-1: #c2cec7; --ui-color-collab-bg-content-2: #d1dbd6; --ui-color-collab-bg-content-3: #d1dbd6; --ui-color-collab-accent-less-1: #b1c0b7; --ui-color-collab-accent-less-2: #b1c0b7; --ui-color-collab-accent-primary: #9fb0a6; --ui-color-collab-accent-primary-alt: #849689; --ui-color-collab-element-1: #5f7266; --ui-color-collab-element-2: #74877b; --ui-color-black-solid: #000000; --ui-tech-grid-sep-op: 5px; --ui-color-tech-push: #00000014; --ui-color-tech-focus: #0000000D; --ui-color-tech-opacity: #FFFFFF00; --ui-color-tech-bg-picture-tint: #00000000; --ui-color-tech-dark-fixes: #FFFFFF00; --ui-color-blue-02: #F9FCFF; --ui-color-black-base: #333333; --ui-color-blue-04: #F8FBFF; --ui-color-blue-06: #F7FBFF; --ui-color-blue-08: #F5FAFF; --ui-color-g-content-glass-1: #FFFFFFE6; --ui-color-g-content-glass-2: #FFFFFFB3; --ui-color-g-content-glass-3: #FFFFFF66; --ui-color-g-content-glass-grey-1: #BDBDBD; --ui-color-g-content-glass-grey-2: #CDCDCD; --ui-color-g-content-glass-grey-3: #DBDBDB; --ui-color-g-content-black: #333333; --ui-color-g-content-grey-1: #909090; --ui-color-g-content-grey-2: #D0D0D0; --ui-color-g-content-grey-3: #EBEBEB; --ui-color-g-content-grey-4: #F2F2F2; --ui-color-g-content-blue-1: #9fb0a6; --ui-color-g-content-blue-2: #849689; --ui-color-g-content-blue-3: #b1c0b7; --ui-color-g-glass-green-bg-1: #849689C7; --ui-color-g-glass-green-bg-2: #74877bD1; --ui-color-g-glass-green-bg-3: #8fa195BD; --ui-color-g-glass-green-stroke: #FFFFFF2E; --ui-color-g-glass-collab-bg-1: #9fb0a6C7; --ui-color-g-glass-collab-bg-2: #74877bD1; --ui-color-g-glass-collab-bg-3: #849689BD; --ui-color-g-glass-collab-stroke: #FFFFFF2E; --ui-color-g-glass-copilot-bg-1: #7E33FFC7; --ui-color-g-glass-copilot-bg-2: #661FD1D1; --ui-color-g-glass-copilot-bg-3: #CFB0FDBD; --ui-color-g-glass-copilot-stroke: #FFFFFF2E; --ui-color-g-glass-blue-bg-1: #2a372dCC; --ui-color-g-glass-blue-bg-2: #485a4cCC; --ui-color-g-glass-blue-bg-3: #74877bCC; --ui-color-g-glass-blue-stroke: #FFFFFF2E; --ui-color-g-glass-bluish-bg-1: #8fa195CC; --ui-color-g-glass-bluish-bg-2: #b1c0b7CC; --ui-color-g-glass-bluish-bg-3: #d1dbd6CC; --ui-color-g-glass-bluish-stroke: #FFFFFF3D; --ui-color-g-glass-grey-bg-1: #DFE0E3AD; --ui-color-g-glass-grey-bg-2: #C8C9CDAD; --ui-color-g-glass-grey-bg-3: #F0F1F4AD; --ui-color-g-glass-grey-stroke: #FFFFFF66; --ui-color-g-glass-pink-bg-1: #F85E9EC7; --ui-color-g-glass-pink-bg-2: #DF2270D1; --ui-color-g-glass-pink-bg-3: #FFA1C8BD; --ui-color-g-glass-pink-stroke: #FFFFFF2E; --ui-color-g-glass-orange-bg-1: #FAA72CC7; --ui-color-g-glass-orange-bg-2: #DB7600D1; --ui-color-g-glass-orange-bg-3: #FFD685BD; --ui-color-g-glass-orange-stroke: #FFFFFF2E; --ui-color-blue-09: #F3F8FF; --ui-color-white-base: #ffffff; --ui-color-blue-10: #f4f5f8; --ui-color-blue-15: #dfe2ec; --ui-color-blue-20: #b1c0b7; --ui-color-blue-25: #9fb0a6; --ui-color-blue-30: #8fa195; --ui-color-blue-35: #74877b; --ui-color-blue-40: #74877b; --ui-color-blue-50: #5f7266; --ui-color-blue-55: #5f7266; --ui-color-blue-57: #485a4c; --ui-color-blue-60: #485a4c; --ui-color-blue-70: #2a372d; --ui-color-blue-80: #2a372d; --ui-color-blue-90: #2a372d; --ui-color-blue-95: #2a372d; --ui-color-green-02: #F4FFFA; --ui-color-green-04: #EFFFF8; --ui-color-green-06: #ECFFF6; --ui-color-green-08: #c2cec7; --ui-color-green-09: #c2cec7; --ui-color-green-10: #f7f9f8; --ui-color-green-15: #ebf0ed; --ui-color-green-20: #dee5e1; --ui-color-green-25: #d1dbd6; --ui-color-green-30: #c2cec7; --ui-color-green-35: #b1c0b7; --ui-color-green-40: #9fb0a6; --ui-color-green-50: #8fa195; --ui-color-green-55: #849689; --ui-color-green-60: #74877b; --ui-color-green-70: #5f7266; --ui-color-green-80: #485a4c; --ui-color-green-90: #34463a; --ui-color-green-95: #2a372d; --ui-color-orange-04: #FFFDF9; --ui-color-orange-06: #FFFCF6; --ui-color-orange-08: #FFFBF3; --ui-color-orange-10: #fff3e6; --ui-color-orange-15: #ffe9c6; --ui-color-orange-20: #ffdfad; --ui-color-orange-25: #ffd392; --ui-color-orange-30: #ffc875; --ui-color-orange-40: #ffb14d; --ui-color-orange-50: #ff9f3d; --ui-color-orange-60: #ff861f; --ui-color-orange-70: #ff6a00; --ui-color-orange-80: #c24f00; --ui-color-orange-90: #a13a00; --ui-color-orange-95: #8a2e00; --ui-color-red-02: #FFFCFC; --ui-color-red-04: #FFFCFC; --ui-color-red-06: #FFFBFB; --ui-color-red-08: #FFF9F9; --ui-color-red-10: #fff0ea; --ui-color-red-15: #ffded6; --ui-color-red-20: #ffc9bc; --ui-color-red-25: #ffb3a0; --ui-color-red-30: #ff9c82; --ui-color-red-40: #ff8f73; --ui-color-red-45: #ff8566; --ui-color-red-50: #ff7452; --ui-color-red-60: #ff5c33; --ui-color-red-70: #ff4006; --ui-color-red-80: #f75b28; --ui-color-red-90: #f04812; --ui-color-red-95: #e63900; --ui-color-red-solid: #f0371b; --ui-color-gray-01: #FCFDFE; --ui-color-gray-02: #f8fafb; --ui-color-gray-03: #f5f7f8; --ui-color-gray-04: #f1f4f6; --ui-color-gray-05: #eef2f4; --ui-color-gray-10: #edeef0; --ui-color-gray-15: #e6e7e9; --ui-color-gray-20: #dfe0e3; --ui-color-gray-30: #d5d7db; --ui-color-gray-35: #c9ccd0; --ui-color-gray-40: #bdc1c6; --ui-color-gray-50: #a8adb4; --ui-color-gray-60: #959ca4; --ui-color-gray-70: #828b95; --ui-color-gray-80: #6a737f; --ui-color-gray-90: #525c69; --ui-color-beige-base: #fdfae1; --ui-color-g-plastic-bluish-bg: #c2cec7; --ui-color-g-plastic-bluish-stroke: #c2cec7; --ui-color-g-plastic-greish-bg: #FCFCFD; --ui-color-g-plastic-greish-stroke: #D0D0D0; --ui-color-g-plastic-white-bg: #FFFFFF; --ui-color-g-plastic-white-stroke: #DFE0E3; --ui-color-design-disabled-bg: var(--ui-color-base-7); --ui-color-design-disabled-bg-alt: rgba(var(--ui-color-palette-white-base-rgb), 0.678); --ui-color-design-disabled-stroke: var(--ui-color-base-7); --ui-design-disabled-stroke-weight: 0px; --ui-color-design-disabled-content: var(--ui-color-base-5); --ui-color-design-disabled-content-alt: var(--ui-color-base-4); --ui-color-design-disabled-content-icon: var(--ui-color-base-5); --ui-color-design-disabled-content-chevron: var(--ui-color-base-5); --ui-color-design-disabled-content-divider: var(--ui-color-base-6); --ui-color-design-filled-boost-bg-gradient-1: var(--ui-color-palette-orange-30); --ui-color-design-filled-boost-bg-gradient-2: var(--ui-color-palette-red-40); --ui-color-design-filled-boost-bg-gradient-3: var(--ui-color-palette-blue-30); --ui-color-design-filled-boost-stroke: var(--ui-color-palette-blue-30); --ui-design-filled-boost-stroke-weight: 0px; --ui-color-design-filled-boost-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-boost-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-boost-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-boost-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.239); --ui-color-design-outline-boost-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-boost-stroke: var(--ui-color-base-7); --ui-design-outline-boost-stroke-weight: var(--ui-border-width-medium); --ui-color-design-outline-boost-content: var(--ui-color-base-2); --ui-color-design-outline-boost-content-label: var(--ui-color-base-3); --ui-color-design-outline-boost-content-icon-gradient-1: var(--ui-color-palette-orange-30); --ui-color-design-outline-boost-content-icon-gradient-2: var(--ui-color-palette-red-40); --ui-color-design-outline-boost-content-icon-gradient-3: var(--ui-color-palette-blue-30); --ui-color-design-outline-boost-content-chevron: var(--ui-color-base-2); --ui-color-design-outline-boost-content-divider: var(--ui-color-base-7); --ui-color-design-filled-market-bg-gradient-1: var(--ui-color-palette-orange-40); --ui-color-design-filled-market-bg-gradient-2: var(--ui-color-palette-blue-30); --ui-color-design-filled-market-bg-gradient-3: var(--ui-color-palette-blue-40); --ui-color-design-filled-market-stroke: var(--ui-color-palette-blue-40); --ui-design-filled-market-stroke-weight: 0px; --ui-color-design-filled-market-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-market-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-market-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-market-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.239); } .--ui-context-content-dark { --ui-color-base-0: #FFFFFF; --ui-color-base-1: #F8F8F8; --ui-color-base-2: #CACBCC; --ui-color-base-3: #A7A9AB; --ui-color-base-4: #828385; --ui-color-base-5: #666769; --ui-color-base-6: #555657; --ui-color-base-7: #373838; --ui-color-base-8: #252626; --ui-color-base-black-fixed: #000000; --ui-color-bg-content-primary: #26262629; --ui-color-base-white-fixed: #FFFFFF; --ui-color-divider-accent: #383838; --ui-color-divider-default: #323232; --ui-color-divider-less: #323232; --ui-color-divider-vibrant-accent-more: #FFFFFF33; --ui-color-divider-vibrant-accent: #FFFFFF24; --ui-color-divider-vibrant-default: #FFFFFF1A; --ui-color-divider-vibrant-less: #FFFFFF12; --ui-color-divider-vibrant-accent-more-alt: #00000026; --ui-color-divider-vibrant-accent-alt: #00000017; --ui-color-divider-vibrant-default-alt: #0000000F; --ui-color-divider-vibrant-less-alt: #0000000A; --ui-color-divider-optical-1: #00000099; --ui-color-divider-optical-1-alt: #00000099; --ui-color-divider-optical-2: #FFFFFF14; --ui-divider-optical-1-weight: var(--ui-border-width-thin); --ui-divider-optical-2-weight: var(--ui-border-width-thick); --ui-color-divider-optical-on-overlay: #FFFFFF14; --ui-divider-optical-on-overlay-weight: var(--ui-border-width-thin); --ui-color-bg-content-secondary: #1F1F1F; --ui-color-bg-content-tertiary: #171717; --ui-color-bg-vibrant-accent: #262626E0; --ui-color-bg-state-hover-default-hex: #000000; --ui-color-bg-state-hover-default-opacity: 3%; --ui-color-bg-state-hover-default: #00000008; --ui-color-bg-state-click-default-hex: #000000; --ui-color-bg-state-click-default-opacity: 6%; --ui-color-bg-state-click-default: #0000000F; --ui-color-bg-state-hover-alt-hex: #FFFFFF; --ui-color-bg-state-hover-alt-opacity: 7%; --ui-color-bg-state-hover-alt: #FFFFFF12; --ui-color-bg-state-click-alt-hex: #FFFFFF; --ui-color-bg-state-click-alt-opacity: 14%; --ui-color-bg-state-click-alt: #FFFFFF24; --ui-color-bg-state-hover-default-overlay-hex: #000000; --ui-color-bg-state-hover-default-overlay-opacity: 20%; --ui-color-bg-state-hover-default-overlay: #00000033; --ui-color-bg-state-click-default-overlay-hex: #000000; --ui-color-bg-state-click-default-overlay-opacity: 32%; --ui-color-bg-state-click-default-overlay: #00000052; --ui-color-bg-state-hover-alt-overlay-hex: #FFFFFF; --ui-color-bg-state-hover-alt-overlay-opacity: 35%; --ui-color-bg-state-hover-alt-overlay: #FFFFFF59; --ui-color-bg-state-click-alt-overlay-hex: #FFFFFF; --ui-color-bg-state-click-alt-overlay-opacity: 50%; --ui-color-bg-state-click-alt-overlay: #FFFFFF80; --ui-color-bg-vibrant-default: #262626D6; --ui-color-bg-vibrant-less: #262626C2; --ui-color-bg-vibrant-less-more: #262626B8; --ui-color-bg-content-inapp: #485a4c; --ui-color-bg-content-primary-layer: #292929; --ui-color-bg-content-light: #EEEEEE; --ui-bg-blur-content: none; --ui-bg-blur-vibrant: var(--ui-bg-blur-accent); --ui-color-accent-main-primary: #ff4006; --ui-color-design-filled-bg: #FFFFFF1F; --ui-color-design-filled-stroke: rgba(var(--ui-color-palette-white-base-rgb), 0.141); --ui-design-filled-stroke-weight: 0px; --ui-color-design-filled-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-content-secondary: rgba(var(--ui-color-palette-white-base-rgb), 0.702); --ui-color-design-filled-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-content-icon-secondary: var(--ui-color-palette-blue-20); --ui-color-design-filled-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.239); --ui-color-design-filled-success-bg: var(--ui-color-accent-main-success); --ui-color-design-filled-success-stroke: var(--ui-color-accent-main-success); --ui-design-filled-success-stroke-weight: 0px; --ui-color-design-filled-success-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-success-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-success-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-success-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.239); --ui-color-design-filled-alert-bg: var(--ui-color-accent-main-alert); --ui-color-design-filled-alert-stroke: var(--ui-color-accent-main-alert); --ui-design-filled-alert-stroke-weight: 0px; --ui-color-design-filled-alert-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-alert-content-secondary: rgba(var(--ui-color-palette-white-base-rgb), 0.702); --ui-color-design-filled-alert-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-alert-content-icon-secondary: var(--ui-color-red-25); --ui-color-design-filled-alert-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-alert-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.239); --ui-color-design-filled-warning-bg: var(--ui-color-accent-main-warning); --ui-color-design-filled-black-bg: var(--ui-color-base-2); --ui-color-design-filled-black-stroke: var(--ui-color-base-2); --ui-design-filled-black-stroke-weight: 0px; --ui-color-design-filled-black-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-black-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-black-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-black-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.239); --ui-color-design-filled-warning-stroke: var(--ui-color-accent-main-warning); --ui-design-filled-warning-stroke-weight: 0px; --ui-color-design-filled-warning-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-warning-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-warning-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-warning-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.239); --ui-color-design-filled-white-bg: var(--ui-color-bg-content-primary); --ui-color-design-filled-white-stroke: var(--ui-color-base-7); --ui-design-filled-white-stroke-weight: 0px; --ui-color-design-filled-white-content: var(--ui-color-base-2); --ui-color-design-filled-white-content-icon: var(--ui-color-base-2); --ui-color-design-filled-white-content-chevron: var(--ui-color-base-2); --ui-color-design-filled-white-content-divider: var(--ui-color-base-7); --ui-color-design-filled-na-bg: var(--ui-color-base-4); --ui-color-design-filled-na-bg-secondary: var(--ui-color-base-5); --ui-color-design-filled-copilot-bg: var(--ui-color-copilot-accent-primary); --ui-color-design-filled-copilot-stroke: var(--ui-color-copilot-accent-primary); --ui-design-filled-copilot-stroke-weight: 0px; --ui-color-design-filled-copilot-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-copilot-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-copilot-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-copilot-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.239); --ui-color-design-filled-na-stroke: var(--ui-color-base-4); --ui-color-design-filled-na-stroke-secondary: var(--ui-color-base-5); --ui-design-filled-na-stroke-weight: 0px; --ui-color-design-filled-na-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-na-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-na-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-na-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.239); --ui-color-design-tinted-a1-bg: var(--ui-color-accent-main-primary-alt-2); --ui-color-design-tinted-a1-stroke: var(--ui-color-accent-main-primary-alt-2); --ui-design-tinted-a1-stroke-weight: 0px; --ui-color-design-tinted-a1-content: var(--ui-color-base-white-fixed); --ui-color-design-tinted-a1-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-tinted-a1-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-tinted-a1-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.239); --ui-color-design-tinted-success-bg: var(--ui-color-accent-soft-green-2); --ui-color-design-tinted-success-bg-alt: var(--ui-color-accent-soft-green-3); --ui-color-design-tinted-success-stroke: var(--ui-color-accent-soft-green-2); --ui-design-tinted-success-stroke-weight: 0px; --ui-color-design-tinted-success-content: var(--ui-color-accent-extra-grass); --ui-color-design-tinted-success-content-icon: var(--ui-color-accent-extra-grass); --ui-color-design-tinted-success-content-chevron: var(--ui-color-accent-extra-grass); --ui-color-design-tinted-success-content-divider: var(--ui-color-palette-green-90); --ui-color-design-tinted-stroke: var(--ui-color-accent-soft-blue-2); --ui-design-tinted-stroke-weight: 0px; --ui-color-design-tinted-content: var(--ui-color-accent-main-link); --ui-color-design-tinted-content-alt: var(--ui-color-accent-extra-darkblue); --ui-color-design-tinted-content-icon: var(--ui-color-accent-main-link); --ui-color-design-tinted-content-icon-secondary: rgba(var(--ui-color-palette-blue-40-rgb), 0.502); --ui-color-design-tinted-content-chevron: var(--ui-color-accent-main-link); --ui-color-design-tinted-content-divider: var(--ui-color-palette-blue-80); --ui-color-design-tinted-alert-bg: var(--ui-color-accent-soft-red-2); --ui-color-design-tinted-alert-stroke: var(--ui-color-accent-soft-red-2); --ui-design-tinted-alert-stroke-weight: 0px; --ui-color-design-tinted-alert-content: var(--ui-color-accent-main-alert); --ui-color-design-tinted-alert-content-icon: var(--ui-color-accent-main-alert); --ui-color-design-tinted-alert-content-chevron: var(--ui-color-accent-main-alert); --ui-color-design-tinted-alert-content-divider: var(--ui-color-palette-orange-95); --ui-color-design-tinted-warning-bg: var(--ui-color-accent-soft-orange-2); --ui-color-design-tinted-warning-stroke: var(--ui-color-accent-soft-orange-2); --ui-design-tinted-warning-stroke-weight: 0px; --ui-color-design-tinted-warning-content: var(--ui-color-accent-extra-orange); --ui-color-design-tinted-warning-content-icon: var(--ui-color-accent-extra-orange); --ui-color-design-tinted-warning-content-chevron: var(--ui-color-accent-extra-orange); --ui-color-design-tinted-warning-content-divider: var(--ui-color-palette-orange-95); --ui-color-design-tinted-violet-bg: var(--ui-color-accent-soft-violet-2); --ui-color-design-tinted-violet-stroke: var(--ui-color-accent-soft-violet-2); --ui-design-tinted-violet-stroke-weight: 0px; --ui-color-design-tinted-violet-content: var(--ui-color-accent-soft-element-violet); --ui-color-design-tinted-violet-content-icon: var(--ui-color-accent-soft-element-violet); --ui-color-design-tinted-violet-content-chevron: var(--ui-color-accent-soft-element-violet); --ui-color-design-tinted-violet-content-divider: var(--ui-color-palette-blue-80); --ui-color-design-tinted-na-bg: var(--ui-color-base-7); --ui-color-design-tinted-na-stroke: var(--ui-color-base-7); --ui-design-tinted-na-stroke-weight: 0px; --ui-color-design-tinted-na-content: var(--ui-color-base-3); --ui-color-design-tinted-na-content-icon: var(--ui-color-base-3); --ui-color-design-tinted-na-content-chevron: var(--ui-color-base-3); --ui-color-design-tinted-na-content-divider: var(--ui-color-base-7); --ui-color-design-outline-a1-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-a1-stroke: var(--ui-color-accent-main-primary); --ui-design-outline-a1-stroke-weight: var(--ui-border-width-medium); --ui-color-design-outline-a1-content: var(--ui-color-base-1); --ui-color-design-outline-a1-content-icon: var(--ui-color-base-1); --ui-color-design-outline-a1-content-chevron: var(--ui-color-base-1); --ui-color-design-outline-a1-content-divider: var(--ui-color-palette-blue-80); --ui-color-design-outline-a2-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-a2-stroke: var(--ui-color-accent-main-primary-alt-2); --ui-design-outline-a2-stroke-weight: var(--ui-border-width-medium); --ui-design-outline-a2-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-a2-content: var(--ui-color-accent-main-primary); --ui-color-design-outline-a2-content-icon: var(--ui-color-accent-main-primary); --ui-color-design-outline-a2-content-icon-secondary: var(--ui-color-palette-blue-30); --ui-color-design-outline-a2-content-chevron: var(--ui-color-accent-main-primary); --ui-color-design-outline-a2-content-divider: var(--ui-color-palette-blue-80); --ui-color-design-outline-a2-focused-bg: var(--ui-color-accent-soft-blue-3); --ui-color-design-outline-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-success-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-success-stroke: var(--ui-color-accent-soft-border-green); --ui-design-outline-success-stroke-weight: var(--ui-border-width-medium); --ui-design-outline-success-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-success-content: var(--ui-color-accent-main-success); --ui-color-design-outline-success-content-icon: var(--ui-color-accent-main-success); --ui-color-design-outline-success-content-chevron: var(--ui-color-accent-main-success); --ui-color-design-outline-success-content-divider: var(--ui-color-palette-green-90); --ui-color-design-outline-alert-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-alert-stroke: var(--ui-color-accent-soft-border-red); --ui-design-outline-alert-stroke-weight: var(--ui-border-width-medium); --ui-design-outline-alert-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-alert-content: var(--ui-color-accent-main-alert); --ui-color-design-outline-alert-content-icon: var(--ui-color-accent-main-alert); --ui-color-design-outline-alert-content-chevron: var(--ui-color-accent-main-alert); --ui-color-design-outline-alert-content-divider: var(--ui-color-palette-orange-95); --ui-color-design-outline-bg-alt: var(--ui-color-bg-content-primary); --ui-color-design-outline-stroke: rgba(var(--ui-color-palette-white-base-rgb), 0.141); --ui-design-outline-stroke-weight: var(--ui-border-width-medium); --ui-design-outline-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-content: var(--ui-color-base-2); --ui-color-design-outline-content-secondary: var(--ui-color-base-4); --ui-color-design-outline-content-label: var(--ui-color-base-3); --ui-color-design-outline-content-icon: var(--ui-color-base-2); --ui-color-design-outline-content-icon-alt: var(--ui-color-accent-main-primary); --ui-color-design-outline-content-icon-secondary: var(--ui-color-base-5); --ui-color-design-outline-content-chevron: var(--ui-color-base-2); --ui-color-design-outline-content-divider: var(--ui-color-base-7); --ui-color-design-outline-focused-stroke: var(--ui-color-base-6); --ui-color-design-outline-warning-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-warning-stroke: var(--ui-color-accent-soft-orange-1); --ui-design-outline-warning-stroke-weight: var(--ui-border-width-medium); --ui-design-outline-warning-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-warning-content: var(--ui-color-accent-main-warning); --ui-color-design-outline-warning-content-icon: var(--ui-color-accent-main-warning); --ui-color-design-outline-warning-content-chevron: var(--ui-color-accent-main-warning); --ui-color-design-outline-warning-content-divider: var(--ui-color-palette-orange-95); --ui-color-design-outline-copilot-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-copilot-stroke: var(--ui-color-copilot-bg-content-2); --ui-design-outline-copilot-stroke-weight: var(--ui-border-width-medium); --ui-design-outline-copilot-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-copilot-content: var(--ui-color-copilot-accent-primary); --ui-color-design-outline-copilot-content-icon: var(--ui-color-copilot-accent-primary); --ui-color-design-outline-copilot-content-chevron: var(--ui-color-copilot-accent-primary); --ui-color-design-outline-copilot-content-divider: var(--ui-color-palette-blue-80); --ui-color-design-outline-na-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-na-bg-alt: rgba(var(--ui-color-palette-green-95-rgb), 0.678); --ui-color-design-outline-na-stroke: var(--ui-color-base-7); --ui-design-outline-na-stroke-weight: var(--ui-border-width-medium); --ui-design-outline-na-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-na-content: var(--ui-color-base-3); --ui-color-design-outline-na-content-icon: var(--ui-color-base-4); --ui-color-design-outline-na-content-chevron: var(--ui-color-base-4); --ui-color-design-outline-na-content-divider: var(--ui-color-base-7); --ui-color-design-plain-a-bg: rgba(var(--ui-color-palette-black-solid-rgb), 0.000); --ui-color-design-plain-a-stroke: rgba(var(--ui-color-palette-black-solid-rgb), 0.000); --ui-design-plain-a-stroke-weight: 0px; --ui-color-design-plain-a-content: var(--ui-color-accent-main-primary); --ui-color-design-plain-a-content-icon: var(--ui-color-accent-main-primary); --ui-color-design-plain-a-content-chevron: var(--ui-color-accent-main-primary); --ui-color-design-plain-a-content-divider: var(--ui-color-palette-blue-80); --ui-color-design-plain-bg: rgba(var(--ui-color-palette-black-solid-rgb), 0.000); --ui-color-design-plain-stroke: rgba(var(--ui-color-palette-black-solid-rgb), 0.000); --ui-design-plain-stroke-weight: 0px; --ui-color-design-plain-content: var(--ui-color-base-2); --ui-color-design-plain-content-icon: var(--ui-color-base-2); --ui-color-design-plain-content-icon-secondary: var(--ui-color-base-4); --ui-color-design-plain-content-chevron: var(--ui-color-base-2); --ui-color-design-plain-content-divider: var(--ui-color-base-6); --ui-color-design-plain-na-bg: rgba(var(--ui-color-palette-black-solid-rgb), 0.000); --ui-color-design-plain-na-stroke: rgba(var(--ui-color-palette-black-solid-rgb), 0.000); --ui-design-plain-na-stroke-weight: 0px; --ui-color-design-plain-na-content: var(--ui-color-base-3); --ui-color-design-plain-na-content-secondary: var(--ui-color-base-5); --ui-color-design-plain-na-content-icon: var(--ui-color-base-4); --ui-color-design-plain-na-content-chevron: var(--ui-color-base-4); --ui-color-design-plain-na-content-divider: var(--ui-color-base-7); --ui-color-design-selection-bg: var(--ui-color-palette-blue-90); --ui-color-design-plain-na-focused-bg: var(--ui-color-divider-accent); --ui-color-design-selection-stroke: var(--ui-color-palette-blue-80); --ui-design-selection-stroke-weight: var(--ui-border-width-medium); --ui-design-selection-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-selection-content: var(--ui-color-palette-blue-40); --ui-color-design-plain-na-focused-stroke: var(--ui-color-divider-default); --ui-color-design-selection-content-icon: var(--ui-color-palette-blue-40); --ui-design-plain-na-focused-stroke-weight: var(--ui-border-width-medium); --ui-color-design-selection-content-icon-secondary: var(--ui-color-palette-blue-30); --ui-color-design-plain-na-focused-content: var(--ui-color-base-1); --ui-color-design-selection-content-chevron: var(--ui-color-palette-blue-40); --ui-color-design-selection-content-divider: var(--ui-color-accent-soft-blue-1); --ui-color-design-selection-focused-bg: var(--ui-color-palette-blue-90); --ui-color-accent-main-primary-alt: #74877b; --ui-color-accent-main-primary-alt-2: #8fa195; --ui-color-accent-main-success: #9fb0a6; --ui-color-accent-main-success-alt: #00904D; --ui-color-accent-main-success-alt-2: #008648; --ui-color-accent-main-link: #849689; --ui-color-accent-main-link-underline: #8496894D; --ui-color-accent-main-warning: #F2A100; --ui-color-accent-main-alert: #F2473D; --ui-color-accent-soft-blue-1: #dee5e1; --ui-color-accent-soft-blue-2: #ebf0ed; --ui-color-accent-soft-blue-3: #f7f9f8; --ui-color-accent-soft-green-1: #dee5e1; --ui-color-accent-soft-green-2: #ebf0ed; --ui-color-accent-soft-green-3: #f7f9f8; --ui-color-accent-soft-orange-1: #F3E9D6; --ui-color-accent-soft-orange-2: #F9F4EC; --ui-color-accent-soft-orange-3: #FAF7F2; --ui-color-accent-soft-red-1: #FFCDCC; --ui-color-accent-soft-red-2: #FFE8E8; --ui-color-accent-soft-red-3: #FFF0F0; --ui-color-accent-soft-grey-1: #F0F0F0; --ui-color-accent-soft-grey-2: #FCFCFD; --ui-color-accent-soft-violet-1: #F1E0FF; --ui-color-accent-soft-violet-2: #F6ECFF; --ui-color-accent-soft-violet-3: #FBF6FF; --ui-color-accent-soft-element-blue: #9fb0a6; --ui-color-accent-soft-element-green: #849689; --ui-color-accent-soft-element-orange: #A56300; --ui-color-accent-soft-element-red: #C21B16; --ui-color-accent-soft-element-violet: #B15EF5; --ui-color-accent-soft-border-blue: #9fb0a6; --ui-color-accent-soft-border-red: #FEA8A6; --ui-color-accent-soft-border-green: #849689; --ui-color-accent-brand-blue: #74877b; --ui-color-accent-brand-green: #74877b; --ui-color-accent-extra-orange: #E88C02; --ui-color-accent-extra-aqua: #9fb0a6; --ui-color-accent-extra-pink: #F85E9E; --ui-color-accent-extra-grass: #8fa195; --ui-color-accent-extra-brown: #B89238; --ui-color-accent-extra-darkblue: #2a372d; --ui-color-copilot-bg-content-1-alt: #FBF8FF; --ui-color-copilot-bg-content-1: #F7F1FE; --ui-color-copilot-bg-content-2: #ECDEFF; --ui-color-copilot-bg-content-3: #CFB0FD; --ui-color-copilot-accent-less-1: #B288F1; --ui-color-copilot-accent-less-2: #9760E8; --ui-color-copilot-accent-primary: #853AF5; --ui-color-copilot-accent-primary-alt: #6625C6; --ui-color-copilot-element-1: #4E2092; --ui-color-copilot-element-2: #2D1353; --ui-color-collab-bg-content-1: #c2cec7; --ui-color-collab-bg-content-2: #d1dbd6; --ui-color-collab-bg-content-3: #d1dbd6; --ui-color-collab-accent-less-1: #b1c0b7; --ui-color-collab-accent-less-2: #b1c0b7; --ui-color-collab-accent-primary: #9fb0a6; --ui-color-collab-accent-primary-alt: #849689; --ui-color-collab-element-1: #5f7266; --ui-color-collab-element-2: #74877b; --ui-color-black-solid: #000000; --ui-tech-grid-sep-op: 5px; --ui-color-tech-push: #00000014; --ui-color-tech-focus: #0000000D; --ui-color-tech-opacity: #FFFFFF00; --ui-color-tech-bg-picture-tint: #00000000; --ui-color-tech-dark-fixes: #FFFFFF00; --ui-color-blue-02: #F9FCFF; --ui-color-black-base: #333333; --ui-color-blue-04: #F8FBFF; --ui-color-blue-06: #F7FBFF; --ui-color-blue-08: #F5FAFF; --ui-color-g-content-glass-1: #FFFFFFE6; --ui-color-g-content-glass-2: #FFFFFFB3; --ui-color-g-content-glass-3: #FFFFFF66; --ui-color-g-content-glass-grey-1: #BDBDBD; --ui-color-g-content-glass-grey-2: #CDCDCD; --ui-color-g-content-glass-grey-3: #DBDBDB; --ui-color-g-content-black: #333333; --ui-color-g-content-grey-1: #909090; --ui-color-g-content-grey-2: #D0D0D0; --ui-color-g-content-grey-3: #EBEBEB; --ui-color-g-content-grey-4: #F2F2F2; --ui-color-g-content-blue-1: #9fb0a6; --ui-color-g-content-blue-2: #849689; --ui-color-g-content-blue-3: #b1c0b7; --ui-color-g-glass-green-bg-1: #849689C7; --ui-color-g-glass-green-bg-2: #74877bD1; --ui-color-g-glass-green-bg-3: #8fa195BD; --ui-color-g-glass-green-stroke: #FFFFFF2E; --ui-color-g-glass-collab-bg-1: #9fb0a6C7; --ui-color-g-glass-collab-bg-2: #74877bD1; --ui-color-g-glass-collab-bg-3: #849689BD; --ui-color-g-glass-collab-stroke: #FFFFFF2E; --ui-color-g-glass-copilot-bg-1: #7E33FFC7; --ui-color-g-glass-copilot-bg-2: #661FD1D1; --ui-color-g-glass-copilot-bg-3: #CFB0FDBD; --ui-color-g-glass-copilot-stroke: #FFFFFF2E; --ui-color-g-glass-blue-bg-1: #ff4006C7; --ui-color-g-glass-blue-bg-2: #485a4cD1; --ui-color-g-glass-blue-bg-3: #74877bBD; --ui-color-g-glass-blue-stroke: #FFFFFF2E; --ui-color-g-glass-bluish-bg-1: #c2cec7CC; --ui-color-g-glass-bluish-bg-2: #b1c0b7CC; --ui-color-g-glass-bluish-bg-3: #d1dbd6CC; --ui-color-g-glass-bluish-stroke: #FFFFFF3D; --ui-color-g-glass-grey-bg-1: #DFE0E3AD; --ui-color-g-glass-grey-bg-2: #C8C9CDAD; --ui-color-g-glass-grey-bg-3: #F0F1F4AD; --ui-color-g-glass-grey-stroke: #FFFFFF66; --ui-color-g-glass-pink-bg-1: #F85E9EC7; --ui-color-g-glass-pink-bg-2: #DF2270D1; --ui-color-g-glass-pink-bg-3: #FFA1C8BD; --ui-color-g-glass-pink-stroke: #FFFFFF2E; --ui-color-g-glass-orange-bg-1: #FAA72CC7; --ui-color-g-glass-orange-bg-2: #DB7600D1; --ui-color-g-glass-orange-bg-3: #FFD685BD; --ui-color-g-glass-orange-stroke: #FFFFFF2E; --ui-color-blue-09: #F3F8FF; --ui-color-white-base: #ffffff; --ui-color-blue-10: #f4f5f8; --ui-color-blue-15: #dfe2ec; --ui-color-blue-20: #b1c0b7; --ui-color-blue-25: #9fb0a6; --ui-color-blue-30: #8fa195; --ui-color-blue-35: #74877b; --ui-color-blue-40: #74877b; --ui-color-blue-50: #5f7266; --ui-color-blue-55: #5f7266; --ui-color-blue-57: #485a4c; --ui-color-blue-60: #485a4c; --ui-color-blue-70: #2a372d; --ui-color-blue-80: #2a372d; --ui-color-blue-90: #2a372d; --ui-color-blue-95: #2a372d; --ui-color-green-02: #F4FFFA; --ui-color-green-04: #EFFFF8; --ui-color-green-06: #ECFFF6; --ui-color-green-08: #c2cec7; --ui-color-green-09: #c2cec7; --ui-color-green-10: #f7f9f8; --ui-color-green-15: #ebf0ed; --ui-color-green-20: #dee5e1; --ui-color-green-25: #d1dbd6; --ui-color-green-30: #c2cec7; --ui-color-green-35: #b1c0b7; --ui-color-green-40: #9fb0a6; --ui-color-green-50: #8fa195; --ui-color-green-55: #849689; --ui-color-green-60: #74877b; --ui-color-green-70: #5f7266; --ui-color-green-80: #485a4c; --ui-color-green-90: #34463a; --ui-color-green-95: #2a372d; --ui-color-orange-04: #FFFDF9; --ui-color-orange-06: #FFFCF6; --ui-color-orange-08: #FFFBF3; --ui-color-orange-10: #fff3e6; --ui-color-orange-15: #ffe9c6; --ui-color-orange-20: #ffdfad; --ui-color-orange-25: #ffd392; --ui-color-orange-30: #ffc875; --ui-color-orange-40: #ffb14d; --ui-color-orange-50: #ff9f3d; --ui-color-orange-60: #ff861f; --ui-color-orange-70: #ff6a00; --ui-color-orange-80: #c24f00; --ui-color-orange-90: #a13a00; --ui-color-orange-95: #8a2e00; --ui-color-red-02: #FFFCFC; --ui-color-red-04: #FFFCFC; --ui-color-red-06: #FFFBFB; --ui-color-red-08: #FFF9F9; --ui-color-red-10: #fff0ea; --ui-color-red-15: #ffded6; --ui-color-red-20: #ffc9bc; --ui-color-red-25: #ffb3a0; --ui-color-red-30: #ff9c82; --ui-color-red-40: #ff8f73; --ui-color-red-45: #ff8566; --ui-color-red-50: #ff7452; --ui-color-red-60: #ff5c33; --ui-color-red-70: #ff4006; --ui-color-red-80: #f75b28; --ui-color-red-90: #f04812; --ui-color-red-95: #e63900; --ui-color-red-solid: #f0371b; --ui-color-gray-01: #FCFDFE; --ui-color-gray-02: #f8fafb; --ui-color-gray-03: #f5f7f8; --ui-color-gray-04: #f1f4f6; --ui-color-gray-05: #eef2f4; --ui-color-gray-10: #edeef0; --ui-color-gray-15: #e6e7e9; --ui-color-gray-20: #dfe0e3; --ui-color-gray-30: #d5d7db; --ui-color-gray-35: #c9ccd0; --ui-color-gray-40: #bdc1c6; --ui-color-gray-50: #a8adb4; --ui-color-gray-60: #959ca4; --ui-color-gray-70: #828b95; --ui-color-gray-80: #6a737f; --ui-color-gray-90: #525c69; --ui-color-beige-base: #fdfae1; --ui-color-g-plastic-bluish-bg: #c2cec7; --ui-color-g-plastic-bluish-stroke: #c2cec7; --ui-color-g-plastic-greish-bg: #FCFCFD; --ui-color-g-plastic-greish-stroke: #D0D0D0; --ui-color-g-plastic-white-bg: #FFFFFF; --ui-color-g-plastic-white-stroke: #DFE0E3; --ui-color-design-disabled-bg: var(--ui-color-base-7); --ui-color-design-disabled-bg-alt: rgba(var(--ui-color-palette-white-base-rgb), 0.678); --ui-color-design-disabled-stroke: var(--ui-color-base-7); --ui-design-disabled-stroke-weight: 0px; --ui-color-design-disabled-content: var(--ui-color-base-5); --ui-color-design-disabled-content-alt: var(--ui-color-base-4); --ui-color-design-disabled-content-icon: var(--ui-color-base-5); --ui-color-design-disabled-content-chevron: var(--ui-color-base-5); --ui-color-design-disabled-content-divider: var(--ui-color-base-6); --ui-color-design-filled-boost-bg-gradient-1: var(--ui-color-palette-orange-30); --ui-color-design-filled-boost-bg-gradient-2: var(--ui-color-palette-red-40); --ui-color-design-filled-boost-bg-gradient-3: var(--ui-color-palette-blue-30); --ui-color-design-filled-boost-stroke: var(--ui-color-palette-blue-30); --ui-design-filled-boost-stroke-weight: 0px; --ui-color-design-filled-boost-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-boost-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-boost-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-boost-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.239); --ui-color-design-outline-boost-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-boost-stroke: var(--ui-color-base-7); --ui-design-outline-boost-stroke-weight: var(--ui-border-width-medium); --ui-color-design-outline-boost-content: var(--ui-color-base-2); --ui-color-design-outline-boost-content-label: var(--ui-color-base-3); --ui-color-design-outline-boost-content-icon-gradient-1: var(--ui-color-palette-orange-30); --ui-color-design-outline-boost-content-icon-gradient-2: var(--ui-color-palette-red-40); --ui-color-design-outline-boost-content-icon-gradient-3: var(--ui-color-palette-blue-30); --ui-color-design-outline-boost-content-chevron: var(--ui-color-base-2); --ui-color-design-outline-boost-content-divider: var(--ui-color-base-7); --ui-color-design-filled-market-bg-gradient-1: var(--ui-color-palette-orange-40); --ui-color-design-filled-market-bg-gradient-2: var(--ui-color-palette-blue-30); --ui-color-design-filled-market-bg-gradient-3: var(--ui-color-palette-blue-40); --ui-color-design-filled-market-stroke: var(--ui-color-palette-blue-40); --ui-design-filled-market-stroke-weight: 0px; --ui-color-design-filled-market-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-market-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-market-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-market-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.239); } .--ui-context-edge-light, .--ui-context-content-edge { --ui-color-base-0: #000000; --ui-color-base-1: #1D1E1F; --ui-color-base-2: #000000BF; --ui-color-base-3: #000000A6; --ui-color-base-4: #0000008C; --ui-color-base-5: #00000073; --ui-color-base-6: #00000059; --ui-color-base-7: #00000040; --ui-color-base-8: #00000026; --ui-color-base-black-fixed: #000000; --ui-color-bg-content-primary: #0000000F; --ui-color-base-white-fixed: #FFFFFF; --ui-color-divider-accent: #0000000F; --ui-color-divider-default: #0000000A; --ui-color-divider-less: #00000008; --ui-color-divider-vibrant-accent-more: #0000001A; --ui-color-divider-vibrant-accent: #00000014; --ui-color-divider-vibrant-default: #0000000D; --ui-color-divider-vibrant-less: #00000008; --ui-color-divider-vibrant-accent-more-alt: #0000001A; --ui-color-divider-vibrant-accent-alt: #00000017; --ui-color-divider-vibrant-default-alt: #0000000F; --ui-color-divider-vibrant-less-alt: #0000000A; --ui-color-divider-optical-1: #00000000; --ui-color-divider-optical-1-alt: #00000000; --ui-color-divider-optical-2: #FFFFFF00; --ui-divider-optical-1-weight: var(--ui-border-width-thin); --ui-divider-optical-2-weight: var(--ui-border-width-thin); --ui-color-divider-optical-on-overlay: #00000014; --ui-divider-optical-on-overlay-weight: var(--ui-border-width-thin); --ui-color-bg-content-secondary: #0000000A; --ui-color-bg-content-tertiary: #00000005; --ui-color-bg-vibrant-accent: #00000033; --ui-color-bg-state-hover-default-hex: #000000; --ui-color-bg-state-hover-default-opacity: 3%; --ui-color-bg-state-hover-default: #00000008; --ui-color-bg-state-click-default-hex: #000000; --ui-color-bg-state-click-default-opacity: 6%; --ui-color-bg-state-click-default: #0000000F; --ui-color-bg-state-hover-alt-hex: #FFFFFF; --ui-color-bg-state-hover-alt-opacity: 7%; --ui-color-bg-state-hover-alt: #FFFFFF12; --ui-color-bg-state-click-alt-hex: #FFFFFF; --ui-color-bg-state-click-alt-opacity: 14%; --ui-color-bg-state-click-alt: #FFFFFF24; --ui-color-bg-state-hover-default-overlay-hex: #000000; --ui-color-bg-state-hover-default-overlay-opacity: 20%; --ui-color-bg-state-hover-default-overlay: #00000033; --ui-color-bg-state-click-default-overlay-hex: #000000; --ui-color-bg-state-click-default-overlay-opacity: 32%; --ui-color-bg-state-click-default-overlay: #00000052; --ui-color-bg-state-hover-alt-overlay-hex: #FFFFFF; --ui-color-bg-state-hover-alt-overlay-opacity: 35%; --ui-color-bg-state-hover-alt-overlay: #FFFFFF59; --ui-color-bg-state-click-alt-overlay-hex: #FFFFFF; --ui-color-bg-state-click-alt-overlay-opacity: 50%; --ui-color-bg-state-click-alt-overlay: #FFFFFF80; --ui-color-bg-vibrant-default: #00000029; --ui-color-bg-vibrant-less: #0000001F; --ui-color-bg-vibrant-less-more: #00000014; --ui-color-bg-content-inapp: #485a4c; --ui-color-bg-content-primary-layer: #292929; --ui-color-bg-content-light: #EEEEEE; --ui-bg-blur-content: var(--ui-bg-blur-accent); --ui-bg-blur-vibrant: var(--ui-bg-blur-accent); --ui-color-accent-main-primary: #ff4006; --ui-color-design-filled-bg: #485a4c; --ui-color-design-filled-stroke: rgba(var(--ui-color-palette-white-base-rgb), 0.141); --ui-design-filled-stroke-weight: 1px; --ui-color-design-filled-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-content-secondary: rgba(var(--ui-color-palette-white-base-rgb), 0.702); --ui-color-design-filled-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-content-icon-secondary: var(--ui-color-palette-blue-20); --ui-color-design-filled-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.078); --ui-color-design-filled-success-bg: var(--ui-color-accent-main-success); --ui-color-design-filled-success-stroke: rgba(var(--ui-color-palette-black-solid-rgb), 0.078); --ui-design-filled-success-stroke-weight: var(--ui-border-width-thin); --ui-color-design-filled-success-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-success-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-success-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-success-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.122); --ui-color-design-filled-alert-bg: var(--ui-color-accent-main-alert); --ui-color-design-filled-alert-stroke: rgba(var(--ui-color-palette-black-solid-rgb), 0.078); --ui-design-filled-alert-stroke-weight: var(--ui-border-width-thin); --ui-color-design-filled-alert-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-alert-content-secondary: rgba(var(--ui-color-palette-white-base-rgb), 0.702); --ui-color-design-filled-alert-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-alert-content-icon-secondary: var(--ui-color-red-25); --ui-color-design-filled-alert-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-alert-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.122); --ui-color-design-filled-warning-bg: var(--ui-color-accent-main-warning); --ui-color-design-filled-black-bg: var(--ui-color-base-2); --ui-color-design-filled-black-stroke: rgba(var(--ui-color-palette-black-solid-rgb), 0.078); --ui-design-filled-black-stroke-weight: var(--ui-border-width-thin); --ui-color-design-filled-black-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-black-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-black-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-black-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.122); --ui-color-design-filled-warning-stroke: rgba(var(--ui-color-palette-black-solid-rgb), 0.078); --ui-design-filled-warning-stroke-weight: var(--ui-border-width-thin); --ui-color-design-filled-warning-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-warning-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-warning-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-warning-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.122); --ui-color-design-filled-white-bg: var(--ui-color-bg-content-primary); --ui-color-design-filled-white-stroke: rgba(var(--ui-color-palette-black-solid-rgb), 0.078); --ui-design-filled-white-stroke-weight: 0px; --ui-color-design-filled-white-content: var(--ui-color-base-0); --ui-color-design-filled-white-content-icon: var(--ui-color-base-1); --ui-color-design-filled-white-content-chevron: var(--ui-color-base-1); --ui-color-design-filled-white-content-divider: var(--ui-color-base-7); --ui-color-design-filled-na-bg: var(--ui-color-base-4); --ui-color-design-filled-na-bg-secondary: var(--ui-color-base-5); --ui-color-design-filled-copilot-bg: var(--ui-color-copilot-accent-primary); --ui-color-design-filled-copilot-stroke: rgba(var(--ui-color-palette-black-solid-rgb), 0.078); --ui-design-filled-copilot-stroke-weight: var(--ui-border-width-thin); --ui-color-design-filled-copilot-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-copilot-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-copilot-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-copilot-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.122); --ui-color-design-filled-na-stroke: rgba(var(--ui-color-palette-black-solid-rgb), 0.078); --ui-color-design-filled-na-stroke-secondary: rgba(var(--ui-color-palette-black-solid-rgb), 0.078); --ui-design-filled-na-stroke-weight: var(--ui-border-width-thin); --ui-color-design-filled-na-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-na-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-na-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-na-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.122); --ui-color-design-tinted-bg: var(--ui-color-base-8); --ui-color-design-tinted-a1-bg: rgba(var(--ui-color-palette-black-solid-rgb), 0.102); --ui-color-design-tinted-a1-stroke: var(--ui-color-base-white-fixed); --ui-design-tinted-a1-stroke-weight: 0px; --ui-color-design-tinted-a1-content: var(--ui-color-base-0); --ui-color-design-tinted-a1-content-icon: var(--ui-color-base-0); --ui-color-design-tinted-a1-content-chevron: var(--ui-color-base-4); --ui-color-design-tinted-a1-content-divider: var(--ui-color-base-7); --ui-color-design-tinted-success-bg: var(--ui-color-base-8); --ui-color-design-tinted-success-bg-alt: var(--ui-color-base-7); --ui-color-design-tinted-success-stroke: var(--ui-color-base-white-fixed); --ui-design-tinted-success-stroke-weight: 0px; --ui-color-design-tinted-success-content: var(--ui-color-base-0); --ui-color-design-tinted-success-content-icon: var(--ui-color-base-0); --ui-color-design-tinted-success-content-chevron: var(--ui-color-base-4); --ui-color-design-tinted-success-content-divider: var(--ui-color-base-7); --ui-color-design-tinted-stroke: var(--ui-color-base-white-fixed); --ui-design-tinted-stroke-weight: 0px; --ui-color-design-tinted-content: var(--ui-color-base-0); --ui-color-design-tinted-content-alt: var(--ui-color-base-0); --ui-color-design-tinted-content-icon: var(--ui-color-base-0); --ui-color-design-tinted-content-icon-secondary: var(--ui-color-base-4); --ui-color-design-tinted-content-chevron: var(--ui-color-base-4); --ui-color-design-tinted-content-divider: var(--ui-color-base-7); --ui-color-design-tinted-alert-bg: var(--ui-color-base-8); --ui-color-design-tinted-alert-stroke: var(--ui-color-base-white-fixed); --ui-design-tinted-alert-stroke-weight: 0px; --ui-color-design-tinted-alert-content: var(--ui-color-base-0); --ui-color-design-tinted-alert-content-icon: var(--ui-color-base-0); --ui-color-design-tinted-alert-content-chevron: var(--ui-color-base-4); --ui-color-design-tinted-alert-content-divider: var(--ui-color-base-7); --ui-color-design-tinted-warning-bg: var(--ui-color-base-8); --ui-color-design-tinted-warning-stroke: var(--ui-color-base-white-fixed); --ui-design-tinted-warning-stroke-weight: 0px; --ui-color-design-tinted-warning-content: var(--ui-color-base-0); --ui-color-design-tinted-warning-content-icon: var(--ui-color-base-0); --ui-color-design-tinted-warning-content-chevron: var(--ui-color-base-4); --ui-color-design-tinted-warning-content-divider: var(--ui-color-base-7); --ui-color-design-tinted-violet-bg: var(--ui-color-base-8); --ui-color-design-tinted-violet-stroke: var(--ui-color-base-white-fixed); --ui-design-tinted-violet-stroke-weight: 0px; --ui-color-design-tinted-violet-content: var(--ui-color-base-0); --ui-color-design-tinted-violet-content-icon: var(--ui-color-base-0); --ui-color-design-tinted-violet-content-chevron: var(--ui-color-base-4); --ui-color-design-tinted-violet-content-divider: var(--ui-color-base-7); --ui-color-design-tinted-na-bg: var(--ui-color-base-8); --ui-color-design-tinted-na-stroke: var(--ui-color-base-white-fixed); --ui-design-tinted-na-stroke-weight: 0px; --ui-color-design-tinted-na-content: var(--ui-color-base-0); --ui-color-design-tinted-na-content-icon: var(--ui-color-base-0); --ui-color-design-tinted-na-content-chevron: var(--ui-color-base-4); --ui-color-design-tinted-na-content-divider: var(--ui-color-base-7); --ui-color-design-outline-a1-bg: var(--ui-color-base-8); --ui-color-design-outline-a1-stroke: var(--ui-color-base-6); --ui-design-outline-a1-stroke-weight: var(--ui-border-width-thin); --ui-color-design-outline-a1-content: var(--ui-color-base-0); --ui-color-design-outline-a1-content-icon: var(--ui-color-base-0); --ui-color-design-outline-a1-content-chevron: var(--ui-color-base-0); --ui-color-design-outline-a1-content-divider: var(--ui-color-base-8); --ui-color-design-outline-a2-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-a2-stroke: var(--ui-color-base-7); --ui-design-outline-a2-stroke-weight: var(--ui-border-width-thin); --ui-design-outline-a2-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-a2-content: var(--ui-color-base-0); --ui-color-design-outline-a2-content-icon: var(--ui-color-base-1); --ui-color-design-outline-a2-content-icon-secondary: var(--ui-color-base-2); --ui-color-design-outline-a2-content-chevron: var(--ui-color-base-1); --ui-color-design-outline-a2-content-divider: var(--ui-color-base-7); --ui-color-design-outline-a2-focused-bg: rgba(var(--ui-color-palette-black-solid-rgb), 0.078); --ui-color-design-outline-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-success-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-success-stroke: var(--ui-color-base-7); --ui-design-outline-success-stroke-weight: var(--ui-border-width-thin); --ui-design-outline-success-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-success-content: var(--ui-color-base-0); --ui-color-design-outline-success-content-icon: var(--ui-color-base-1); --ui-color-design-outline-success-content-chevron: var(--ui-color-base-1); --ui-color-design-outline-success-content-divider: var(--ui-color-base-7); --ui-color-design-outline-alert-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-alert-stroke: var(--ui-color-base-7); --ui-design-outline-alert-stroke-weight: var(--ui-border-width-thin); --ui-design-outline-alert-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-alert-content: var(--ui-color-base-0); --ui-color-design-outline-alert-content-icon: var(--ui-color-base-1); --ui-color-design-outline-alert-content-chevron: var(--ui-color-base-1); --ui-color-design-outline-alert-content-divider: var(--ui-color-base-7); --ui-color-design-outline-bg-alt: var(--ui-color-bg-content-secondary); --ui-color-design-outline-stroke: rgba(var(--ui-color-palette-white-base-rgb), 0.141); --ui-design-outline-stroke-weight: 0px; --ui-design-outline-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-content: var(--ui-color-base-0); --ui-color-design-outline-content-secondary: var(--ui-color-base-5); --ui-color-design-outline-content-label: var(--ui-color-base-2); --ui-color-design-outline-content-icon: var(--ui-color-base-1); --ui-color-design-outline-content-icon-alt: var(--ui-color-base-1); --ui-color-design-outline-content-icon-secondary: var(--ui-color-base-3); --ui-color-design-outline-content-chevron: var(--ui-color-base-1); --ui-color-design-outline-content-divider: var(--ui-color-base-7); --ui-color-design-outline-focused-stroke: var(--ui-color-base-6); --ui-color-design-outline-warning-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-warning-stroke: var(--ui-color-base-7); --ui-design-outline-warning-stroke-weight: var(--ui-border-width-thin); --ui-design-outline-warning-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-warning-content: var(--ui-color-base-0); --ui-color-design-outline-warning-content-icon: var(--ui-color-base-1); --ui-color-design-outline-warning-content-chevron: var(--ui-color-base-1); --ui-color-design-outline-warning-content-divider: var(--ui-color-base-7); --ui-color-design-outline-copilot-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-copilot-stroke: var(--ui-color-base-7); --ui-design-outline-copilot-stroke-weight: var(--ui-border-width-thin); --ui-design-outline-copilot-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-copilot-content: var(--ui-color-base-0); --ui-color-design-outline-copilot-content-icon: var(--ui-color-base-1); --ui-color-design-outline-copilot-content-chevron: var(--ui-color-base-1); --ui-color-design-outline-copilot-content-divider: var(--ui-color-base-7); --ui-color-design-outline-na-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-na-bg-alt: var(--ui-color-bg-content-primary); --ui-color-design-outline-na-stroke: rgba(var(--ui-color-palette-black-solid-rgb), 0.078); --ui-design-outline-na-stroke-weight: 0px; --ui-design-outline-na-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-na-content: var(--ui-color-base-5); --ui-color-design-outline-na-content-icon: var(--ui-color-base-5); --ui-color-design-outline-na-content-chevron: var(--ui-color-base-5); --ui-color-design-outline-na-content-divider: var(--ui-color-base-8); --ui-color-design-plain-a-bg: rgba(var(--ui-color-palette-black-solid-rgb), 0.000); --ui-color-design-plain-a-stroke: rgba(var(--ui-color-palette-black-solid-rgb), 0.000); --ui-design-plain-a-stroke-weight: 0px; --ui-color-design-plain-a-content: var(--ui-color-base-0); --ui-color-design-plain-a-content-icon: var(--ui-color-base-1); --ui-color-design-plain-a-content-chevron: var(--ui-color-base-1); --ui-color-design-plain-a-content-divider: var(--ui-color-base-7); --ui-color-design-plain-bg: rgba(var(--ui-color-palette-black-solid-rgb), 0.000); --ui-color-design-plain-stroke: rgba(var(--ui-color-palette-black-solid-rgb), 0.000); --ui-design-plain-stroke-weight: 0px; --ui-color-design-plain-content: var(--ui-color-base-0); --ui-color-design-plain-content-icon: var(--ui-color-base-1); --ui-color-design-plain-content-icon-secondary: var(--ui-color-base-3); --ui-color-design-plain-content-chevron: var(--ui-color-base-1); --ui-color-design-plain-content-divider: var(--ui-color-base-7); --ui-color-design-plain-na-bg: rgba(var(--ui-color-palette-black-solid-rgb), 0.000); --ui-color-design-plain-na-stroke: rgba(var(--ui-color-palette-black-solid-rgb), 0.000); --ui-design-plain-na-stroke-weight: 0px; --ui-color-design-plain-na-content: var(--ui-color-base-4); --ui-color-design-plain-na-content-secondary: var(--ui-color-base-6); --ui-color-design-plain-na-content-icon: var(--ui-color-base-5); --ui-color-design-plain-na-content-chevron: var(--ui-color-base-5); --ui-color-design-plain-na-content-divider: var(--ui-color-base-8); --ui-color-design-selection-bg: rgba(var(--ui-color-palette-black-solid-rgb), 0.078); --ui-color-design-plain-na-focused-bg: rgba(var(--ui-color-palette-black-solid-rgb), 0.078); --ui-color-design-selection-stroke: rgba(var(--ui-color-palette-black-solid-rgb), 0.000); --ui-design-selection-stroke-weight: 0px; --ui-design-selection-stroke-weight-alt: 0px; --ui-color-design-selection-content: var(--ui-color-base-1); --ui-color-design-plain-na-focused-stroke: rgba(var(--ui-color-palette-black-solid-rgb), 0.078); --ui-color-design-selection-content-icon: var(--ui-color-base-1); --ui-design-plain-na-focused-stroke-weight: var(--ui-border-width-medium); --ui-color-design-selection-content-icon-secondary: var(--ui-color-base-2); --ui-color-design-plain-na-focused-content: var(--ui-color-base-1); --ui-color-design-selection-content-chevron: var(--ui-color-base-0); --ui-color-design-selection-content-divider: var(--ui-color-base-7); --ui-color-design-selection-focused-bg: rgba(var(--ui-color-palette-black-solid-rgb), 0.149); --ui-color-accent-main-primary-alt: #74877b; --ui-color-accent-main-primary-alt-2: #8fa195; --ui-color-accent-main-success: #9fb0a6; --ui-color-accent-main-success-alt: #00904D; --ui-color-accent-main-success-alt-2: #008648; --ui-color-accent-main-link: #485a4c; --ui-color-accent-main-link-underline: #485a4c4D; --ui-color-accent-main-warning: #F2A100; --ui-color-accent-main-alert: #F2473D; --ui-color-accent-soft-blue-1: #dee5e1; --ui-color-accent-soft-blue-2: #ebf0ed; --ui-color-accent-soft-blue-3: #f7f9f8; --ui-color-accent-soft-green-1: #dee5e1; --ui-color-accent-soft-green-2: #ebf0ed; --ui-color-accent-soft-green-3: #f7f9f8; --ui-color-accent-soft-orange-1: #F3E9D6; --ui-color-accent-soft-orange-2: #F9F4EC; --ui-color-accent-soft-orange-3: #FAF7F2; --ui-color-accent-soft-red-1: #5E1C18; --ui-color-accent-soft-red-2: #300E0C; --ui-color-accent-soft-red-3: #210A08; --ui-color-accent-soft-grey-1: #272727; --ui-color-accent-soft-grey-2: #272727; --ui-color-accent-soft-violet-1: #3E2156; --ui-color-accent-soft-violet-2: #20112C; --ui-color-accent-soft-violet-3: #160C1E; --ui-color-accent-soft-element-blue: #485a4c; --ui-color-accent-soft-element-green: #74877b; --ui-color-accent-soft-element-orange: #976500; --ui-color-accent-soft-element-red: #B81A15; --ui-color-accent-soft-element-violet: #A859E9; --ui-color-accent-soft-border-blue: #5f7266; --ui-color-accent-soft-border-red: #A0403A; --ui-color-accent-soft-border-green: #485a4c; --ui-color-accent-brand-blue: #74877b; --ui-color-accent-brand-green: #849689; --ui-color-accent-extra-orange: #E0911D; --ui-color-accent-extra-aqua: #9fb0a6; --ui-color-accent-extra-pink: #EC5996; --ui-color-accent-extra-grass: #849689; --ui-color-accent-extra-brown: #AF8B35; --ui-color-accent-extra-darkblue: #485a4c; --ui-color-copilot-bg-content-1-alt: #271149; --ui-color-copilot-bg-content-1: #271149; --ui-color-copilot-bg-content-2: #3E1A75; --ui-color-copilot-bg-content-3: #51219A; --ui-color-copilot-accent-less-1: #7037C9; --ui-color-copilot-accent-less-2: #8052C5; --ui-color-copilot-accent-primary: #A161FF; --ui-color-copilot-accent-primary-alt: #6625C6; --ui-color-copilot-element-1: #CDC1E0; --ui-color-copilot-element-2: #DDD6E7; --ui-color-collab-bg-content-1: #182B12; --ui-color-collab-bg-content-2: #1E3617; --ui-color-collab-bg-content-3: #366829; --ui-color-collab-accent-less-1: #b1c0b7; --ui-color-collab-accent-less-2: #b1c0b7; --ui-color-collab-accent-primary: #9fb0a6; --ui-color-collab-accent-primary-alt: #849689; --ui-color-collab-element-1: #dee5e1; --ui-color-collab-element-2: #ebf0ed; --ui-color-black-solid: #000000; --ui-tech-grid-sep-op: 5px; --ui-color-tech-push: #00000014; --ui-color-tech-focus: #0000000D; --ui-color-tech-opacity: #FFFFFF00; --ui-color-tech-bg-picture-tint: #0000003D; --ui-color-tech-dark-fixes: #383838; --ui-color-blue-02: #FFFFFF; --ui-color-black-base: #333333; --ui-color-blue-04: #FFFFFF; --ui-color-blue-06: #FFFFFF; --ui-color-blue-08: #FFFFFF; --ui-color-g-content-glass-1: #FFFFFFE6; --ui-color-g-content-glass-2: #FFFFFFB3; --ui-color-g-content-glass-3: #FFFFFF66; --ui-color-g-content-glass-grey-1: #878787; --ui-color-g-content-glass-grey-2: #707070; --ui-color-g-content-glass-grey-3: #707070; --ui-color-g-content-black: #FFFFFF; --ui-color-g-content-grey-1: #ABABAB; --ui-color-g-content-grey-2: #696969; --ui-color-g-content-grey-3: #3C3C3C; --ui-color-g-content-grey-4: #363636; --ui-color-g-content-blue-1: #ff4006; --ui-color-g-content-blue-2: #5f7266; --ui-color-g-content-blue-3: #485a4c; --ui-color-g-glass-green-bg-1: #849689C7; --ui-color-g-glass-green-bg-2: #008648C7; --ui-color-g-glass-green-bg-3: #2CD586C7; --ui-color-g-glass-green-stroke: #FFFFFF24; --ui-color-g-glass-collab-bg-1: #26B94AC7; --ui-color-g-glass-collab-bg-2: #109D33D1; --ui-color-g-glass-collab-bg-3: #5FCF7ABD; --ui-color-g-glass-collab-stroke: #FFFFFF24; --ui-color-g-glass-copilot-bg-1: #602DB7CC; --ui-color-g-glass-copilot-bg-2: #6D42AFCC; --ui-color-g-glass-copilot-bg-3: #725897CC; --ui-color-g-glass-copilot-stroke: #00000029; --ui-color-g-glass-blue-bg-1: #74877bC7; --ui-color-g-glass-blue-bg-2: #485a4cC7; --ui-color-g-glass-blue-bg-3: #8fa195C7; --ui-color-g-glass-blue-stroke: #FFFFFF24; --ui-color-g-glass-bluish-bg-1: #2a372dCC; --ui-color-g-glass-bluish-bg-2: #2a372dCC; --ui-color-g-glass-bluish-bg-3: #485a4cCC; --ui-color-g-glass-bluish-stroke: #ff400629; --ui-color-g-glass-grey-bg-1: #404040B8; --ui-color-g-glass-grey-bg-2: #0A0A0AB8; --ui-color-g-glass-grey-bg-3: #5A5A5AB8; --ui-color-g-glass-grey-stroke: #2A2A2AA3; --ui-color-g-glass-pink-bg-1: #EB689EC7; --ui-color-g-glass-pink-bg-2: #C92F6FD1; --ui-color-g-glass-pink-bg-3: #FF9CCCBD; --ui-color-g-glass-pink-stroke: #FFFFFF24; --ui-color-g-glass-orange-bg-1: #FF9800C7; --ui-color-g-glass-orange-bg-2: #D06A0CD1; --ui-color-g-glass-orange-bg-3: #FFD27CBD; --ui-color-g-glass-orange-stroke: #FFFFFF24; --ui-color-blue-09: #FFFFFF; --ui-color-white-base: #ffffff; --ui-color-blue-10: #f4f5f8; --ui-color-blue-15: #dfe2ec; --ui-color-blue-20: #b1c0b7; --ui-color-blue-25: #9fb0a6; --ui-color-blue-30: #8fa195; --ui-color-blue-35: #FFFFFF; --ui-color-blue-40: #74877b; --ui-color-blue-50: #5f7266; --ui-color-blue-55: #FFFFFF; --ui-color-blue-57: #FFFFFF; --ui-color-blue-60: #485a4c; --ui-color-blue-70: #2a372d; --ui-color-blue-80: #2a372d; --ui-color-blue-90: #2a372d; --ui-color-blue-95: #2a372d; --ui-color-green-02: #FFFFFF; --ui-color-green-04: #FFFFFF; --ui-color-green-06: #FFFFFF; --ui-color-green-08: #FFFFFF; --ui-color-green-09: #FFFFFF; --ui-color-green-10: #f7f9f8; --ui-color-green-15: #ebf0ed; --ui-color-green-20: #dee5e1; --ui-color-green-25: #d1dbd6; --ui-color-green-30: #c2cec7; --ui-color-green-35: #b1c0b7; --ui-color-green-40: #9fb0a6; --ui-color-green-50: #8fa195; --ui-color-green-55: #849689; --ui-color-green-60: #74877b; --ui-color-green-70: #5f7266; --ui-color-green-80: #485a4c; --ui-color-green-90: #34463a; --ui-color-green-95: #2a372d; --ui-color-orange-04: #FFFFFF; --ui-color-orange-06: #FFFFFF; --ui-color-orange-08: #FFFFFF; --ui-color-orange-10: #fff3e6; --ui-color-orange-15: #ffe9c6; --ui-color-orange-20: #ffdfad; --ui-color-orange-25: #ffd392; --ui-color-orange-30: #ffc875; --ui-color-orange-40: #ffb14d; --ui-color-orange-50: #ff9f3d; --ui-color-orange-60: #ff861f; --ui-color-orange-70: #ff6a00; --ui-color-orange-80: #c24f00; --ui-color-orange-90: #a13a00; --ui-color-orange-95: #8a2e00; --ui-color-red-02: #FFFFFF; --ui-color-red-04: #FFFFFF; --ui-color-red-06: #FFFFFF; --ui-color-red-08: #FFFFFF; --ui-color-red-10: #fff0ea; --ui-color-red-15: #ffded6; --ui-color-red-20: #ffc9bc; --ui-color-red-25: #ffb3a0; --ui-color-red-30: #ff9c82; --ui-color-red-40: #ff8f73; --ui-color-red-45: #ff8566; --ui-color-red-50: #ff7452; --ui-color-red-60: #ff5c33; --ui-color-red-70: #ff4006; --ui-color-red-80: #f75b28; --ui-color-red-90: #f04812; --ui-color-red-95: #e63900; --ui-color-red-solid: #f0371b; --ui-color-gray-01: #FCFDFE; --ui-color-gray-02: #f8fafb; --ui-color-gray-03: #f5f7f8; --ui-color-gray-04: #f1f4f6; --ui-color-gray-05: #eef2f4; --ui-color-gray-10: #edeef0; --ui-color-gray-15: #e6e7e9; --ui-color-gray-20: #dfe0e3; --ui-color-gray-30: #d5d7db; --ui-color-gray-35: #c9ccd0; --ui-color-gray-40: #bdc1c6; --ui-color-gray-50: #a8adb4; --ui-color-gray-60: #959ca4; --ui-color-gray-70: #828b95; --ui-color-gray-80: #6a737f; --ui-color-gray-90: #525c69; --ui-color-beige-base: #fdfae1; --ui-color-g-plastic-bluish-bg: #2a372d; --ui-color-g-plastic-bluish-stroke: #2a372d; --ui-color-g-plastic-greish-bg: #363636; --ui-color-g-plastic-greish-stroke: #636363; --ui-color-g-plastic-white-bg: #2A2A2A; --ui-color-g-plastic-white-stroke: #535353; --ui-color-design-disabled-bg: var(--ui-color-bg-content-primary); --ui-color-design-disabled-bg-alt: var(--ui-color-bg-content-primary); --ui-color-design-disabled-stroke: var(--ui-color-bg-content-primary); --ui-design-disabled-stroke-weight: 0px; --ui-color-design-disabled-content: var(--ui-color-base-7); --ui-color-design-disabled-content-alt: var(--ui-color-base-6); --ui-color-design-disabled-content-icon: var(--ui-color-base-7); --ui-color-design-disabled-content-chevron: var(--ui-color-base-7); --ui-color-design-disabled-content-divider: var(--ui-color-base-8); --ui-color-design-filled-boost-bg-gradient-1: var(--ui-color-palette-orange-30); --ui-color-design-filled-boost-bg-gradient-2: var(--ui-color-palette-red-40); --ui-color-design-filled-boost-bg-gradient-3: var(--ui-color-palette-blue-30); --ui-color-design-filled-boost-stroke: var(--ui-color-palette-blue-30); --ui-design-filled-boost-stroke-weight: 0px; --ui-color-design-filled-boost-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-boost-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-boost-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-boost-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.078); --ui-color-design-outline-boost-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-boost-stroke: rgba(var(--ui-color-palette-black-solid-rgb), 0.078); --ui-design-outline-boost-stroke-weight: 0px; --ui-color-design-outline-boost-content: var(--ui-color-base-0); --ui-color-design-outline-boost-content-label: var(--ui-color-base-2); --ui-color-design-outline-boost-content-icon-gradient-1: var(--ui-color-palette-orange-30); --ui-color-design-outline-boost-content-icon-gradient-2: var(--ui-color-palette-red-40); --ui-color-design-outline-boost-content-icon-gradient-3: var(--ui-color-palette-blue-30); --ui-color-design-outline-boost-content-chevron: var(--ui-color-base-1); --ui-color-design-outline-boost-content-divider: var(--ui-color-base-7); --ui-color-design-filled-market-bg-gradient-1: var(--ui-color-palette-orange-40); --ui-color-design-filled-market-bg-gradient-2: var(--ui-color-palette-blue-30); --ui-color-design-filled-market-bg-gradient-3: var(--ui-color-palette-blue-40); --ui-color-design-filled-market-stroke: var(--ui-color-palette-blue-40); --ui-design-filled-market-stroke-weight: 0px; --ui-color-design-filled-market-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-market-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-market-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-market-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.078); } .--ui-context-edge-dark { --ui-color-base-0: #FFFFFF; --ui-color-base-1: #FFFFFF; --ui-color-base-2: #FFFFFFCC; --ui-color-base-3: #FFFFFFB3; --ui-color-base-4: #FFFFFF99; --ui-color-base-5: #FFFFFF80; --ui-color-base-6: #FFFFFF66; --ui-color-base-7: #FFFFFF4D; --ui-color-base-8: #FFFFFF33; --ui-color-base-black-fixed: #000000; --ui-color-bg-content-primary: #FFFFFF29; --ui-color-base-white-fixed: #FFFFFF; --ui-color-divider-accent: #FFFFFF14; --ui-color-divider-default: #FFFFFF0F; --ui-color-divider-less: #FFFFFF0A; --ui-color-divider-vibrant-accent-more: #FFFFFF26; --ui-color-divider-vibrant-accent: #FFFFFF1F; --ui-color-divider-vibrant-default: #FFFFFF14; --ui-color-divider-vibrant-less: #FFFFFF0D; --ui-color-divider-vibrant-accent-more-alt: #FFFFFF26; --ui-color-divider-vibrant-accent-alt: #FFFFFF17; --ui-color-divider-vibrant-default-alt: #FFFFFF0F; --ui-color-divider-vibrant-less-alt: #FFFFFF0A; --ui-color-divider-optical-1: #00000000; --ui-color-divider-optical-1-alt: #00000000; --ui-color-divider-optical-2: #00000000; --ui-divider-optical-1-weight: var(--ui-border-width-thin); --ui-divider-optical-2-weight: var(--ui-border-width-thick); --ui-color-divider-optical-on-overlay: #FFFFFF1F; --ui-divider-optical-on-overlay-weight: var(--ui-border-width-thin); --ui-color-bg-content-secondary: #FFFFFF1F; --ui-color-bg-content-tertiary: #FFFFFF14; --ui-color-bg-vibrant-accent: #FFFFFF3D; --ui-color-bg-state-hover-default-hex: #FFFFFF; --ui-color-bg-state-hover-default-opacity: 7%; --ui-color-bg-state-hover-default: #FFFFFF12; --ui-color-bg-state-click-default-hex: #FFFFFF; --ui-color-bg-state-click-default-opacity: 14%; --ui-color-bg-state-click-default: #FFFFFF24; --ui-color-bg-state-hover-alt-hex: #FFFFFF; --ui-color-bg-state-hover-alt-opacity: 7%; --ui-color-bg-state-hover-alt: #FFFFFF12; --ui-color-bg-state-click-alt-hex: #FFFFFF; --ui-color-bg-state-click-alt-opacity: 14%; --ui-color-bg-state-click-alt: #FFFFFF24; --ui-color-bg-state-hover-default-overlay-hex: #FFFFFF; --ui-color-bg-state-hover-default-overlay-opacity: 20%; --ui-color-bg-state-hover-default-overlay: #FFFFFF33; --ui-color-bg-state-click-default-overlay-hex: #FFFFFF; --ui-color-bg-state-click-default-overlay-opacity: 32%; --ui-color-bg-state-click-default-overlay: #FFFFFF52; --ui-color-bg-state-hover-alt-overlay-hex: #FFFFFF; --ui-color-bg-state-hover-alt-overlay-opacity: 35%; --ui-color-bg-state-hover-alt-overlay: #FFFFFF59; --ui-color-bg-state-click-alt-overlay-hex: #FFFFFF; --ui-color-bg-state-click-alt-overlay-opacity: 50%; --ui-color-bg-state-click-alt-overlay: #FFFFFF80; --ui-color-bg-vibrant-default: #FFFFFF33; --ui-color-bg-vibrant-less: #FFFFFF24; --ui-color-bg-vibrant-less-more: #FFFFFF1F; --ui-color-bg-content-inapp: #485a4c; --ui-color-bg-content-primary-layer: #FFFFFF; --ui-color-bg-content-light: #EEEEEE; --ui-bg-blur-content: var(--ui-bg-blur-accent); --ui-bg-blur-vibrant: var(--ui-bg-blur-accent-more); --ui-color-accent-main-primary: #ff4006; --ui-color-design-filled-bg: #FFFFFF1F; --ui-color-design-filled-stroke: rgba(var(--ui-color-palette-white-base-rgb), 0.141); --ui-design-filled-stroke-weight: 1px; --ui-color-design-filled-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-content-secondary: rgba(var(--ui-color-palette-white-base-rgb), 0.702); --ui-color-design-filled-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-content-icon-secondary: var(--ui-color-palette-blue-20); --ui-color-design-filled-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.102); --ui-color-design-filled-success-bg: var(--ui-color-accent-main-success); --ui-color-design-filled-success-stroke: rgba(var(--ui-color-palette-white-base-rgb), 0.141); --ui-design-filled-success-stroke-weight: var(--ui-border-width-thin); --ui-color-design-filled-success-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-success-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-success-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-success-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.161); --ui-color-design-filled-alert-bg: var(--ui-color-accent-main-alert); --ui-color-design-filled-alert-stroke: rgba(var(--ui-color-palette-white-base-rgb), 0.141); --ui-design-filled-alert-stroke-weight: var(--ui-border-width-thin); --ui-color-design-filled-alert-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-alert-content-secondary: rgba(var(--ui-color-palette-white-base-rgb), 0.702); --ui-color-design-filled-alert-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-alert-content-icon-secondary: var(--ui-color-red-25); --ui-color-design-filled-alert-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-alert-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.161); --ui-color-design-filled-warning-bg: var(--ui-color-accent-main-warning); --ui-color-design-filled-black-bg: var(--ui-color-base-2); --ui-color-design-filled-black-stroke: rgba(var(--ui-color-palette-white-base-rgb), 0.141); --ui-design-filled-black-stroke-weight: var(--ui-border-width-thin); --ui-color-design-filled-black-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-black-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-black-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-black-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.161); --ui-color-design-filled-warning-stroke: rgba(var(--ui-color-palette-white-base-rgb), 0.141); --ui-design-filled-warning-stroke-weight: var(--ui-border-width-thin); --ui-color-design-filled-warning-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-warning-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-warning-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-warning-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.161); --ui-color-design-filled-white-bg: var(--ui-color-bg-content-primary); --ui-color-design-filled-white-stroke: rgba(var(--ui-color-palette-white-base-rgb), 0.141); --ui-design-filled-white-stroke-weight: 0px; --ui-color-design-filled-white-content: var(--ui-color-base-0); --ui-color-design-filled-white-content-icon: var(--ui-color-base-1); --ui-color-design-filled-white-content-chevron: var(--ui-color-base-1); --ui-color-design-filled-white-content-divider: var(--ui-color-base-7); --ui-color-design-filled-na-bg: var(--ui-color-base-4); --ui-color-design-filled-na-bg-secondary: var(--ui-color-base-5); --ui-color-design-filled-copilot-bg: var(--ui-color-copilot-accent-primary); --ui-color-design-filled-copilot-stroke: rgba(var(--ui-color-palette-white-base-rgb), 0.141); --ui-design-filled-copilot-stroke-weight: var(--ui-border-width-thin); --ui-color-design-filled-copilot-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-copilot-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-copilot-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-copilot-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.161); --ui-color-design-filled-na-stroke: rgba(var(--ui-color-palette-white-base-rgb), 0.141); --ui-color-design-filled-na-stroke-secondary: rgba(var(--ui-color-palette-white-base-rgb), 0.141); --ui-design-filled-na-stroke-weight: var(--ui-border-width-thin); --ui-color-design-filled-na-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-na-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-na-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-na-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.161); --ui-color-design-tinted-bg: var(--ui-color-base-8); --ui-color-design-tinted-a1-bg: rgba(var(--ui-color-palette-white-base-rgb), 0.149); --ui-color-design-tinted-a1-stroke: var(--ui-color-base-white-fixed); --ui-design-tinted-a1-stroke-weight: 0px; --ui-color-design-tinted-a1-content: var(--ui-color-base-0); --ui-color-design-tinted-a1-content-icon: var(--ui-color-base-0); --ui-color-design-tinted-a1-content-chevron: var(--ui-color-base-4); --ui-color-design-tinted-a1-content-divider: var(--ui-color-base-7); --ui-color-design-tinted-success-bg: var(--ui-color-base-8); --ui-color-design-tinted-success-bg-alt: var(--ui-color-base-7); --ui-color-design-tinted-success-stroke: var(--ui-color-base-white-fixed); --ui-design-tinted-success-stroke-weight: 0px; --ui-color-design-tinted-success-content: var(--ui-color-base-0); --ui-color-design-tinted-success-content-icon: var(--ui-color-base-0); --ui-color-design-tinted-success-content-chevron: var(--ui-color-base-4); --ui-color-design-tinted-success-content-divider: var(--ui-color-base-7); --ui-color-design-tinted-bg-alt: rgba(var(--ui-color-palette-white-base-rgb), 0.149); --ui-color-design-tinted-stroke: var(--ui-color-base-white-fixed); --ui-design-tinted-stroke-weight: 0px; --ui-color-design-tinted-content: var(--ui-color-base-0); --ui-color-design-tinted-content-alt: var(--ui-color-base-0); --ui-color-design-tinted-content-icon: var(--ui-color-base-0); --ui-color-design-tinted-content-icon-secondary: var(--ui-color-base-4); --ui-color-design-tinted-content-chevron: var(--ui-color-base-4); --ui-color-design-tinted-content-divider: var(--ui-color-base-7); --ui-color-design-tinted-alert-bg: var(--ui-color-base-8); --ui-color-design-tinted-alert-stroke: var(--ui-color-base-white-fixed); --ui-design-tinted-alert-stroke-weight: 0px; --ui-color-design-tinted-alert-content: var(--ui-color-base-0); --ui-color-design-tinted-alert-content-icon: var(--ui-color-base-0); --ui-color-design-tinted-alert-content-chevron: var(--ui-color-base-4); --ui-color-design-tinted-alert-content-divider: var(--ui-color-base-7); --ui-color-design-tinted-warning-bg: var(--ui-color-base-8); --ui-color-design-tinted-warning-stroke: var(--ui-color-base-white-fixed); --ui-design-tinted-warning-stroke-weight: 0px; --ui-color-design-tinted-warning-content: var(--ui-color-base-0); --ui-color-design-tinted-warning-content-icon: var(--ui-color-base-0); --ui-color-design-tinted-warning-content-chevron: var(--ui-color-base-4); --ui-color-design-tinted-warning-content-divider: var(--ui-color-base-7); --ui-color-design-tinted-violet-bg: var(--ui-color-base-8); --ui-color-design-tinted-violet-stroke: var(--ui-color-base-white-fixed); --ui-design-tinted-violet-stroke-weight: 0px; --ui-color-design-tinted-violet-content: var(--ui-color-base-0); --ui-color-design-tinted-violet-content-icon: var(--ui-color-base-0); --ui-color-design-tinted-violet-content-chevron: var(--ui-color-base-4); --ui-color-design-tinted-violet-content-divider: var(--ui-color-base-7); --ui-color-design-tinted-na-bg: var(--ui-color-base-8); --ui-color-design-tinted-na-stroke: var(--ui-color-base-white-fixed); --ui-design-tinted-na-stroke-weight: 0px; --ui-color-design-tinted-na-content: var(--ui-color-base-0); --ui-color-design-tinted-na-content-icon: var(--ui-color-base-0); --ui-color-design-tinted-na-content-chevron: var(--ui-color-base-4); --ui-color-design-tinted-na-content-divider: var(--ui-color-base-7); --ui-color-design-outline-a1-bg: var(--ui-color-base-7); --ui-color-design-outline-a1-stroke: var(--ui-color-base-4); --ui-design-outline-a1-stroke-weight: var(--ui-border-width-thin); --ui-color-design-outline-a1-content: var(--ui-color-base-0); --ui-color-design-outline-a1-content-icon: var(--ui-color-base-0); --ui-color-design-outline-a1-content-chevron: var(--ui-color-base-0); --ui-color-design-outline-a1-content-divider: var(--ui-color-base-8); --ui-color-design-outline-a2-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-a2-stroke: var(--ui-color-base-7); --ui-design-outline-a2-stroke-weight: var(--ui-border-width-thin); --ui-design-outline-a2-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-a2-content: var(--ui-color-base-0); --ui-color-design-outline-a2-content-icon: var(--ui-color-base-1); --ui-color-design-outline-a2-content-icon-secondary: var(--ui-color-base-2); --ui-color-design-outline-a2-content-chevron: var(--ui-color-base-1); --ui-color-design-outline-a2-content-divider: var(--ui-color-base-7); --ui-color-design-outline-a2-focused-bg: rgba(var(--ui-color-palette-white-base-rgb), 0.302); --ui-color-design-outline-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-success-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-success-stroke: var(--ui-color-base-7); --ui-design-outline-success-stroke-weight: var(--ui-border-width-thin); --ui-design-outline-success-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-success-content: var(--ui-color-base-0); --ui-color-design-outline-success-content-icon: var(--ui-color-base-1); --ui-color-design-outline-success-content-chevron: var(--ui-color-base-1); --ui-color-design-outline-success-content-divider: var(--ui-color-base-7); --ui-color-design-outline-alert-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-alert-stroke: var(--ui-color-base-7); --ui-design-outline-alert-stroke-weight: var(--ui-border-width-thin); --ui-design-outline-alert-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-alert-content: var(--ui-color-base-0); --ui-color-design-outline-alert-content-icon: var(--ui-color-base-1); --ui-color-design-outline-alert-content-chevron: var(--ui-color-base-1); --ui-color-design-outline-alert-content-divider: var(--ui-color-base-7); --ui-color-design-outline-bg-alt: var(--ui-color-bg-content-secondary); --ui-color-design-outline-stroke: rgba(var(--ui-color-palette-white-base-rgb), 0.141); --ui-design-outline-stroke-weight: 0px; --ui-design-outline-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-content: var(--ui-color-base-0); --ui-color-design-outline-content-secondary: var(--ui-color-base-5); --ui-color-design-outline-content-label: var(--ui-color-base-2); --ui-color-design-outline-content-icon: var(--ui-color-base-1); --ui-color-design-outline-content-icon-alt: var(--ui-color-base-1); --ui-color-design-outline-content-icon-secondary: var(--ui-color-base-3); --ui-color-design-outline-content-chevron: var(--ui-color-base-1); --ui-color-design-outline-content-divider: var(--ui-color-base-7); --ui-color-design-outline-focused-stroke: var(--ui-color-base-6); --ui-color-design-outline-warning-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-warning-stroke: var(--ui-color-base-7); --ui-design-outline-warning-stroke-weight: var(--ui-border-width-thin); --ui-design-outline-warning-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-warning-content: var(--ui-color-base-0); --ui-color-design-outline-warning-content-icon: var(--ui-color-base-1); --ui-color-design-outline-warning-content-chevron: var(--ui-color-base-1); --ui-color-design-outline-warning-content-divider: var(--ui-color-base-7); --ui-color-design-outline-copilot-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-copilot-stroke: var(--ui-color-base-7); --ui-design-outline-copilot-stroke-weight: var(--ui-border-width-thin); --ui-design-outline-copilot-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-copilot-content: var(--ui-color-base-0); --ui-color-design-outline-copilot-content-icon: var(--ui-color-base-1); --ui-color-design-outline-copilot-content-chevron: var(--ui-color-base-1); --ui-color-design-outline-copilot-content-divider: var(--ui-color-base-7); --ui-color-design-outline-na-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-na-bg-alt: var(--ui-color-bg-content-primary); --ui-color-design-outline-na-stroke: rgba(var(--ui-color-palette-white-base-rgb), 0.141); --ui-design-outline-na-stroke-weight: 0px; --ui-design-outline-na-stroke-weight-alt: var(--ui-border-width-thin); --ui-color-design-outline-na-content: var(--ui-color-base-3); --ui-color-design-outline-na-content-icon: var(--ui-color-base-4); --ui-color-design-outline-na-content-chevron: var(--ui-color-base-4); --ui-color-design-outline-na-content-divider: var(--ui-color-base-8); --ui-color-design-plain-a-bg: rgba(var(--ui-color-palette-white-base-rgb), 0.000); --ui-color-design-plain-a-stroke: rgba(var(--ui-color-palette-white-base-rgb), 0.000); --ui-design-plain-a-stroke-weight: 0px; --ui-color-design-plain-a-content: var(--ui-color-base-0); --ui-color-design-plain-a-content-icon: var(--ui-color-base-1); --ui-color-design-plain-a-content-chevron: var(--ui-color-base-1); --ui-color-design-plain-a-content-divider: var(--ui-color-base-7); --ui-color-design-plain-bg: rgba(var(--ui-color-palette-white-base-rgb), 0.000); --ui-color-design-plain-stroke: rgba(var(--ui-color-palette-white-base-rgb), 0.000); --ui-design-plain-stroke-weight: 0px; --ui-color-design-plain-content: var(--ui-color-base-0); --ui-color-design-plain-content-icon: var(--ui-color-base-1); --ui-color-design-plain-content-icon-secondary: var(--ui-color-base-3); --ui-color-design-plain-content-chevron: var(--ui-color-base-1); --ui-color-design-plain-content-divider: var(--ui-color-base-7); --ui-color-design-plain-na-bg: rgba(var(--ui-color-palette-white-base-rgb), 0.000); --ui-color-design-plain-na-stroke: rgba(var(--ui-color-palette-white-base-rgb), 0.000); --ui-design-plain-na-stroke-weight: 0px; --ui-color-design-plain-na-content: var(--ui-color-base-3); --ui-color-design-plain-na-content-secondary: var(--ui-color-base-5); --ui-color-design-plain-na-content-icon: var(--ui-color-base-4); --ui-color-design-plain-na-content-chevron: var(--ui-color-base-4); --ui-color-design-plain-na-content-divider: var(--ui-color-base-8); --ui-color-design-selection-bg: rgba(var(--ui-color-palette-white-base-rgb), 0.302); --ui-color-design-plain-na-focused-bg: rgba(var(--ui-color-palette-white-base-rgb), 0.122); --ui-color-design-selection-stroke: rgba(var(--ui-color-palette-white-base-rgb), 0.000); --ui-design-selection-stroke-weight: 0px; --ui-design-selection-stroke-weight-alt: 0px; --ui-color-design-selection-content: var(--ui-color-base-0); --ui-color-design-plain-na-focused-stroke: rgba(var(--ui-color-palette-white-base-rgb), 0.122); --ui-color-design-selection-content-icon: var(--ui-color-base-0); --ui-design-plain-na-focused-stroke-weight: var(--ui-border-width-medium); --ui-color-design-selection-content-icon-secondary: var(--ui-color-base-2); --ui-color-design-plain-na-focused-content: var(--ui-color-base-1); --ui-color-design-selection-content-chevron: var(--ui-color-base-0); --ui-color-design-selection-content-divider: var(--ui-color-base-7); --ui-color-design-selection-focused-bg: rgba(var(--ui-color-palette-white-base-rgb), 0.341); --ui-color-accent-main-primary-alt: #74877b; --ui-color-accent-main-primary-alt-2: #9fb0a6; --ui-color-accent-main-success: #9fb0a6; --ui-color-accent-main-success-alt: #00904D; --ui-color-accent-main-success-alt-2: #008648; --ui-color-accent-main-link: #b1c0b7; --ui-color-accent-main-link-underline: #b1c0b74D; --ui-color-accent-main-warning: #F2A100; --ui-color-accent-main-alert: #F2473D; --ui-color-accent-soft-blue-1: #dee5e1; --ui-color-accent-soft-blue-2: #ebf0ed; --ui-color-accent-soft-blue-3: #f7f9f8; --ui-color-accent-soft-green-1: #dee5e1; --ui-color-accent-soft-green-2: #ebf0ed; --ui-color-accent-soft-green-3: #f7f9f8; --ui-color-accent-soft-orange-1: #F3E9D6; --ui-color-accent-soft-orange-2: #F9F4EC; --ui-color-accent-soft-orange-3: #FAF7F2; --ui-color-accent-soft-red-1: #5E1C18; --ui-color-accent-soft-red-2: #300E0C; --ui-color-accent-soft-red-3: #210A08; --ui-color-accent-soft-grey-1: #272727; --ui-color-accent-soft-grey-2: #272727; --ui-color-accent-soft-violet-1: #3E2156; --ui-color-accent-soft-violet-2: #20112C; --ui-color-accent-soft-violet-3: #160C1E; --ui-color-accent-soft-element-blue: #485a4c; --ui-color-accent-soft-element-green: #74877b; --ui-color-accent-soft-element-orange: #976500; --ui-color-accent-soft-element-red: #B81A15; --ui-color-accent-soft-element-violet: #A859E9; --ui-color-accent-soft-border-blue: #5f7266; --ui-color-accent-soft-border-red: #A0403A; --ui-color-accent-soft-border-green: #485a4c; --ui-color-accent-brand-blue: #74877b; --ui-color-accent-brand-green: #849689; --ui-color-accent-extra-orange: #E0911D; --ui-color-accent-extra-aqua: #9fb0a6; --ui-color-accent-extra-pink: #EC5996; --ui-color-accent-extra-grass: #849689; --ui-color-accent-extra-brown: #AF8B35; --ui-color-accent-extra-darkblue: #485a4c; --ui-color-copilot-bg-content-1-alt: #271149; --ui-color-copilot-bg-content-1: #271149; --ui-color-copilot-bg-content-2: #3E1A75; --ui-color-copilot-bg-content-3: #51219A; --ui-color-copilot-accent-less-1: #7037C9; --ui-color-copilot-accent-less-2: #8052C5; --ui-color-copilot-accent-primary: #A161FF; --ui-color-copilot-accent-primary-alt: #6625C6; --ui-color-copilot-element-1: #CDC1E0; --ui-color-copilot-element-2: #DDD6E7; --ui-color-collab-bg-content-1: #182B12; --ui-color-collab-bg-content-2: #1E3617; --ui-color-collab-bg-content-3: #366829; --ui-color-collab-accent-less-1: #b1c0b7; --ui-color-collab-accent-less-2: #b1c0b7; --ui-color-collab-accent-primary: #9fb0a6; --ui-color-collab-accent-primary-alt: #849689; --ui-color-collab-element-1: #dee5e1; --ui-color-collab-element-2: #ebf0ed; --ui-color-black-solid: #000000; --ui-tech-grid-sep-op: 5px; --ui-color-tech-push: #00000014; --ui-color-tech-focus: #0000000D; --ui-color-tech-opacity: #FFFFFF00; --ui-color-tech-bg-picture-tint: #0000003D; --ui-color-tech-dark-fixes: #383838; --ui-color-blue-02: #FFFFFF; --ui-color-black-base: #333333; --ui-color-blue-04: #FFFFFF; --ui-color-blue-06: #FFFFFF; --ui-color-blue-08: #FFFFFF; --ui-color-g-content-glass-1: #FFFFFFE6; --ui-color-g-content-glass-2: #FFFFFFB3; --ui-color-g-content-glass-3: #FFFFFF66; --ui-color-g-content-glass-grey-1: #878787; --ui-color-g-content-glass-grey-2: #707070; --ui-color-g-content-glass-grey-3: #707070; --ui-color-g-content-black: #FFFFFF; --ui-color-g-content-grey-1: #ABABAB; --ui-color-g-content-grey-2: #696969; --ui-color-g-content-grey-3: #3C3C3C; --ui-color-g-content-grey-4: #363636; --ui-color-g-content-blue-1: #ff4006; --ui-color-g-content-blue-2: #5f7266; --ui-color-g-content-blue-3: #485a4c; --ui-color-g-glass-green-bg-1: #849689C7; --ui-color-g-glass-green-bg-2: #008648C7; --ui-color-g-glass-green-bg-3: #2CD586C7; --ui-color-g-glass-green-stroke: #FFFFFF24; --ui-color-g-glass-collab-bg-1: #26B94AC7; --ui-color-g-glass-collab-bg-2: #109D33D1; --ui-color-g-glass-collab-bg-3: #5FCF7ABD; --ui-color-g-glass-collab-stroke: #FFFFFF24; --ui-color-g-glass-copilot-bg-1: #602DB7CC; --ui-color-g-glass-copilot-bg-2: #6D42AFCC; --ui-color-g-glass-copilot-bg-3: #725897CC; --ui-color-g-glass-copilot-stroke: #00000029; --ui-color-g-glass-blue-bg-1: #74877bC7; --ui-color-g-glass-blue-bg-2: #485a4cC7; --ui-color-g-glass-blue-bg-3: #8fa195C7; --ui-color-g-glass-blue-stroke: #FFFFFF24; --ui-color-g-glass-bluish-bg-1: #2a372dCC; --ui-color-g-glass-bluish-bg-2: #2a372dCC; --ui-color-g-glass-bluish-bg-3: #485a4cCC; --ui-color-g-glass-bluish-stroke: #ff400629; --ui-color-g-glass-grey-bg-1: #404040B8; --ui-color-g-glass-grey-bg-2: #0A0A0AB8; --ui-color-g-glass-grey-bg-3: #5A5A5AB8; --ui-color-g-glass-grey-stroke: #2A2A2AA3; --ui-color-g-glass-pink-bg-1: #EB689EC7; --ui-color-g-glass-pink-bg-2: #C92F6FD1; --ui-color-g-glass-pink-bg-3: #FF9CCCBD; --ui-color-g-glass-pink-stroke: #FFFFFF24; --ui-color-g-glass-orange-bg-1: #FF9800C7; --ui-color-g-glass-orange-bg-2: #D06A0CD1; --ui-color-g-glass-orange-bg-3: #FFD27CBD; --ui-color-g-glass-orange-stroke: #FFFFFF24; --ui-color-blue-09: #FFFFFF; --ui-color-white-base: #ffffff; --ui-color-blue-10: #f4f5f8; --ui-color-blue-15: #dfe2ec; --ui-color-blue-20: #b1c0b7; --ui-color-blue-25: #9fb0a6; --ui-color-blue-30: #8fa195; --ui-color-blue-35: #FFFFFF; --ui-color-blue-40: #74877b; --ui-color-blue-50: #5f7266; --ui-color-blue-55: #FFFFFF; --ui-color-blue-57: #FFFFFF; --ui-color-blue-60: #485a4c; --ui-color-blue-70: #2a372d; --ui-color-blue-80: #2a372d; --ui-color-blue-90: #2a372d; --ui-color-blue-95: #2a372d; --ui-color-green-02: #FFFFFF; --ui-color-green-04: #FFFFFF; --ui-color-green-06: #FFFFFF; --ui-color-green-08: #FFFFFF; --ui-color-green-09: #FFFFFF; --ui-color-green-10: #f7f9f8; --ui-color-green-15: #ebf0ed; --ui-color-green-20: #dee5e1; --ui-color-green-25: #d1dbd6; --ui-color-green-30: #c2cec7; --ui-color-green-35: #b1c0b7; --ui-color-green-40: #9fb0a6; --ui-color-green-50: #8fa195; --ui-color-green-55: #849689; --ui-color-green-60: #74877b; --ui-color-green-70: #5f7266; --ui-color-green-80: #485a4c; --ui-color-green-90: #34463a; --ui-color-green-95: #2a372d; --ui-color-orange-04: #FFFFFF; --ui-color-orange-06: #FFFFFF; --ui-color-orange-08: #FFFFFF; --ui-color-orange-10: #fff3e6; --ui-color-orange-15: #ffe9c6; --ui-color-orange-20: #ffdfad; --ui-color-orange-25: #ffd392; --ui-color-orange-30: #ffc875; --ui-color-orange-40: #ffb14d; --ui-color-orange-50: #ff9f3d; --ui-color-orange-60: #ff861f; --ui-color-orange-70: #ff6a00; --ui-color-orange-80: #c24f00; --ui-color-orange-90: #a13a00; --ui-color-orange-95: #8a2e00; --ui-color-red-02: #FFFFFF; --ui-color-red-04: #FFFFFF; --ui-color-red-06: #FFFFFF; --ui-color-red-08: #FFFFFF; --ui-color-red-10: #fff0ea; --ui-color-red-15: #ffded6; --ui-color-red-20: #ffc9bc; --ui-color-red-25: #ffb3a0; --ui-color-red-30: #ff9c82; --ui-color-red-40: #ff8f73; --ui-color-red-45: #ff8566; --ui-color-red-50: #ff7452; --ui-color-red-60: #ff5c33; --ui-color-red-70: #ff4006; --ui-color-red-80: #f75b28; --ui-color-red-90: #f04812; --ui-color-red-95: #e63900; --ui-color-red-solid: #f0371b; --ui-color-gray-01: #FCFDFE; --ui-color-gray-02: #f8fafb; --ui-color-gray-03: #f5f7f8; --ui-color-gray-04: #f1f4f6; --ui-color-gray-05: #eef2f4; --ui-color-gray-10: #edeef0; --ui-color-gray-15: #e6e7e9; --ui-color-gray-20: #dfe0e3; --ui-color-gray-30: #d5d7db; --ui-color-gray-35: #c9ccd0; --ui-color-gray-40: #bdc1c6; --ui-color-gray-50: #a8adb4; --ui-color-gray-60: #959ca4; --ui-color-gray-70: #828b95; --ui-color-gray-80: #6a737f; --ui-color-gray-90: #525c69; --ui-color-beige-base: #fdfae1; --ui-color-g-plastic-bluish-bg: #2a372d; --ui-color-g-plastic-bluish-stroke: #2a372d; --ui-color-g-plastic-greish-bg: #363636; --ui-color-g-plastic-greish-stroke: #636363; --ui-color-g-plastic-white-bg: #2A2A2A; --ui-color-g-plastic-white-stroke: #535353; --ui-color-design-disabled-bg: var(--ui-color-bg-content-primary); --ui-color-design-disabled-bg-alt: var(--ui-color-bg-content-primary); --ui-color-design-disabled-stroke: var(--ui-color-bg-content-primary); --ui-design-disabled-stroke-weight: 0px; --ui-color-design-disabled-content: var(--ui-color-base-7); --ui-color-design-disabled-content-alt: var(--ui-color-base-6); --ui-color-design-disabled-content-icon: var(--ui-color-base-7); --ui-color-design-disabled-content-chevron: var(--ui-color-base-7); --ui-color-design-disabled-content-divider: var(--ui-color-base-8); --ui-color-design-filled-boost-bg-gradient-1: var(--ui-color-palette-orange-30); --ui-color-design-filled-boost-bg-gradient-2: var(--ui-color-palette-red-40); --ui-color-design-filled-boost-bg-gradient-3: var(--ui-color-palette-blue-30); --ui-color-design-filled-boost-stroke: var(--ui-color-palette-blue-30); --ui-design-filled-boost-stroke-weight: 0px; --ui-color-design-filled-boost-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-boost-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-boost-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-boost-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.078); --ui-color-design-outline-boost-bg: var(--ui-color-bg-content-primary); --ui-color-design-outline-boost-stroke: rgba(var(--ui-color-palette-black-solid-rgb), 0.078); --ui-design-outline-boost-stroke-weight: 0px; --ui-color-design-outline-boost-content: var(--ui-color-base-0); --ui-color-design-outline-boost-content-label: var(--ui-color-base-2); --ui-color-design-outline-boost-content-icon-gradient-1: var(--ui-color-palette-orange-30); --ui-color-design-outline-boost-content-icon-gradient-2: var(--ui-color-palette-red-40); --ui-color-design-outline-boost-content-icon-gradient-3: var(--ui-color-palette-blue-30); --ui-color-design-outline-boost-content-chevron: var(--ui-color-base-1); --ui-color-design-outline-boost-content-divider: var(--ui-color-base-7); --ui-color-design-filled-market-bg-gradient-1: var(--ui-color-palette-orange-40); --ui-color-design-filled-market-bg-gradient-2: var(--ui-color-palette-blue-30); --ui-color-design-filled-market-bg-gradient-3: var(--ui-color-palette-blue-40); --ui-color-design-filled-market-stroke: var(--ui-color-palette-blue-40); --ui-design-filled-market-stroke-weight: 0px; --ui-color-design-filled-market-content: var(--ui-color-base-white-fixed); --ui-color-design-filled-market-content-icon: var(--ui-color-base-white-fixed); --ui-color-design-filled-market-content-chevron: var(--ui-color-base-white-fixed); --ui-color-design-filled-market-content-divider: rgba(var(--ui-color-palette-white-base-rgb), 0.078); } :root { --ui-bg-blur-accent-more: blur(48px); --ui-bg-blur-accent: blur(24px); --ui-bg-blur-default: blur(12px); --ui-bg-blur-less: blur(6px); --ui-bg-blur-less-more: blur(2px); --ui-bg-blur-none: none; --ui-box-shadow-contrast-default-x: 0px; --ui-box-shadow-contrast-default-y: 1px; --ui-box-shadow-contrast-default-blur: blur(2px); --ui-box-shadow-contrast-default-spread: 0px; --ui-color-box-shadow-contrast-default-color: #0000001A; --ui-box-shadow-contrast-accent-x: 0px; --ui-box-shadow-contrast-accent-y: 1px; --ui-box-shadow-contrast-accent-blur: blur(2px); --ui-box-shadow-contrast-accent-spread: 0px; --ui-color-box-shadow-contrast-accent-color: #00000026; --ui-box-shadow-graphic-glass-content-default-x: 0px; --ui-box-shadow-graphic-glass-content-default-y: 4px; --ui-box-shadow-graphic-glass-content-default-blur: blur(10px); --ui-box-shadow-graphic-glass-content-default-spread: 0px; --ui-color-box-shadow-graphic-glass-content-default-color: #0000000D; --ui-letter-spacing-2xl: 0.75px; --ui-letter-spacing-xl: 0.6499999761581421px; --ui-letter-spacing-l: -0.05000000074505806px; --ui-letter-spacing-m: -0.10000000149011612px; --ui-letter-spacing-s: -0.20000000298023224px; --ui-letter-spacing-xs: -0.3499999940395355px; --ui-border-width-thin: 1px; --ui-border-width-medium: 1.5px; --ui-border-width-thick: 2px; } .--ui-reset-bg-blur { --ui-bg-blur-content: none; --ui-bg-blur-vibrant: none; --ui-bg-blur-accent-more: none; --ui-bg-blur-accent: none; --ui-bg-blur-default: none; --ui-bg-blur-less: none; --ui-bg-blur-less-more: none; --ui-bg-blur-none: none; } .--ui-hoverable, .--ui-hoverable-alt, .--ui-hoverable-overlay, .--ui-hoverable-overlay-alt { --ui-color: inherit; --ui-color-hover: unset; --ui-color-active: unset; } .--ui-hoverable { --ui-color-hover: color-mix(in srgb, var(--ui-color) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity)); --ui-color-active: color-mix(in srgb, var(--ui-color) 100%, var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity)); } .--ui-hoverable-alt { --ui-color-hover: color-mix(in srgb, var(--ui-color) 100%, var(--ui-color-bg-state-hover-alt-hex) var(--ui-color-bg-state-hover-alt-opacity)); --ui-color-active: color-mix(in srgb, var(--ui-color) 100%, var(--ui-color-bg-state-click-alt-hex) var(--ui-color-bg-state-click-alt-opacity)); } .--ui-hoverable-overlay { --ui-color-hover: color-mix(in srgb, var(--ui-color) 100%, var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity)); --ui-color-active: color-mix(in srgb, var(--ui-color) 100%, var(--ui-color-bg-state-click-default-overlay-hex) var(--ui-color-bg-state-click-default-overlay-opacity)); } .--ui-hoverable-overlay-alt { --ui-color-hover: color-mix(in srgb, var(--ui-color) 100%, var(--ui-color-bg-state-hover-alt-overlay-hex) var(--ui-color-bg-state-hover-alt-overlay-opacity)); --ui-color-active: color-mix(in srgb, var(--ui-color) 100%, var(--ui-color-bg-state-click-alt-overlay-hex) var(--ui-color-bg-state-click-alt-overlay-opacity)); } /* ===================================================================== CNSLT Theme Pack v2.2 — Core palette & AIR token mapping Context hardening: content-light/content-dark/edge-* share one brand palette ===================================================================== */ :root, .--ui-context-content-light, .--ui-context-content-dark, .--ui-context-edge-light, .--ui-context-edge-dark, .--ui-context-content-edge { --cnslt-brand-primary-95: #2a372d; --cnslt-brand-primary-95-rgb: 42, 55, 45; --cnslt-brand-primary-90: #34463a; --cnslt-brand-primary-90-rgb: 52, 70, 58; --cnslt-brand-primary-80: #485a4c; --cnslt-brand-primary-80-rgb: 72, 90, 76; --cnslt-brand-primary-70: #5f7266; --cnslt-brand-primary-70-rgb: 95, 114, 102; --cnslt-brand-primary-60: #74877b; --cnslt-brand-primary-60-rgb: 116, 135, 123; --cnslt-brand-primary-50: #8fa195; --cnslt-brand-primary-50-rgb: 143, 161, 149; --cnslt-brand-primary-40: #9fb0a6; --cnslt-brand-primary-40-rgb: 159, 176, 166; --cnslt-brand-primary-30: #c2cec7; --cnslt-brand-primary-30-rgb: 194, 206, 199; --cnslt-brand-primary-20: #dee5e1; --cnslt-brand-primary-20-rgb: 222, 229, 225; --cnslt-brand-primary-15: #ebf0ed; --cnslt-brand-primary-15-rgb: 235, 240, 237; --cnslt-brand-primary-10: #f7f9f8; --cnslt-brand-primary-10-rgb: 247, 249, 248; --cnslt-brand-primary: var(--cnslt-brand-primary-80); --cnslt-brand-primary-rgb: var(--cnslt-brand-primary-80-rgb); --cnslt-brand-primary-strong: var(--cnslt-brand-primary-95); --cnslt-brand-primary-strong-rgb: var(--cnslt-brand-primary-95-rgb); --cnslt-brand-secondary-95: #22283a; --cnslt-brand-secondary-95-rgb: 34, 40, 58; --cnslt-brand-secondary-90: #2c3350; --cnslt-brand-secondary-90-rgb: 44, 51, 80; --cnslt-brand-secondary-80: #303862; --cnslt-brand-secondary-80-rgb: 48, 56, 98; --cnslt-brand-secondary-70: #363f5b; --cnslt-brand-secondary-70-rgb: 54, 63, 91; --cnslt-brand-secondary-60: #4a5272; --cnslt-brand-secondary-60-rgb: 74, 82, 114; --cnslt-brand-secondary-50: #5f6786; --cnslt-brand-secondary-50-rgb: 95, 103, 134; --cnslt-brand-secondary-40: #7a829c; --cnslt-brand-secondary-40-rgb: 122, 130, 156; --cnslt-brand-secondary-30: #9aa0b5; --cnslt-brand-secondary-30-rgb: 154, 160, 181; --cnslt-brand-secondary-20: #c9cddd; --cnslt-brand-secondary-20-rgb: 201, 205, 221; --cnslt-brand-secondary-15: #dfe2ec; --cnslt-brand-secondary-15-rgb: 223, 226, 236; --cnslt-brand-secondary-10: #f4f5f8; --cnslt-brand-secondary-10-rgb: 244, 245, 248; --cnslt-brand-secondary: var(--cnslt-brand-secondary-70); --cnslt-brand-secondary-rgb: var(--cnslt-brand-secondary-70-rgb); --cnslt-brand-secondary-strong: var(--cnslt-brand-secondary-95); --cnslt-brand-secondary-strong-rgb: var(--cnslt-brand-secondary-95-rgb); --cnslt-neutral-warm: #4a4043; --cnslt-neutral-warm-rgb: 74, 64, 67; --cnslt-neutral-warm-strong: #332d2f; --cnslt-neutral-warm-strong-rgb: 51, 45, 47; --cnslt-accent: #ff4006; --cnslt-accent-rgb: 255, 64, 6; --cnslt-accent-strong: #d63a00; --cnslt-accent-strong-rgb: 214, 58, 0; --cnslt-accent-strong-hover: #c03000; --cnslt-accent-strong-hover-rgb: 192, 48, 0; --cnslt-accent-strong-active: #b82a00; --cnslt-accent-strong-active-rgb: 184, 42, 0; --cnslt-accent-bg: #fff0ea; --cnslt-accent-bg-rgb: 255, 240, 234; --cnslt-accent-border: #ffb3a0; --cnslt-accent-border-rgb: 255, 179, 160; --cnslt-surface-0: #ffffff; --cnslt-surface-0-rgb: 255, 255, 255; --cnslt-surface-1: var(--cnslt-brand-primary-10); --cnslt-surface-1-rgb: var(--cnslt-brand-primary-10-rgb); --cnslt-surface-2: var(--cnslt-brand-primary-15); --cnslt-surface-2-rgb: var(--cnslt-brand-primary-15-rgb); --cnslt-surface-3: var(--cnslt-brand-primary-20); --cnslt-surface-3-rgb: var(--cnslt-brand-primary-20-rgb); --cnslt-semantic-success-strong: var(--cnslt-brand-primary); --cnslt-semantic-success-strong-rgb: var(--cnslt-brand-primary-rgb); --cnslt-semantic-success-bg: var(--cnslt-surface-2); --cnslt-semantic-success-bg-rgb: var(--cnslt-surface-2-rgb); --cnslt-semantic-success-text: var(--cnslt-brand-primary-strong); --cnslt-semantic-success-text-rgb: var(--cnslt-brand-primary-strong-rgb); --cnslt-semantic-success-border: var(--cnslt-brand-primary-30); --cnslt-semantic-success-border-rgb: var(--cnslt-brand-primary-30-rgb); --cnslt-semantic-success-icon: var(--cnslt-brand-primary); --cnslt-semantic-success-icon-rgb: var(--cnslt-brand-primary-rgb); --cnslt-semantic-warning-strong: #c24f00; --cnslt-semantic-warning-strong-rgb: 194, 79, 0; --cnslt-semantic-warning-bg: #fff3e6; --cnslt-semantic-warning-bg-rgb: 255, 243, 230; --cnslt-semantic-warning-text: #8a2e00; --cnslt-semantic-warning-text-rgb: 138, 46, 0; --cnslt-semantic-warning-border: #ffd392; --cnslt-semantic-warning-border-rgb: 255, 211, 146; --cnslt-semantic-warning-icon: #c24f00; --cnslt-semantic-warning-icon-rgb: 194, 79, 0; --cnslt-semantic-danger-strong: var(--cnslt-accent-strong); --cnslt-semantic-danger-strong-rgb: var(--cnslt-accent-strong-rgb); --cnslt-semantic-danger-bg: var(--cnslt-accent-bg); --cnslt-semantic-danger-bg-rgb: var(--cnslt-accent-bg-rgb); --cnslt-semantic-danger-text: var(--cnslt-accent-strong); --cnslt-semantic-danger-text-rgb: var(--cnslt-accent-strong-rgb); --cnslt-semantic-danger-border: var(--cnslt-accent-border); --cnslt-semantic-danger-border-rgb: var(--cnslt-accent-border-rgb); --cnslt-semantic-danger-icon: var(--cnslt-accent); --cnslt-semantic-danger-icon-rgb: var(--cnslt-accent-rgb); --cnslt-semantic-info-strong: var(--cnslt-brand-secondary); --cnslt-semantic-info-strong-rgb: var(--cnslt-brand-secondary-rgb); --cnslt-semantic-info-bg: var(--cnslt-brand-secondary-10); --cnslt-semantic-info-bg-rgb: var(--cnslt-brand-secondary-10-rgb); --cnslt-semantic-info-text: var(--cnslt-brand-secondary-strong); --cnslt-semantic-info-text-rgb: var(--cnslt-brand-secondary-strong-rgb); --cnslt-semantic-info-border: var(--cnslt-brand-secondary-20); --cnslt-semantic-info-border-rgb: var(--cnslt-brand-secondary-20-rgb); --cnslt-semantic-info-icon: var(--cnslt-brand-secondary); --cnslt-semantic-info-icon-rgb: var(--cnslt-brand-secondary-rgb); --cnslt-link: var(--cnslt-brand-primary-70); --cnslt-link-rgb: var(--cnslt-brand-primary-70-rgb); --cnslt-link-hover: var(--cnslt-brand-primary-80); --cnslt-link-hover-rgb: var(--cnslt-brand-primary-80-rgb); --cnslt-link-active: var(--cnslt-brand-primary-95); --cnslt-link-active-rgb: var(--cnslt-brand-primary-95-rgb); --cnslt-focus-ring: rgba(var(--cnslt-brand-primary-rgb), 0.35); --cnslt-focus-ring-strong: rgba(var(--cnslt-brand-primary-rgb), 0.55); /* ===== Bitrix palette bridge (keeps var(--ui-color-palette-*) references stable) ===== */ --ui-color-palette-white-base-rgb: 255, 255, 255; --ui-color-palette-black-solid-rgb: 0, 0, 0; --ui-color-palette-gray-02: var(--ui-color-gray-02); --ui-color-palette-blue-15: var(--ui-color-blue-15); --ui-color-palette-blue-20: var(--ui-color-blue-20); --ui-color-palette-blue-30: var(--ui-color-blue-30); --ui-color-palette-blue-40: var(--ui-color-blue-40); --ui-color-palette-blue-80: var(--ui-color-blue-80); --ui-color-palette-blue-90: var(--ui-color-blue-90); --ui-color-palette-green-20: var(--ui-color-green-20); --ui-color-palette-green-90: var(--ui-color-green-90); --ui-color-palette-orange-15: var(--ui-color-orange-15); --ui-color-palette-orange-30: var(--ui-color-orange-30); --ui-color-palette-orange-40: var(--ui-color-orange-40); --ui-color-palette-orange-95: var(--ui-color-orange-95); --ui-color-palette-red-15: var(--ui-color-red-15); --ui-color-palette-red-40: var(--ui-color-red-40); /* RGB palette entries used by rgba(var(--ui-color-palette-*-rgb), a) */ --ui-color-palette-blue-40-rgb: var(--cnslt-brand-primary-60-rgb); --ui-color-palette-green-40-rgb: var(--cnslt-brand-primary-40-rgb); --ui-color-palette-green-95-rgb: var(--cnslt-brand-primary-95-rgb); --ui-color-accent-main-primary-alt: var(--cnslt-brand-primary-90); --ui-color-accent-main-primary-alt-2: var(--cnslt-brand-primary-70); --ui-color-accent-main-link: var(--cnslt-link); --ui-color-accent-main-link-underline: rgba(var(--cnslt-link-rgb), 0.30); --ui-color-accent-main-success: var(--cnslt-semantic-success-strong); --ui-color-accent-main-success-alt: var(--cnslt-brand-primary-90); --ui-color-accent-main-success-alt-2: var(--cnslt-brand-primary-70); --ui-color-accent-main-warning: var(--cnslt-semantic-warning-strong); --ui-color-accent-main-alert: var(--cnslt-semantic-danger-strong); }