/* Generated from Figma Variables. First mode = :root default. FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */ :root { --approach-2-container-max-width: var(--spacing-320-1-280px); --background-brand-default: var(--brand-800); /* @kind color */ --body-font-family: var(--family-sans); /* @kind font */ --body-font-weight-regular: var(--weight-regular); --body-size-small: var(--scale-02); /* @kind font */ --brand-100: rgb(245,245,245); /* @kind color */ --brand-800: rgb(44,44,44); /* @kind color */ --colors-background-bg-active: var(--colors-gray-light-mode-50); /* @kind color */ --colors-background-bg-brand-primary-alt: var(--colors-brand-50); /* @kind color */ --colors-background-bg-brand-primary: var(--colors-brand-50); /* @kind color */ --colors-background-bg-brand-secondary: var(--colors-brand-100); /* @kind color */ --colors-background-bg-brand-section-subtle: var(--colors-brand-700); /* @kind color */ --colors-background-bg-brand-section: var(--colors-brand-800); /* @kind color */ --colors-background-bg-brand-solid-hover: var(--colors-brand-700); /* @kind color */ --colors-background-bg-brand-solid: var(--colors-brand-600); /* @kind color */ --colors-background-bg-disabled-subtle: var(--colors-gray-light-mode-50); /* @kind color */ --colors-background-bg-disabled: var(--colors-gray-light-mode-100); /* @kind color */ --colors-background-bg-error-primary: var(--colors-error-50); /* @kind color */ --colors-background-bg-error-secondary: var(--colors-error-100); /* @kind color */ --colors-background-bg-error-solid: var(--colors-error-600); /* @kind color */ --colors-background-bg-overlay: var(--colors-gray-light-mode-950); /* @kind color */ --colors-background-bg-primary-2: var(--colors-base-white); /* @kind color */ --colors-background-bg-primary-3: var(--colors-base-white); /* @kind color */ --colors-background-bg-primary-alt: var(--colors-base-white); /* @kind color */ --colors-background-bg-primary-hover: var(--colors-gray-light-mode-50); /* @kind color */ --colors-background-bg-primary-solid-2: var(--colors-gray-light-mode-950); /* @kind color */ --colors-background-bg-primary-solid: var(--colors-gray-light-mode-950); /* @kind color */ --colors-background-bg-primary: var(--colors-base-white); /* @kind color */ --colors-background-bg-quaternary: var(--colors-gray-light-mode-200); /* @kind color */ --colors-background-bg-secondary-alt: var(--colors-gray-light-mode-50); /* @kind color */ --colors-background-bg-secondary-hover-2: var(--colors-gray-light-mode-100); /* @kind color */ --colors-background-bg-secondary-hover: var(--colors-gray-light-mode-100); /* @kind color */ --colors-background-bg-secondary-solid: var(--colors-gray-light-mode-600); /* @kind color */ --colors-background-bg-secondary-subtle: var(--colors-gray-light-mode-25); /* @kind color */ --colors-background-bg-secondary: var(--colors-gray-light-mode-50); /* @kind color */ --colors-background-bg-success-primary: var(--colors-success-50); /* @kind color */ --colors-background-bg-success-secondary: var(--colors-success-100); /* @kind color */ --colors-background-bg-success-solid-2: var(--colors-success-600); /* @kind color */ --colors-background-bg-success-solid: var(--colors-success-600); /* @kind color */ --colors-background-bg-tertiary: var(--colors-gray-light-mode-100); /* @kind color */ --colors-background-bg-warning-primary: var(--colors-warning-50); /* @kind color */ --colors-background-bg-warning-secondary: var(--colors-warning-100); /* @kind color */ --colors-background-bg-warning-solid: var(--colors-warning-600); /* @kind color */ --colors-base-black: rgb(0,0,0); /* @kind color */ --colors-base-transparent: rgba(255,255,255,0); /* @kind color */ --colors-base-white: rgb(255,255,255); /* @kind color */ --colors-blue-100: rgb(209,233,255); /* @kind color */ --colors-blue-200: rgb(178,221,255); /* @kind color */ --colors-blue-25: rgb(245,250,255); /* @kind color */ --colors-blue-300: rgb(132,202,255); /* @kind color */ --colors-blue-400: rgb(83,177,253); /* @kind color */ --colors-blue-500: rgb(46,144,250); /* @kind color */ --colors-blue-50: rgb(239,248,255); /* @kind color */ --colors-blue-600: rgb(21,112,239); /* @kind color */ --colors-blue-700: rgb(23,92,211); /* @kind color */ --colors-blue-800: rgb(24,73,169); /* @kind color */ --colors-blue-900: rgb(25,65,133); /* @kind color */ --colors-blue-950: rgb(16,42,86); /* @kind color */ --colors-blue-dark-100: rgb(209,224,255); /* @kind color */ --colors-blue-dark-200: rgb(178,204,255); /* @kind color */ --colors-blue-dark-25: rgb(245,248,255); /* @kind color */ --colors-blue-dark-300: rgb(132,173,255); /* @kind color */ --colors-blue-dark-400: rgb(82,139,255); /* @kind color */ --colors-blue-dark-500: rgb(41,112,255); /* @kind color */ --colors-blue-dark-50: rgb(239,244,255); /* @kind color */ --colors-blue-dark-600: rgb(21,94,239); /* @kind color */ --colors-blue-dark-700: rgb(0,78,235); /* @kind color */ --colors-blue-dark-800: rgb(0,64,193); /* @kind color */ --colors-blue-dark-900: rgb(0,53,158); /* @kind color */ --colors-blue-dark-950: rgb(0,34,102); /* @kind color */ --colors-blue-light-100: rgb(224,242,254); /* @kind color */ --colors-blue-light-200: rgb(185,230,254); /* @kind color */ --colors-blue-light-25: rgb(245,251,255); /* @kind color */ --colors-blue-light-300: rgb(124,212,253); /* @kind color */ --colors-blue-light-400: rgb(54,191,250); /* @kind color */ --colors-blue-light-500: rgb(11,165,236); /* @kind color */ --colors-blue-light-50: rgb(240,249,255); /* @kind color */ --colors-blue-light-600: rgb(0,134,201); /* @kind color */ --colors-blue-light-700: rgb(2,106,162); /* @kind color */ --colors-blue-light-800: rgb(6,89,134); /* @kind color */ --colors-blue-light-900: rgb(11,74,111); /* @kind color */ --colors-blue-light-950: rgb(6,44,65); /* @kind color */ --colors-border-border-brand-solid-alt: var(--colors-brand-600); /* @kind color */ --colors-border-border-brand-solid: var(--colors-brand-600); /* @kind color */ --colors-border-border-brand: var(--colors-brand-300); /* @kind color */ --colors-border-border-disabled-subtle: var(--colors-gray-light-mode-200); /* @kind color */ --colors-border-border-disabled: var(--colors-gray-light-mode-300); /* @kind color */ --colors-border-border-error-solid: var(--colors-error-600); /* @kind color */ --colors-border-border-error: var(--colors-error-300); /* @kind color */ --colors-border-border-primary-2: var(--colors-gray-light-mode-300); /* @kind color */ --colors-border-border-primary: var(--colors-gray-light-mode-300); /* @kind color */ --colors-border-border-secondary-2: var(--colors-gray-light-mode-200); /* @kind color */ --colors-border-border-secondary-3: var(--colors-gray-light-mode-200); /* @kind color */ --colors-border-border-secondary: var(--colors-gray-light-mode-200); /* @kind color */ --colors-border-border-tertiary: var(--colors-gray-light-mode-100); /* @kind color */ --colors-brand-100: rgb(244,235,255); /* @kind color */ --colors-brand-200: rgb(233,215,254); /* @kind color */ --colors-brand-25: rgb(252,250,255); /* @kind color */ --colors-brand-300: rgb(214,187,251); /* @kind color */ --colors-brand-400: rgb(182,146,246); /* @kind color */ --colors-brand-500: rgb(158,119,237); /* @kind color */ --colors-brand-50: rgb(249,245,255); /* @kind color */ --colors-brand-600: rgb(127,86,217); /* @kind color */ --colors-brand-700: rgb(105,65,198); /* @kind color */ --colors-brand-800: rgb(83,56,158); /* @kind color */ --colors-brand-900: rgb(66,48,125); /* @kind color */ --colors-brand-950: rgb(44,28,95); /* @kind color */ --colors-cyan-100: rgb(207,249,254); /* @kind color */ --colors-cyan-200: rgb(165,240,252); /* @kind color */ --colors-cyan-25: rgb(245,254,255); /* @kind color */ --colors-cyan-300: rgb(103,227,249); /* @kind color */ --colors-cyan-400: rgb(34,204,238); /* @kind color */ --colors-cyan-500: rgb(6,174,212); /* @kind color */ --colors-cyan-50: rgb(236,253,255); /* @kind color */ --colors-cyan-600: rgb(8,138,178); /* @kind color */ --colors-cyan-700: rgb(14,112,144); /* @kind color */ --colors-cyan-800: rgb(21,91,117); /* @kind color */ --colors-cyan-900: rgb(22,76,99); /* @kind color */ --colors-cyan-950: rgb(13,45,58); /* @kind color */ --colors-error-100: rgb(254,228,226); /* @kind color */ --colors-error-200: rgb(254,205,202); /* @kind color */ --colors-error-25: rgb(255,251,250); /* @kind color */ --colors-error-300: rgb(253,162,155); /* @kind color */ --colors-error-400: rgb(249,112,102); /* @kind color */ --colors-error-500: rgb(240,68,56); /* @kind color */ --colors-error-50: rgb(254,243,242); /* @kind color */ --colors-error-600: rgb(217,45,32); /* @kind color */ --colors-error-700: rgb(180,35,24); /* @kind color */ --colors-error-800: rgb(145,32,24); /* @kind color */ --colors-error-900: rgb(122,39,26); /* @kind color */ --colors-error-950: rgb(85,22,12); /* @kind color */ --colors-foreground-fg-brand-primary-600: var(--colors-brand-600); /* @kind color */ --colors-foreground-fg-brand-primary-alt: var(--colors-brand-600); /* @kind color */ --colors-foreground-fg-brand-secondary-500: var(--colors-brand-500); /* @kind color */ --colors-foreground-fg-disabled-subtle-2: var(--colors-gray-light-mode-300); /* @kind color */ --colors-foreground-fg-disabled-subtle: var(--colors-gray-light-mode-300); /* @kind color */ --colors-foreground-fg-disabled: var(--colors-gray-light-mode-400); /* @kind color */ --colors-foreground-fg-error-primary: var(--colors-error-600); /* @kind color */ --colors-foreground-fg-error-secondary: var(--colors-error-500); /* @kind color */ --colors-foreground-fg-primary-900: var(--colors-gray-light-mode-900); /* @kind color */ --colors-foreground-fg-quaternary-500-2: var(--colors-gray-light-mode-500); /* @kind color */ --colors-foreground-fg-quaternary-500: var(--colors-gray-light-mode-500); /* @kind color */ --colors-foreground-fg-quaternary-hover: var(--colors-gray-light-mode-600); /* @kind color */ --colors-foreground-fg-quinary-400: var(--colors-gray-light-mode-400); /* @kind color */ --colors-foreground-fg-quinary-hover: var(--colors-gray-light-mode-500); /* @kind color */ --colors-foreground-fg-secondary-700-2: var(--colors-gray-light-mode-700); /* @kind color */ --colors-foreground-fg-secondary-700: var(--colors-gray-light-mode-700); /* @kind color */ --colors-foreground-fg-secondary-hover: var(--colors-gray-light-mode-800); /* @kind color */ --colors-foreground-fg-senary-300: var(--colors-gray-light-mode-300); /* @kind color */ --colors-foreground-fg-success-primary: var(--colors-success-600); /* @kind color */ --colors-foreground-fg-success-secondary: var(--colors-success-500); /* @kind color */ --colors-foreground-fg-tertiary-600-2: var(--colors-gray-light-mode-600); /* @kind color */ --colors-foreground-fg-tertiary-600: var(--colors-gray-light-mode-600); /* @kind color */ --colors-foreground-fg-tertiary-hover: var(--colors-gray-light-mode-700); /* @kind color */ --colors-foreground-fg-warning-primary: var(--colors-warning-600); /* @kind color */ --colors-foreground-fg-warning-secondary: var(--colors-warning-500); /* @kind color */ --colors-foreground-fg-white-2: var(--colors-base-white); /* @kind color */ --colors-foreground-fg-white: var(--colors-base-white); /* @kind color */ --colors-fuchsia-100: rgb(251,232,255); /* @kind color */ --colors-fuchsia-200: rgb(246,208,254); /* @kind color */ --colors-fuchsia-25: rgb(254,250,255); /* @kind color */ --colors-fuchsia-300: rgb(238,170,253); /* @kind color */ --colors-fuchsia-400: rgb(228,120,250); /* @kind color */ --colors-fuchsia-500: rgb(212,68,241); /* @kind color */ --colors-fuchsia-50: rgb(253,244,255); /* @kind color */ --colors-fuchsia-600: rgb(186,36,213); /* @kind color */ --colors-fuchsia-700: rgb(159,26,177); /* @kind color */ --colors-fuchsia-800: rgb(130,24,144); /* @kind color */ --colors-fuchsia-900: rgb(111,24,119); /* @kind color */ --colors-fuchsia-950: rgb(71,16,76); /* @kind color */ --colors-gray-blue-100: rgb(234,236,245); /* @kind color */ --colors-gray-blue-200: rgb(213,217,235); /* @kind color */ --colors-gray-blue-25: rgb(252,252,253); /* @kind color */ --colors-gray-blue-300: rgb(179,184,219); /* @kind color */ --colors-gray-blue-400: rgb(113,123,188); /* @kind color */ --colors-gray-blue-500: rgb(78,91,166); /* @kind color */ --colors-gray-blue-50: rgb(248,249,252); /* @kind color */ --colors-gray-blue-600: rgb(62,71,132); /* @kind color */ --colors-gray-blue-700: rgb(54,63,114); /* @kind color */ --colors-gray-blue-800: rgb(41,48,86); /* @kind color */ --colors-gray-blue-900: rgb(16,19,35); /* @kind color */ --colors-gray-blue-950: rgb(13,15,28); /* @kind color */ --colors-gray-cool-100: rgb(239,241,245); /* @kind color */ --colors-gray-cool-200: rgb(220,223,234); /* @kind color */ --colors-gray-cool-25: rgb(252,252,253); /* @kind color */ --colors-gray-cool-300: rgb(185,192,212); /* @kind color */ --colors-gray-cool-400: rgb(125,137,176); /* @kind color */ --colors-gray-cool-500: rgb(93,107,152); /* @kind color */ --colors-gray-cool-50: rgb(249,249,251); /* @kind color */ --colors-gray-cool-600: rgb(74,85,120); /* @kind color */ --colors-gray-cool-700: rgb(64,73,104); /* @kind color */ --colors-gray-cool-800: rgb(48,55,79); /* @kind color */ --colors-gray-cool-900: rgb(17,19,34); /* @kind color */ --colors-gray-cool-950: rgb(14,16,27); /* @kind color */ --colors-gray-dark-mode-100: rgb(240,241,241); /* @kind color */ --colors-gray-dark-mode-200: rgb(236,236,237); /* @kind color */ --colors-gray-dark-mode-25: rgb(250,250,250); /* @kind color */ --colors-gray-dark-mode-300: rgb(206,207,210); /* @kind color */ --colors-gray-dark-mode-400: rgb(148,150,156); /* @kind color */ --colors-gray-dark-mode-500: rgb(133,136,142); /* @kind color */ --colors-gray-dark-mode-50: rgb(245,245,246); /* @kind color */ --colors-gray-dark-mode-600: rgb(97,100,108); /* @kind color */ --colors-gray-dark-mode-700: rgb(51,55,65); /* @kind color */ --colors-gray-dark-mode-800: rgb(31,36,47); /* @kind color */ --colors-gray-dark-mode-900: rgb(22,27,38); /* @kind color */ --colors-gray-dark-mode-950: rgb(12,17,29); /* @kind color */ --colors-gray-dark-mode-alpha-100: rgba(255,255,255,0.94); /* @kind color */ --colors-gray-dark-mode-alpha-200: rgba(255,255,255,0.92); /* @kind color */ --colors-gray-dark-mode-alpha-25: rgba(255,255,255,0.98); /* @kind color */ --colors-gray-dark-mode-alpha-300: rgba(255,255,255,0.8); /* @kind color */ --colors-gray-dark-mode-alpha-400: rgba(255,255,255,0.56); /* @kind color */ --colors-gray-dark-mode-alpha-500: rgba(255,255,255,0.5); /* @kind color */ --colors-gray-dark-mode-alpha-50: rgba(255,255,255,0.96); /* @kind color */ --colors-gray-dark-mode-alpha-600: rgba(255,255,255,0.35); /* @kind color */ --colors-gray-dark-mode-alpha-700: rgba(255,255,255,0.16); /* @kind color */ --colors-gray-dark-mode-alpha-800: rgba(255,255,255,0.08); /* @kind color */ --colors-gray-dark-mode-alpha-900: rgba(255,255,255,0.04); /* @kind color */ --colors-gray-dark-mode-alpha-950: rgba(255,255,255,0); /* @kind color */ --colors-gray-iron-100: rgb(244,244,245); /* @kind color */ --colors-gray-iron-200: rgb(228,228,231); /* @kind color */ --colors-gray-iron-25: rgb(252,252,252); /* @kind color */ --colors-gray-iron-300: rgb(209,209,214); /* @kind color */ --colors-gray-iron-400: rgb(160,160,171); /* @kind color */ --colors-gray-iron-500: rgb(112,112,123); /* @kind color */ --colors-gray-iron-50: rgb(250,250,250); /* @kind color */ --colors-gray-iron-600: rgb(81,82,92); /* @kind color */ --colors-gray-iron-700: rgb(63,63,70); /* @kind color */ --colors-gray-iron-800: rgb(38,39,43); /* @kind color */ --colors-gray-iron-900: rgb(26,26,30); /* @kind color */ --colors-gray-iron-950: rgb(19,19,22); /* @kind color */ --colors-gray-light-mode-100: rgb(242,244,247); /* @kind color */ --colors-gray-light-mode-200: rgb(234,236,240); /* @kind color */ --colors-gray-light-mode-25: rgb(252,252,253); /* @kind color */ --colors-gray-light-mode-300: rgb(208,213,221); /* @kind color */ --colors-gray-light-mode-400: rgb(152,162,179); /* @kind color */ --colors-gray-light-mode-500: rgb(102,112,133); /* @kind color */ --colors-gray-light-mode-50: rgb(249,250,251); /* @kind color */ --colors-gray-light-mode-600: rgb(71,84,103); /* @kind color */ --colors-gray-light-mode-700: rgb(52,64,84); /* @kind color */ --colors-gray-light-mode-800: rgb(24,34,48); /* @kind color */ --colors-gray-light-mode-900-2: rgb(16,24,40); /* @kind color */ --colors-gray-light-mode-900: rgb(16,24,40); /* @kind color */ --colors-gray-light-mode-950: rgb(12,17,29); /* @kind color */ --colors-gray-modern-100: rgb(238,242,246); /* @kind color */ --colors-gray-modern-200: rgb(227,232,239); /* @kind color */ --colors-gray-modern-25: rgb(252,252,253); /* @kind color */ --colors-gray-modern-300: rgb(205,213,223); /* @kind color */ --colors-gray-modern-400: rgb(154,164,178); /* @kind color */ --colors-gray-modern-500: rgb(105,117,134); /* @kind color */ --colors-gray-modern-50: rgb(248,250,252); /* @kind color */ --colors-gray-modern-600: rgb(75,85,101); /* @kind color */ --colors-gray-modern-700: rgb(54,65,82); /* @kind color */ --colors-gray-modern-800: rgb(32,41,57); /* @kind color */ --colors-gray-modern-900: rgb(18,25,38); /* @kind color */ --colors-gray-modern-950: rgb(13,18,28); /* @kind color */ --colors-gray-neutral-100: rgb(243,244,246); /* @kind color */ --colors-gray-neutral-200: rgb(229,231,235); /* @kind color */ --colors-gray-neutral-25: rgb(252,252,253); /* @kind color */ --colors-gray-neutral-300: rgb(210,214,219); /* @kind color */ --colors-gray-neutral-400: rgb(157,164,174); /* @kind color */ --colors-gray-neutral-500: rgb(108,115,127); /* @kind color */ --colors-gray-neutral-50: rgb(249,250,251); /* @kind color */ --colors-gray-neutral-600: rgb(77,87,97); /* @kind color */ --colors-gray-neutral-700: rgb(56,66,80); /* @kind color */ --colors-gray-neutral-800: rgb(31,42,55); /* @kind color */ --colors-gray-neutral-900: rgb(17,25,39); /* @kind color */ --colors-gray-neutral-950: rgb(13,18,28); /* @kind color */ --colors-gray-true-100: rgb(245,245,245); /* @kind color */ --colors-gray-true-200: rgb(229,229,229); /* @kind color */ --colors-gray-true-25: rgb(252,252,252); /* @kind color */ --colors-gray-true-300: rgb(214,214,214); /* @kind color */ --colors-gray-true-400: rgb(163,163,163); /* @kind color */ --colors-gray-true-500: rgb(115,115,115); /* @kind color */ --colors-gray-true-50: rgb(250,250,250); /* @kind color */ --colors-gray-true-600: rgb(82,82,82); /* @kind color */ --colors-gray-true-700: rgb(66,66,66); /* @kind color */ --colors-gray-true-800: rgb(41,41,41); /* @kind color */ --colors-gray-true-900: rgb(20,20,20); /* @kind color */ --colors-gray-true-950: rgb(15,15,15); /* @kind color */ --colors-gray-warm-100: rgb(245,245,244); /* @kind color */ --colors-gray-warm-200: rgb(231,229,228); /* @kind color */ --colors-gray-warm-25: rgb(253,253,252); /* @kind color */ --colors-gray-warm-300: rgb(215,211,208); /* @kind color */ --colors-gray-warm-400: rgb(169,162,157); /* @kind color */ --colors-gray-warm-500: rgb(121,113,107); /* @kind color */ --colors-gray-warm-50: rgb(250,250,249); /* @kind color */ --colors-gray-warm-600: rgb(87,83,78); /* @kind color */ --colors-gray-warm-700: rgb(68,64,60); /* @kind color */ --colors-gray-warm-800: rgb(41,37,36); /* @kind color */ --colors-gray-warm-900: rgb(28,25,23); /* @kind color */ --colors-gray-warm-950: rgb(23,20,18); /* @kind color */ --colors-green-100: rgb(211,248,223); /* @kind color */ --colors-green-200: rgb(170,240,196); /* @kind color */ --colors-green-25: rgb(246,254,249); /* @kind color */ --colors-green-300: rgb(115,226,163); /* @kind color */ --colors-green-400: rgb(60,203,127); /* @kind color */ --colors-green-500: rgb(22,179,100); /* @kind color */ --colors-green-50: rgb(237,252,242); /* @kind color */ --colors-green-600: rgb(9,146,80); /* @kind color */ --colors-green-700: rgb(8,116,67); /* @kind color */ --colors-green-800: rgb(9,92,55); /* @kind color */ --colors-green-900: rgb(8,76,46); /* @kind color */ --colors-green-950: rgb(5,46,28); /* @kind color */ --colors-green-light-100: rgb(227,251,204); /* @kind color */ --colors-green-light-200: rgb(208,248,171); /* @kind color */ --colors-green-light-25: rgb(250,254,245); /* @kind color */ --colors-green-light-300: rgb(166,239,103); /* @kind color */ --colors-green-light-400: rgb(133,225,58); /* @kind color */ --colors-green-light-500: rgb(102,198,28); /* @kind color */ --colors-green-light-50: rgb(243,254,231); /* @kind color */ --colors-green-light-600: rgb(76,163,13); /* @kind color */ --colors-green-light-700: rgb(59,124,15); /* @kind color */ --colors-green-light-800: rgb(50,98,18); /* @kind color */ --colors-green-light-900: rgb(43,83,20); /* @kind color */ --colors-green-light-950: rgb(21,41,10); /* @kind color */ --colors-green: rgb(52,199,89); /* @kind color */ --colors-indigo-100: rgb(224,234,255); /* @kind color */ --colors-indigo-200: rgb(199,215,254); /* @kind color */ --colors-indigo-25: rgb(245,248,255); /* @kind color */ --colors-indigo-300: rgb(164,188,253); /* @kind color */ --colors-indigo-400: rgb(128,152,249); /* @kind color */ --colors-indigo-500: rgb(97,114,243); /* @kind color */ --colors-indigo-50: rgb(238,244,255); /* @kind color */ --colors-indigo-600: rgb(68,76,231); /* @kind color */ --colors-indigo-700: rgb(53,56,205); /* @kind color */ --colors-indigo-800: rgb(45,49,166); /* @kind color */ --colors-indigo-900: rgb(45,50,130); /* @kind color */ --colors-indigo-950: rgb(31,35,91); /* @kind color */ --colors-moss-100: rgb(230,244,215); /* @kind color */ --colors-moss-200: rgb(206,234,176); /* @kind color */ --colors-moss-25: rgb(250,253,247); /* @kind color */ --colors-moss-300: rgb(172,220,121); /* @kind color */ --colors-moss-400: rgb(134,203,60); /* @kind color */ --colors-moss-500: rgb(102,159,42); /* @kind color */ --colors-moss-50: rgb(245,251,238); /* @kind color */ --colors-moss-600: rgb(79,122,33); /* @kind color */ --colors-moss-700: rgb(63,98,26); /* @kind color */ --colors-moss-800: rgb(51,80,21); /* @kind color */ --colors-moss-900: rgb(43,66,18); /* @kind color */ --colors-moss-950: rgb(26,40,11); /* @kind color */ --colors-orange-100: rgb(253,234,215); /* @kind color */ --colors-orange-200: rgb(249,219,175); /* @kind color */ --colors-orange-25: rgb(254,250,245); /* @kind color */ --colors-orange-300: rgb(247,178,122); /* @kind color */ --colors-orange-400: rgb(243,135,68); /* @kind color */ --colors-orange-500: rgb(239,104,32); /* @kind color */ --colors-orange-50: rgb(254,246,238); /* @kind color */ --colors-orange-600: rgb(224,79,22); /* @kind color */ --colors-orange-700: rgb(185,56,21); /* @kind color */ --colors-orange-800: rgb(147,47,25); /* @kind color */ --colors-orange-900: rgb(119,41,23); /* @kind color */ --colors-orange-950: rgb(81,28,16); /* @kind color */ --colors-orange-dark-100: rgb(255,230,213); /* @kind color */ --colors-orange-dark-200: rgb(255,214,174); /* @kind color */ --colors-orange-dark-25: rgb(255,249,245); /* @kind color */ --colors-orange-dark-300: rgb(255,156,102); /* @kind color */ --colors-orange-dark-400: rgb(255,105,46); /* @kind color */ --colors-orange-dark-500: rgb(255,68,5); /* @kind color */ --colors-orange-dark-50: rgb(255,244,237); /* @kind color */ --colors-orange-dark-600: rgb(230,46,5); /* @kind color */ --colors-orange-dark-700: rgb(188,27,6); /* @kind color */ --colors-orange-dark-800: rgb(151,24,12); /* @kind color */ --colors-orange-dark-900: rgb(119,26,13); /* @kind color */ --colors-orange-dark-950: rgb(87,19,10); /* @kind color */ --colors-pink-100: rgb(252,231,246); /* @kind color */ --colors-pink-200: rgb(252,206,238); /* @kind color */ --colors-pink-25: rgb(254,246,251); /* @kind color */ --colors-pink-300: rgb(250,167,224); /* @kind color */ --colors-pink-400: rgb(246,112,199); /* @kind color */ --colors-pink-500: rgb(238,70,188); /* @kind color */ --colors-pink-50: rgb(253,242,250); /* @kind color */ --colors-pink-600: rgb(221,37,144); /* @kind color */ --colors-pink-700: rgb(193,21,116); /* @kind color */ --colors-pink-800: rgb(158,22,95); /* @kind color */ --colors-pink-900: rgb(133,22,81); /* @kind color */ --colors-pink-950: rgb(78,13,48); /* @kind color */ --colors-purple-100: rgb(235,233,254); /* @kind color */ --colors-purple-200: rgb(217,214,254); /* @kind color */ --colors-purple-25: rgb(250,250,255); /* @kind color */ --colors-purple-300: rgb(189,180,254); /* @kind color */ --colors-purple-400: rgb(155,138,251); /* @kind color */ --colors-purple-500: rgb(122,90,248); /* @kind color */ --colors-purple-50: rgb(244,243,255); /* @kind color */ --colors-purple-600: rgb(105,56,239); /* @kind color */ --colors-purple-700: rgb(89,37,220); /* @kind color */ --colors-purple-800: rgb(74,31,184); /* @kind color */ --colors-purple-900: rgb(62,28,150); /* @kind color */ --colors-purple-950: rgb(39,17,95); /* @kind color */ --colors-ros-100: rgb(255,228,232); /* @kind color */ --colors-ros-200: rgb(254,205,214); /* @kind color */ --colors-ros-25: rgb(255,245,246); /* @kind color */ --colors-ros-300: rgb(254,163,180); /* @kind color */ --colors-ros-400: rgb(253,111,142); /* @kind color */ --colors-ros-500: rgb(246,61,104); /* @kind color */ --colors-ros-50: rgb(255,241,243); /* @kind color */ --colors-ros-600: rgb(227,27,84); /* @kind color */ --colors-ros-700: rgb(192,16,72); /* @kind color */ --colors-ros-800: rgb(161,16,67); /* @kind color */ --colors-ros-900: rgb(137,18,62); /* @kind color */ --colors-ros-950: rgb(81,11,36); /* @kind color */ --colors-success-100: rgb(220,250,230); /* @kind color */ --colors-success-200: rgb(171,239,198); /* @kind color */ --colors-success-25: rgb(246,254,249); /* @kind color */ --colors-success-300: rgb(117,224,167); /* @kind color */ --colors-success-400: rgb(71,205,137); /* @kind color */ --colors-success-500: rgb(23,178,106); /* @kind color */ --colors-success-50: rgb(236,253,243); /* @kind color */ --colors-success-600: rgb(7,148,85); /* @kind color */ --colors-success-700: rgb(6,118,71); /* @kind color */ --colors-success-800: rgb(8,93,58); /* @kind color */ --colors-success-900: rgb(7,77,49); /* @kind color */ --colors-success-950: rgb(5,51,33); /* @kind color */ --colors-teal-100: rgb(204,251,239); /* @kind color */ --colors-teal-200: rgb(153,246,224); /* @kind color */ --colors-teal-25: rgb(246,254,252); /* @kind color */ --colors-teal-300: rgb(95,233,208); /* @kind color */ --colors-teal-400: rgb(46,211,183); /* @kind color */ --colors-teal-500: rgb(21,183,158); /* @kind color */ --colors-teal-50: rgb(240,253,249); /* @kind color */ --colors-teal-600: rgb(14,147,132); /* @kind color */ --colors-teal-700: rgb(16,117,105); /* @kind color */ --colors-teal-800: rgb(18,93,86); /* @kind color */ --colors-teal-900: rgb(19,78,72); /* @kind color */ --colors-teal-950: rgb(10,41,38); /* @kind color */ --colors-text-text-brand-primary-900: var(--colors-brand-900); /* @kind color */ --colors-text-text-brand-secondary-700: var(--colors-brand-700); /* @kind color */ --colors-text-text-brand-tertiary-600: var(--colors-brand-600); /* @kind color */ --colors-text-text-brand-tertiary-alt: var(--colors-brand-600); /* @kind color */ --colors-text-text-disabled: var(--colors-gray-light-mode-500); /* @kind color */ --colors-text-text-error-primary-600: var(--colors-error-600); /* @kind color */ --colors-text-text-placeholder-subtle: var(--colors-gray-light-mode-300); /* @kind color */ --colors-text-text-placeholder: var(--colors-gray-light-mode-500); /* @kind color */ --colors-text-text-primary-900-2: var(--colors-gray-light-mode-900); /* @kind color */ --colors-text-text-primary-900-3: var(--colors-gray-light-mode-900); /* @kind color */ --colors-text-text-primary-900: var(--colors-gray-light-mode-900); /* @kind color */ --colors-text-text-primary-on-brand: var(--colors-base-white); /* @kind color */ --colors-text-text-quaternary-500-2: var(--colors-gray-light-mode-500); /* @kind color */ --colors-text-text-quaternary-500-3: var(--colors-gray-light-mode-500); /* @kind color */ --colors-text-text-quaternary-500: var(--colors-gray-light-mode-500); /* @kind color */ --colors-text-text-quaternary-on-brand: var(--colors-brand-300); /* @kind color */ --colors-text-text-secondary-700-2: var(--colors-gray-light-mode-700); /* @kind color */ --colors-text-text-secondary-700: var(--colors-gray-light-mode-700); /* @kind color */ --colors-text-text-secondary-hover: var(--colors-gray-light-mode-800); /* @kind color */ --colors-text-text-secondary-on-brand: var(--colors-brand-200); /* @kind color */ --colors-text-text-success-primary-600: var(--colors-success-600); /* @kind color */ --colors-text-text-tertiary-600-2: var(--colors-gray-light-mode-600); /* @kind color */ --colors-text-text-tertiary-600-3: var(--colors-gray-light-mode-600); /* @kind color */ --colors-text-text-tertiary-600: var(--colors-gray-light-mode-600); /* @kind color */ --colors-text-text-tertiary-hover: var(--colors-gray-light-mode-700); /* @kind color */ --colors-text-text-tertiary-on-brand: var(--colors-brand-200); /* @kind color */ --colors-text-text-warning-primary-600: var(--colors-warning-600); /* @kind color */ --colors-text-text-white-2: var(--colors-base-white); /* @kind color */ --colors-text-text-white-3: var(--colors-base-white); /* @kind color */ --colors-text-text-white: var(--colors-base-white); /* @kind color */ --colors-violet-100: rgb(236,233,254); /* @kind color */ --colors-violet-200: rgb(221,214,254); /* @kind color */ --colors-violet-25: rgb(251,250,255); /* @kind color */ --colors-violet-300: rgb(195,181,253); /* @kind color */ --colors-violet-400: rgb(164,138,251); /* @kind color */ --colors-violet-500: rgb(135,91,247); /* @kind color */ --colors-violet-50: rgb(245,243,255); /* @kind color */ --colors-violet-600: rgb(120,57,238); /* @kind color */ --colors-violet-700: rgb(105,39,218); /* @kind color */ --colors-violet-800: rgb(87,32,183); /* @kind color */ --colors-violet-900: rgb(73,28,150); /* @kind color */ --colors-violet-950: rgb(46,18,94); /* @kind color */ --colors-warning-100: rgb(254,240,199); /* @kind color */ --colors-warning-200: rgb(254,223,137); /* @kind color */ --colors-warning-25: rgb(255,252,245); /* @kind color */ --colors-warning-300: rgb(254,200,75); /* @kind color */ --colors-warning-400: rgb(253,176,34); /* @kind color */ --colors-warning-500: rgb(247,144,9); /* @kind color */ --colors-warning-50: rgb(255,250,235); /* @kind color */ --colors-warning-600: rgb(220,104,3); /* @kind color */ --colors-warning-700: rgb(181,71,8); /* @kind color */ --colors-warning-800: rgb(147,55,13); /* @kind color */ --colors-warning-900: rgb(122,46,14); /* @kind color */ --colors-warning-950: rgb(78,29,9); /* @kind color */ --colors-yellow-100: rgb(254,247,195); /* @kind color */ --colors-yellow-200: rgb(254,238,149); /* @kind color */ --colors-yellow-25: rgb(254,253,240); /* @kind color */ --colors-yellow-300: rgb(253,226,114); /* @kind color */ --colors-yellow-400: rgb(250,197,21); /* @kind color */ --colors-yellow-500: rgb(234,170,8); /* @kind color */ --colors-yellow-50: rgb(254,251,232); /* @kind color */ --colors-yellow-600: rgb(202,133,4); /* @kind color */ --colors-yellow-700: rgb(161,92,7); /* @kind color */ --colors-yellow-800: rgb(133,74,14); /* @kind color */ --colors-yellow-900: rgb(113,59,18); /* @kind color */ --colors-yellow-950: rgb(84,44,13); /* @kind color */ --component-colors-alpha-alpha-black-100: rgb(0,0,0); /* @kind color */ --component-colors-alpha-alpha-black-10: rgba(0,0,0,0.1); /* @kind color */ --component-colors-alpha-alpha-black-20: rgba(0,0,0,0.2); /* @kind color */ --component-colors-alpha-alpha-black-30: rgba(0,0,0,0.3); /* @kind color */ --component-colors-alpha-alpha-black-40: rgba(0,0,0,0.4); /* @kind color */ --component-colors-alpha-alpha-black-50: rgba(0,0,0,0.5); /* @kind color */ --component-colors-alpha-alpha-black-60: rgba(0,0,0,0.6); /* @kind color */ --component-colors-alpha-alpha-black-70: rgba(0,0,0,0.7); /* @kind color */ --component-colors-alpha-alpha-black-80: rgba(0,0,0,0.8); /* @kind color */ --component-colors-alpha-alpha-black-90: rgba(0,0,0,0.9); /* @kind color */ --component-colors-alpha-alpha-white-100: rgb(255,255,255); /* @kind color */ --component-colors-alpha-alpha-white-10: rgba(255,255,255,0.1); /* @kind color */ --component-colors-alpha-alpha-white-20: rgba(255,255,255,0.2); /* @kind color */ --component-colors-alpha-alpha-white-30: rgba(255,255,255,0.3); /* @kind color */ --component-colors-alpha-alpha-white-40: rgba(255,255,255,0.4); /* @kind color */ --component-colors-alpha-alpha-white-50: rgba(255,255,255,0.5); /* @kind color */ --component-colors-alpha-alpha-white-60: rgba(255,255,255,0.6); /* @kind color */ --component-colors-alpha-alpha-white-70: rgba(255,255,255,0.7); /* @kind color */ --component-colors-alpha-alpha-white-80: rgba(255,255,255,0.8); /* @kind color */ --component-colors-alpha-alpha-white-90: rgba(255,255,255,0.9); /* @kind color */ --component-colors-components-app-store-badges-app-store-badge-border: rgb(166,166,166); /* @kind color */ --component-colors-components-application-navigation-nav-item-button-icon-fg-active: var(--colors-gray-light-mode-700); /* @kind color */ --component-colors-components-application-navigation-nav-item-button-icon-fg: var(--colors-gray-light-mode-500); /* @kind color */ --component-colors-components-application-navigation-nav-item-icon-fg-active: var(--colors-gray-light-mode-500); /* @kind color */ --component-colors-components-application-navigation-nav-item-icon-fg: var(--colors-gray-light-mode-500); /* @kind color */ --component-colors-components-avatars-avatar-bg: var(--colors-gray-light-mode-100); /* @kind color */ --component-colors-components-avatars-avatar-contrast-border: rgba(0,0,0,0.08); /* @kind color */ --component-colors-components-avatars-avatar-focus-border: rgba(152,162,179,0.14); /* @kind color */ --component-colors-components-avatars-avatar-profile-photo-border: var(--colors-base-white); /* @kind color */ --component-colors-components-breadcrumbs-breadcrumb-bg-hover: var(--colors-gray-light-mode-50); /* @kind color */ --component-colors-components-breadcrumbs-breadcrumb-brand-bg-hover: var(--colors-brand-50); /* @kind color */ --component-colors-components-breadcrumbs-breadcrumb-brand-fg-hover: var(--colors-brand-700); /* @kind color */ --component-colors-components-breadcrumbs-breadcrumb-brand-icon-fg-hover: var(--colors-brand-700); /* @kind color */ --component-colors-components-breadcrumbs-breadcrumb-fg-hover: var(--colors-gray-light-mode-700); /* @kind color */ --component-colors-components-breadcrumbs-breadcrumb-fg: var(--colors-gray-light-mode-600); /* @kind color */ --component-colors-components-breadcrumbs-breadcrumb-icon-fg-hover: var(--colors-gray-light-mode-700); /* @kind color */ --component-colors-components-breadcrumbs-breadcrumb-icon-fg: var(--colors-gray-light-mode-500); /* @kind color */ --component-colors-components-buttons-primary-button-primary-bg-hover: var(--colors-brand-700); /* @kind color */ --component-colors-components-buttons-primary-button-primary-bg: var(--colors-brand-600); /* @kind color */ --component-colors-components-buttons-primary-button-primary-border-hover: var(--colors-brand-700); /* @kind color */ --component-colors-components-buttons-primary-button-primary-border: var(--colors-brand-600); /* @kind color */ --component-colors-components-buttons-primary-button-primary-fg-2: var(--colors-base-white); /* @kind color */ --component-colors-components-buttons-primary-button-primary-fg-hover: var(--colors-base-white); /* @kind color */ --component-colors-components-buttons-primary-button-primary-fg: var(--colors-base-white); /* @kind color */ --component-colors-components-buttons-primary-error-button-primary-error-bg-hover: var(--colors-error-700); /* @kind color */ --component-colors-components-buttons-primary-error-button-primary-error-bg: var(--colors-error-600); /* @kind color */ --component-colors-components-buttons-primary-error-button-primary-error-border-hover: var(--colors-error-700); /* @kind color */ --component-colors-components-buttons-primary-error-button-primary-error-border: var(--colors-error-600); /* @kind color */ --component-colors-components-buttons-primary-error-button-primary-error-fg-hover: var(--colors-base-white); /* @kind color */ --component-colors-components-buttons-primary-error-button-primary-error-fg: var(--colors-base-white); /* @kind color */ --component-colors-components-buttons-secondary-button-secondary-bg-hover: var(--colors-gray-light-mode-50); /* @kind color */ --component-colors-components-buttons-secondary-button-secondary-bg: var(--colors-base-white); /* @kind color */ --component-colors-components-buttons-secondary-button-secondary-border-hover: var(--colors-gray-light-mode-300); /* @kind color */ --component-colors-components-buttons-secondary-button-secondary-border: var(--colors-gray-light-mode-300); /* @kind color */ --component-colors-components-buttons-secondary-button-secondary-fg-hover: var(--colors-gray-light-mode-800); /* @kind color */ --component-colors-components-buttons-secondary-button-secondary-fg: var(--colors-gray-light-mode-700); /* @kind color */ --component-colors-components-buttons-secondary-color-button-secondary-color-bg-hover-2: var(--colors-brand-50); /* @kind color */ --component-colors-components-buttons-secondary-color-button-secondary-color-bg-hover: var(--colors-brand-50); /* @kind color */ --component-colors-components-buttons-secondary-color-button-secondary-color-bg: var(--colors-base-white); /* @kind color */ --component-colors-components-buttons-secondary-color-button-secondary-color-border-hover: var(--colors-brand-300); /* @kind color */ --component-colors-components-buttons-secondary-color-button-secondary-color-border: var(--colors-brand-300); /* @kind color */ --component-colors-components-buttons-secondary-color-button-secondary-color-fg-hover: var(--colors-brand-800); /* @kind color */ --component-colors-components-buttons-secondary-color-button-secondary-color-fg: var(--colors-brand-700); /* @kind color */ --component-colors-components-buttons-secondary-error-button-secondary-error-bg-hover: var(--colors-error-50); /* @kind color */ --component-colors-components-buttons-secondary-error-button-secondary-error-bg: var(--colors-base-white); /* @kind color */ --component-colors-components-buttons-secondary-error-button-secondary-error-border-hover: var(--colors-error-300); /* @kind color */ --component-colors-components-buttons-secondary-error-button-secondary-error-border: var(--colors-error-300); /* @kind color */ --component-colors-components-buttons-secondary-error-button-secondary-error-fg-hover: var(--colors-error-800); /* @kind color */ --component-colors-components-buttons-secondary-error-button-secondary-error-fg: var(--colors-error-700); /* @kind color */ --component-colors-components-buttons-tertiary-button-tertiary-bg-hover: var(--colors-gray-light-mode-50); /* @kind color */ --component-colors-components-buttons-tertiary-button-tertiary-fg-2: var(--colors-gray-light-mode-600); /* @kind color */ --component-colors-components-buttons-tertiary-button-tertiary-fg-hover: var(--colors-gray-light-mode-700); /* @kind color */ --component-colors-components-buttons-tertiary-button-tertiary-fg: var(--colors-gray-light-mode-600); /* @kind color */ --component-colors-components-buttons-tertiary-color-button-tertiary-color-bg-hover: var(--colors-brand-50); /* @kind color */ --component-colors-components-buttons-tertiary-color-button-tertiary-color-fg-hover: var(--colors-brand-800); /* @kind color */ --component-colors-components-buttons-tertiary-color-button-tertiary-color-fg: var(--colors-brand-700); /* @kind color */ --component-colors-components-buttons-tertiary-error-button-tertiary-error-bg-hover: var(--colors-error-50); /* @kind color */ --component-colors-components-buttons-tertiary-error-button-tertiary-error-fg-hover: var(--colors-error-800); /* @kind color */ --component-colors-components-buttons-tertiary-error-button-tertiary-error-fg: var(--colors-error-700); /* @kind color */ --component-colors-components-footers-footer-badge-bg: var(--colors-success-50); /* @kind color */ --component-colors-components-footers-footer-badge-border: var(--colors-success-200); /* @kind color */ --component-colors-components-footers-footer-badge-fg: var(--colors-success-700); /* @kind color */ --component-colors-components-footers-footer-button-fg-hover: var(--colors-base-white); /* @kind color */ --component-colors-components-footers-footer-button-fg: var(--colors-brand-200); /* @kind color */ --component-colors-components-header-sections-brand-header-header-brand-text-secondary: var(--colors-brand-200); /* @kind color */ --component-colors-components-header-sections-header-abstract-100-bg: var(--colors-brand-100); /* @kind color */ --component-colors-components-header-sections-header-abstract-200-bg: var(--colors-brand-200); /* @kind color */ --component-colors-components-header-sections-header-abstract-300-bg: var(--colors-brand-300); /* @kind color */ --component-colors-components-header-sections-header-abstract-50-bg: var(--colors-brand-50); /* @kind color */ --component-colors-components-icons-featured-icons-dark-featured-icon-dark-fg-brand: var(--colors-base-white); /* @kind color */ --component-colors-components-icons-featured-icons-dark-featured-icon-dark-fg-error: var(--colors-base-white); /* @kind color */ --component-colors-components-icons-featured-icons-dark-featured-icon-dark-fg-gray: var(--colors-base-white); /* @kind color */ --component-colors-components-icons-featured-icons-dark-featured-icon-dark-fg-success-2: var(--colors-base-white); /* @kind color */ --component-colors-components-icons-featured-icons-dark-featured-icon-dark-fg-success: var(--colors-base-white); /* @kind color */ --component-colors-components-icons-featured-icons-dark-featured-icon-dark-fg-warning: var(--colors-base-white); /* @kind color */ --component-colors-components-icons-featured-icons-light-featured-icon-light-fg-brand: var(--colors-brand-600); /* @kind color */ --component-colors-components-icons-featured-icons-light-featured-icon-light-fg-error: var(--colors-error-600); /* @kind color */ --component-colors-components-icons-featured-icons-light-featured-icon-light-fg-gray: var(--colors-gray-light-mode-500); /* @kind color */ --component-colors-components-icons-featured-icons-light-featured-icon-light-fg-success: var(--colors-success-600); /* @kind color */ --component-colors-components-icons-featured-icons-light-featured-icon-light-fg-warning: var(--colors-warning-600); /* @kind color */ --component-colors-components-icons-featured-icons-modern-featured-icon-modern-border: var(--colors-gray-light-mode-200); /* @kind color */ --component-colors-components-icons-icons-icon-fg-brand-on-brand: var(--colors-brand-200); /* @kind color */ --component-colors-components-icons-icons-icon-fg-brand: var(--colors-brand-600); /* @kind color */ --component-colors-components-icons-social-icons-social-icon-fg-angellist: var(--colors-base-black); /* @kind color */ --component-colors-components-icons-social-icons-social-icon-fg-apple: var(--colors-base-black); /* @kind color */ --component-colors-components-icons-social-icons-social-icon-fg-github: var(--colors-base-black); /* @kind color */ --component-colors-components-icons-social-icons-social-icon-fg-instagram: rgb(0,1,0); /* @kind color */ --component-colors-components-icons-social-icons-social-icon-fg-tumblr: rgb(0,25,53); /* @kind color */ --component-colors-components-icons-social-icons-social-icon-fg-x: rgb(36,46,54); /* @kind color */ --component-colors-components-mockups-screen-mockup-border: var(--colors-gray-light-mode-900); /* @kind color */ --component-colors-components-sliders-slider-handle-bg: var(--colors-base-white); /* @kind color */ --component-colors-components-sliders-slider-handle-border: var(--colors-border-border-brand-solid); /* @kind color */ --component-colors-components-thumbnail-thumbnail-badge-brand-fg: var(--colors-brand-700); /* @kind color */ --component-colors-components-thumbnail-thumbnail-badge-success-fg: var(--colors-success-700); /* @kind color */ --component-colors-components-toggles-toggle-button-fg-disabled: var(--colors-gray-light-mode-50); /* @kind color */ --component-colors-components-tooltips-tooltip-light-text-primary: var(--colors-gray-light-mode-700); /* @kind color */ --component-colors-components-tooltips-tooltip-supporting-text: var(--colors-gray-light-mode-300); /* @kind color */ --component-colors-components-wysiwyg-editor-wysiwyg-editor-icon-fg-active: var(--colors-gray-light-mode-500); /* @kind color */ --component-colors-components-wysiwyg-editor-wysiwyg-editor-icon-fg: var(--colors-gray-light-mode-400); /* @kind color */ --component-colors-utility-blue-dark-utility-blue-dark-100: var(--colors-blue-dark-100); /* @kind color */ --component-colors-utility-blue-dark-utility-blue-dark-200: var(--colors-blue-dark-200); /* @kind color */ --component-colors-utility-blue-dark-utility-blue-dark-300: var(--colors-blue-dark-300); /* @kind color */ --component-colors-utility-blue-dark-utility-blue-dark-400: var(--colors-blue-dark-400); /* @kind color */ --component-colors-utility-blue-dark-utility-blue-dark-500: var(--colors-blue-dark-500); /* @kind color */ --component-colors-utility-blue-dark-utility-blue-dark-50: var(--colors-blue-dark-50); /* @kind color */ --component-colors-utility-blue-dark-utility-blue-dark-600: var(--colors-blue-dark-600); /* @kind color */ --component-colors-utility-blue-dark-utility-blue-dark-700: var(--colors-blue-dark-700); /* @kind color */ --component-colors-utility-blue-light-utility-blue-light-100: var(--colors-blue-light-100); /* @kind color */ --component-colors-utility-blue-light-utility-blue-light-200: var(--colors-blue-light-200); /* @kind color */ --component-colors-utility-blue-light-utility-blue-light-300: var(--colors-blue-light-300); /* @kind color */ --component-colors-utility-blue-light-utility-blue-light-400: var(--colors-blue-light-400); /* @kind color */ --component-colors-utility-blue-light-utility-blue-light-500: var(--colors-blue-light-500); /* @kind color */ --component-colors-utility-blue-light-utility-blue-light-50: var(--colors-blue-light-50); /* @kind color */ --component-colors-utility-blue-light-utility-blue-light-600: var(--colors-blue-light-600); /* @kind color */ --component-colors-utility-blue-light-utility-blue-light-700: var(--colors-blue-light-700); /* @kind color */ --component-colors-utility-blue-utility-blue-100: var(--colors-blue-100); /* @kind color */ --component-colors-utility-blue-utility-blue-200: var(--colors-blue-200); /* @kind color */ --component-colors-utility-blue-utility-blue-300: var(--colors-blue-300); /* @kind color */ --component-colors-utility-blue-utility-blue-400: var(--colors-blue-400); /* @kind color */ --component-colors-utility-blue-utility-blue-500: var(--colors-blue-500); /* @kind color */ --component-colors-utility-blue-utility-blue-50: var(--colors-blue-50); /* @kind color */ --component-colors-utility-blue-utility-blue-600: var(--colors-blue-600); /* @kind color */ --component-colors-utility-blue-utility-blue-700: var(--colors-blue-700); /* @kind color */ --component-colors-utility-brand-utility-brand-100-alt: var(--colors-brand-100); /* @kind color */ --component-colors-utility-brand-utility-brand-100: var(--colors-brand-100); /* @kind color */ --component-colors-utility-brand-utility-brand-200-alt: var(--colors-brand-200); /* @kind color */ --component-colors-utility-brand-utility-brand-200: var(--colors-brand-200); /* @kind color */ --component-colors-utility-brand-utility-brand-300-alt: var(--colors-brand-300); /* @kind color */ --component-colors-utility-brand-utility-brand-300: var(--colors-brand-300); /* @kind color */ --component-colors-utility-brand-utility-brand-400-alt: var(--colors-brand-400); /* @kind color */ --component-colors-utility-brand-utility-brand-400: var(--colors-brand-400); /* @kind color */ --component-colors-utility-brand-utility-brand-50-alt: var(--colors-brand-50); /* @kind color */ --component-colors-utility-brand-utility-brand-500-2: var(--colors-brand-500); /* @kind color */ --component-colors-utility-brand-utility-brand-500-alt: var(--colors-brand-500); /* @kind color */ --component-colors-utility-brand-utility-brand-500: var(--colors-brand-500); /* @kind color */ --component-colors-utility-brand-utility-brand-50: var(--colors-brand-50); /* @kind color */ --component-colors-utility-brand-utility-brand-600-2: var(--colors-brand-600); /* @kind color */ --component-colors-utility-brand-utility-brand-600-alt: var(--colors-brand-600); /* @kind color */ --component-colors-utility-brand-utility-brand-600: var(--colors-brand-600); /* @kind color */ --component-colors-utility-brand-utility-brand-700-2: var(--colors-brand-700); /* @kind color */ --component-colors-utility-brand-utility-brand-700-3: var(--colors-brand-700); /* @kind color */ --component-colors-utility-brand-utility-brand-700-alt: var(--colors-brand-700); /* @kind color */ --component-colors-utility-brand-utility-brand-700: var(--colors-brand-700); /* @kind color */ --component-colors-utility-brand-utility-brand-800-alt: var(--colors-brand-800); /* @kind color */ --component-colors-utility-brand-utility-brand-800: var(--colors-brand-800); /* @kind color */ --component-colors-utility-brand-utility-brand-900-alt: var(--colors-brand-900); /* @kind color */ --component-colors-utility-brand-utility-brand-900: var(--colors-brand-900); /* @kind color */ --component-colors-utility-error-utility-error-100: var(--colors-error-100); /* @kind color */ --component-colors-utility-error-utility-error-200: var(--colors-error-200); /* @kind color */ --component-colors-utility-error-utility-error-300: var(--colors-error-300); /* @kind color */ --component-colors-utility-error-utility-error-400-2: var(--colors-error-400); /* @kind color */ --component-colors-utility-error-utility-error-400: var(--colors-error-400); /* @kind color */ --component-colors-utility-error-utility-error-500: var(--colors-error-500); /* @kind color */ --component-colors-utility-error-utility-error-50: var(--colors-error-50); /* @kind color */ --component-colors-utility-error-utility-error-600-2: var(--colors-error-600); /* @kind color */ --component-colors-utility-error-utility-error-600-3: var(--colors-error-600); /* @kind color */ --component-colors-utility-error-utility-error-600: var(--colors-error-600); /* @kind color */ --component-colors-utility-error-utility-error-700: var(--colors-error-700); /* @kind color */ --component-colors-utility-fuchsia-utility-fuchsia-100: var(--colors-fuchsia-100); /* @kind color */ --component-colors-utility-fuchsia-utility-fuchsia-200: var(--colors-fuchsia-200); /* @kind color */ --component-colors-utility-fuchsia-utility-fuchsia-300: var(--colors-fuchsia-300); /* @kind color */ --component-colors-utility-fuchsia-utility-fuchsia-400: var(--colors-fuchsia-400); /* @kind color */ --component-colors-utility-fuchsia-utility-fuchsia-500: var(--colors-fuchsia-500); /* @kind color */ --component-colors-utility-fuchsia-utility-fuchsia-50: var(--colors-fuchsia-50); /* @kind color */ --component-colors-utility-fuchsia-utility-fuchsia-600: var(--colors-fuchsia-600); /* @kind color */ --component-colors-utility-fuchsia-utility-fuchsia-700: var(--colors-fuchsia-700); /* @kind color */ --component-colors-utility-gray-blue-utility-gray-blue-100: var(--colors-gray-blue-100); /* @kind color */ --component-colors-utility-gray-blue-utility-gray-blue-200: var(--colors-gray-blue-200); /* @kind color */ --component-colors-utility-gray-blue-utility-gray-blue-300: var(--colors-gray-blue-300); /* @kind color */ --component-colors-utility-gray-blue-utility-gray-blue-400: var(--colors-gray-blue-400); /* @kind color */ --component-colors-utility-gray-blue-utility-gray-blue-500: var(--colors-gray-blue-500); /* @kind color */ --component-colors-utility-gray-blue-utility-gray-blue-50: var(--colors-gray-blue-50); /* @kind color */ --component-colors-utility-gray-blue-utility-gray-blue-600: var(--colors-gray-blue-600); /* @kind color */ --component-colors-utility-gray-blue-utility-gray-blue-700: var(--colors-gray-blue-700); /* @kind color */ --component-colors-utility-gray-utility-gray-100: var(--colors-gray-light-mode-100); /* @kind color */ --component-colors-utility-gray-utility-gray-200-2: var(--colors-gray-light-mode-200); /* @kind color */ --component-colors-utility-gray-utility-gray-200: var(--colors-gray-light-mode-200); /* @kind color */ --component-colors-utility-gray-utility-gray-300: var(--colors-gray-light-mode-300); /* @kind color */ --component-colors-utility-gray-utility-gray-400: var(--colors-gray-light-mode-400); /* @kind color */ --component-colors-utility-gray-utility-gray-500: var(--colors-gray-light-mode-500); /* @kind color */ --component-colors-utility-gray-utility-gray-50: var(--colors-gray-light-mode-50); /* @kind color */ --component-colors-utility-gray-utility-gray-600: var(--colors-gray-light-mode-600); /* @kind color */ --component-colors-utility-gray-utility-gray-700: var(--colors-gray-light-mode-700); /* @kind color */ --component-colors-utility-gray-utility-gray-800: var(--colors-gray-light-mode-800); /* @kind color */ --component-colors-utility-gray-utility-gray-900: var(--colors-gray-light-mode-900); /* @kind color */ --component-colors-utility-indigo-utility-indigo-100: var(--colors-indigo-100); /* @kind color */ --component-colors-utility-indigo-utility-indigo-200: var(--colors-indigo-200); /* @kind color */ --component-colors-utility-indigo-utility-indigo-300: var(--colors-indigo-300); /* @kind color */ --component-colors-utility-indigo-utility-indigo-400: var(--colors-indigo-400); /* @kind color */ --component-colors-utility-indigo-utility-indigo-500: var(--colors-indigo-500); /* @kind color */ --component-colors-utility-indigo-utility-indigo-50: var(--colors-indigo-50); /* @kind color */ --component-colors-utility-indigo-utility-indigo-600: var(--colors-indigo-600); /* @kind color */ --component-colors-utility-indigo-utility-indigo-700: var(--colors-indigo-700); /* @kind color */ --component-colors-utility-orange-dark-utility-orange-dark-100: var(--colors-orange-dark-100); /* @kind color */ --component-colors-utility-orange-dark-utility-orange-dark-200: var(--colors-orange-dark-200); /* @kind color */ --component-colors-utility-orange-dark-utility-orange-dark-300: var(--colors-orange-dark-300); /* @kind color */ --component-colors-utility-orange-dark-utility-orange-dark-400: var(--colors-orange-dark-400); /* @kind color */ --component-colors-utility-orange-dark-utility-orange-dark-500: var(--colors-orange-dark-500); /* @kind color */ --component-colors-utility-orange-dark-utility-orange-dark-50: var(--colors-orange-dark-50); /* @kind color */ --component-colors-utility-orange-dark-utility-orange-dark-600: var(--colors-orange-dark-600); /* @kind color */ --component-colors-utility-orange-dark-utility-orange-dark-700: var(--colors-orange-dark-700); /* @kind color */ --component-colors-utility-orange-utility-orange-100: var(--colors-orange-100); /* @kind color */ --component-colors-utility-orange-utility-orange-200: var(--colors-orange-200); /* @kind color */ --component-colors-utility-orange-utility-orange-300: var(--colors-orange-300); /* @kind color */ --component-colors-utility-orange-utility-orange-400: var(--colors-orange-400); /* @kind color */ --component-colors-utility-orange-utility-orange-500: var(--colors-orange-500); /* @kind color */ --component-colors-utility-orange-utility-orange-50: var(--colors-orange-50); /* @kind color */ --component-colors-utility-orange-utility-orange-600: var(--colors-orange-600); /* @kind color */ --component-colors-utility-orange-utility-orange-700: var(--colors-orange-700); /* @kind color */ --component-colors-utility-pink-utility-pink-100: var(--colors-pink-100); /* @kind color */ --component-colors-utility-pink-utility-pink-200: var(--colors-pink-200); /* @kind color */ --component-colors-utility-pink-utility-pink-300: var(--colors-pink-300); /* @kind color */ --component-colors-utility-pink-utility-pink-400: var(--colors-pink-400); /* @kind color */ --component-colors-utility-pink-utility-pink-500: var(--colors-pink-500); /* @kind color */ --component-colors-utility-pink-utility-pink-50: var(--colors-pink-50); /* @kind color */ --component-colors-utility-pink-utility-pink-600: var(--colors-pink-600); /* @kind color */ --component-colors-utility-pink-utility-pink-700: var(--colors-pink-700); /* @kind color */ --component-colors-utility-purple-utility-purple-100: var(--colors-purple-100); /* @kind color */ --component-colors-utility-purple-utility-purple-200: var(--colors-purple-200); /* @kind color */ --component-colors-utility-purple-utility-purple-300: var(--colors-purple-300); /* @kind color */ --component-colors-utility-purple-utility-purple-400: var(--colors-purple-400); /* @kind color */ --component-colors-utility-purple-utility-purple-500: var(--colors-purple-500); /* @kind color */ --component-colors-utility-purple-utility-purple-50: var(--colors-purple-50); /* @kind color */ --component-colors-utility-purple-utility-purple-600: var(--colors-purple-600); /* @kind color */ --component-colors-utility-purple-utility-purple-700: var(--colors-purple-700); /* @kind color */ --component-colors-utility-success-utility-success-100: var(--colors-success-100); /* @kind color */ --component-colors-utility-success-utility-success-200: var(--colors-success-200); /* @kind color */ --component-colors-utility-success-utility-success-300-2: var(--colors-success-300); /* @kind color */ --component-colors-utility-success-utility-success-300: var(--colors-success-300); /* @kind color */ --component-colors-utility-success-utility-success-400: var(--colors-success-400); /* @kind color */ --component-colors-utility-success-utility-success-500-2: var(--colors-success-500); /* @kind color */ --component-colors-utility-success-utility-success-500-3: var(--colors-success-500); /* @kind color */ --component-colors-utility-success-utility-success-500: var(--colors-success-500); /* @kind color */ --component-colors-utility-success-utility-success-50: var(--colors-success-50); /* @kind color */ --component-colors-utility-success-utility-success-600-2: var(--colors-success-600); /* @kind color */ --component-colors-utility-success-utility-success-600-3: var(--colors-success-600); /* @kind color */ --component-colors-utility-success-utility-success-600: var(--colors-success-600); /* @kind color */ --component-colors-utility-success-utility-success-700-2: var(--colors-success-700); /* @kind color */ --component-colors-utility-success-utility-success-700: var(--colors-success-700); /* @kind color */ --component-colors-utility-warning-utility-warning-100: var(--colors-warning-100); /* @kind color */ --component-colors-utility-warning-utility-warning-200: var(--colors-warning-200); /* @kind color */ --component-colors-utility-warning-utility-warning-300: var(--colors-warning-300); /* @kind color */ --component-colors-utility-warning-utility-warning-400: var(--colors-warning-400); /* @kind color */ --component-colors-utility-warning-utility-warning-500: var(--colors-warning-500); /* @kind color */ --component-colors-utility-warning-utility-warning-50: var(--colors-warning-50); /* @kind color */ --component-colors-utility-warning-utility-warning-600: var(--colors-warning-600); /* @kind color */ --component-colors-utility-warning-utility-warning-700: var(--colors-warning-700); /* @kind color */ --container-max-width-desktop: var(--spacing-320-1-280px); --container-padding-desktop: var(--spacing-8-32px); --container-padding-mobile: var(--spacing-4-16px); --error-25: rgb(255,251,250); /* @kind color */ --family-sans: "Inter"; /* @kind font */ --gray-900: rgb(30,30,30); /* @kind color */ --green-400: rgb(133,224,163); /* @kind color */ --green-600: rgb(0,153,81); /* @kind color */ --icon-default-default: var(--gray-900); /* @kind color */ --icon-positive-secondary: var(--green-600); /* @kind color */ --paragraph-max-width: var(--spacing-180-720px); --radius-2xl: 16; --radius-3xl: 20; --radius-4xl: 24; --radius-full: 9999; --radius-lg: 10; --radius-md-2: 8; --radius-md-3: 8; --radius-md: 8; --radius-none-2: 0; --radius-none: 0; --radius-sm-2: 6; --radius-sm: 6; --radius-xl-2: 12; --radius-xl: 12; --radius-xs: 4; --radius-xxs: 2; --scale-02: 14; /* @kind font */ --space-1200: 48; --spacing-0-0px: 0; --spacing-0-5-2px: 2; --spacing-1-4px: 4; --spacing-1-5-6px: 6; --spacing-10-40px: 40; --spacing-10xl: var(--spacing-32-128px); --spacing-11xl: var(--spacing-40-160px); --spacing-12-48px: 48; --spacing-120-480px: 480; --spacing-140-560px: 560; --spacing-16-64px: 64; --spacing-160-640px: 640; --spacing-180-720px: 720; --spacing-192-768px: 768; --spacing-2-8px: 8; --spacing-20-80px: 80; --spacing-24-96px: 96; --spacing-256-1-024px: 1024; --spacing-2xl-2: var(--spacing-5-20px); --spacing-2xl: var(--spacing-5-20px); --spacing-3-12px: 12; --spacing-32-128px: 128; --spacing-320-1-280px: 1280; --spacing-360-1-440px: 1440; --spacing-3xl-2: var(--spacing-6-24px); --spacing-3xl: var(--spacing-6-24px); --spacing-4-16px: 16; --spacing-40-160px: 160; --spacing-400-1-600px: 1600; --spacing-48-192px: 192; --spacing-480-1-920px: 1920; --spacing-4xl: var(--spacing-8-32px); --spacing-5-20px: 20; --spacing-56-224px: 224; --spacing-5xl-2: var(--spacing-10-40px); --spacing-5xl: var(--spacing-10-40px); --spacing-6-24px: 24; --spacing-64-256px: 256; --spacing-6xl: var(--spacing-12-48px); --spacing-7xl: var(--spacing-16-64px); --spacing-8-32px: 32; --spacing-80-320px: 320; --spacing-8xl: var(--spacing-20-80px); --spacing-96-384px: 384; --spacing-9xl: var(--spacing-24-96px); --spacing-lg-2: var(--spacing-3-12px); --spacing-lg-3: var(--spacing-3-12px); --spacing-lg: var(--spacing-3-12px); --spacing-md-2: var(--spacing-2-8px); --spacing-md-3: var(--spacing-2-8px); --spacing-md: var(--spacing-2-8px); --spacing-none-2: var(--spacing-0-0px); --spacing-none: var(--spacing-0-0px); --spacing-sm-2: var(--spacing-1-5-6px); --spacing-sm: var(--spacing-1-5-6px); --spacing-xl-2: var(--spacing-4-16px); --spacing-xl-3: var(--spacing-4-16px); --spacing-xl: var(--spacing-4-16px); --spacing-xs-2: var(--spacing-1-4px); --spacing-xs-3: var(--spacing-1-4px); --spacing-xs: var(--spacing-1-4px); --spacing-xxs-2: var(--spacing-0-5-2px); --spacing-xxs: var(--spacing-0-5-2px); --weight-regular: 400; --white-1000: rgb(255,255,255); /* @kind color */ --width-2xl: var(--spacing-256-1-024px); --width-3xl: var(--spacing-320-1-280px); --width-4xl: var(--spacing-360-1-440px); --width-5xl: var(--spacing-400-1-600px); --width-6xl: var(--spacing-480-1-920px); --width-lg: var(--spacing-160-640px); --width-md: var(--spacing-140-560px); --width-move-width-lg: var(--spacing-256-1-024px); --width-move-width-md: var(--spacing-192-768px); --width-sm: var(--spacing-120-480px); --width-xl: var(--spacing-192-768px); --width-xs: var(--spacing-96-384px); --width-xxs: var(--spacing-80-320px); } :root[data-theme="dark"], .dark { --background-brand-default: var(--brand-100); /* @kind color */ --colors-background-bg-active: var(--colors-gray-dark-mode-800); /* @kind color */ --colors-background-bg-brand-primary-alt: var(--colors-background-bg-secondary); /* @kind color */ --colors-background-bg-brand-primary: var(--colors-brand-500); /* @kind color */ --colors-background-bg-brand-secondary: var(--colors-brand-600); /* @kind color */ --colors-background-bg-brand-section-subtle: var(--colors-background-bg-primary); /* @kind color */ --colors-background-bg-brand-section: var(--colors-background-bg-secondary); /* @kind color */ --colors-background-bg-brand-solid-hover: var(--colors-brand-500); /* @kind color */ --colors-background-bg-brand-solid: var(--colors-brand-600); /* @kind color */ --colors-background-bg-disabled-subtle: var(--colors-gray-dark-mode-900); /* @kind color */ --colors-background-bg-disabled: var(--colors-gray-dark-mode-800); /* @kind color */ --colors-background-bg-error-primary: var(--colors-error-500); /* @kind color */ --colors-background-bg-error-secondary: var(--colors-error-600); /* @kind color */ --colors-background-bg-error-solid: var(--colors-error-600); /* @kind color */ --colors-background-bg-overlay: var(--colors-gray-dark-mode-800); /* @kind color */ --colors-background-bg-primary-2: var(--colors-gray-dark-mode-950); /* @kind color */ --colors-background-bg-primary-3: var(--colors-gray-dark-mode-950); /* @kind color */ --colors-background-bg-primary-alt: var(--colors-background-bg-secondary); /* @kind color */ --colors-background-bg-primary-hover: var(--colors-gray-dark-mode-800); /* @kind color */ --colors-background-bg-primary-solid-2: var(--colors-background-bg-secondary); /* @kind color */ --colors-background-bg-primary-solid: var(--colors-background-bg-secondary); /* @kind color */ --colors-background-bg-primary: var(--colors-gray-dark-mode-950); /* @kind color */ --colors-background-bg-quaternary: var(--colors-gray-dark-mode-700); /* @kind color */ --colors-background-bg-secondary-alt: var(--colors-background-bg-primary); /* @kind color */ --colors-background-bg-secondary-hover-2: var(--colors-gray-dark-mode-800); /* @kind color */ --colors-background-bg-secondary-hover: var(--colors-gray-dark-mode-800); /* @kind color */ --colors-background-bg-secondary-solid: var(--colors-gray-dark-mode-600); /* @kind color */ --colors-background-bg-secondary-subtle: var(--colors-gray-dark-mode-900); /* @kind color */ --colors-background-bg-secondary: var(--colors-gray-dark-mode-900); /* @kind color */ --colors-background-bg-success-primary: var(--colors-success-500); /* @kind color */ --colors-background-bg-success-secondary: var(--colors-success-600); /* @kind color */ --colors-background-bg-success-solid-2: var(--colors-success-600); /* @kind color */ --colors-background-bg-success-solid: var(--colors-success-600); /* @kind color */ --colors-background-bg-tertiary: var(--colors-gray-dark-mode-800); /* @kind color */ --colors-background-bg-warning-primary: var(--colors-warning-500); /* @kind color */ --colors-background-bg-warning-secondary: var(--colors-warning-600); /* @kind color */ --colors-background-bg-warning-solid: var(--colors-warning-600); /* @kind color */ --colors-border-border-brand-solid-alt: var(--colors-gray-dark-mode-700); /* @kind color */ --colors-border-border-brand-solid: var(--colors-brand-500); /* @kind color */ --colors-border-border-brand: var(--colors-brand-400); /* @kind color */ --colors-border-border-disabled-subtle: var(--colors-gray-dark-mode-800); /* @kind color */ --colors-border-border-disabled: var(--colors-gray-dark-mode-700); /* @kind color */ --colors-border-border-error-solid: var(--colors-error-500); /* @kind color */ --colors-border-border-error: var(--colors-error-400); /* @kind color */ --colors-border-border-primary-2: var(--colors-gray-dark-mode-700); /* @kind color */ --colors-border-border-primary: var(--colors-gray-dark-mode-700); /* @kind color */ --colors-border-border-secondary-2: var(--colors-gray-dark-mode-800); /* @kind color */ --colors-border-border-secondary-3: var(--colors-gray-dark-mode-800); /* @kind color */ --colors-border-border-secondary: var(--colors-gray-dark-mode-800); /* @kind color */ --colors-border-border-tertiary: var(--colors-gray-dark-mode-800); /* @kind color */ --colors-foreground-fg-brand-primary-600: var(--colors-brand-500); /* @kind color */ --colors-foreground-fg-brand-primary-alt: var(--colors-gray-dark-mode-300); /* @kind color */ --colors-foreground-fg-brand-secondary-500: var(--colors-brand-500); /* @kind color */ --colors-foreground-fg-disabled-subtle-2: var(--colors-gray-dark-mode-600); /* @kind color */ --colors-foreground-fg-disabled-subtle: var(--colors-gray-dark-mode-600); /* @kind color */ --colors-foreground-fg-disabled: var(--colors-gray-dark-mode-500); /* @kind color */ --colors-foreground-fg-error-primary: var(--colors-error-500); /* @kind color */ --colors-foreground-fg-error-secondary: var(--colors-error-400); /* @kind color */ --colors-foreground-fg-primary-900: var(--colors-base-white); /* @kind color */ --colors-foreground-fg-quaternary-500-2: var(--colors-gray-dark-mode-400); /* @kind color */ --colors-foreground-fg-quaternary-500: var(--colors-gray-dark-mode-400); /* @kind color */ --colors-foreground-fg-quaternary-hover: var(--colors-gray-dark-mode-300); /* @kind color */ --colors-foreground-fg-quinary-400: var(--colors-gray-dark-mode-500); /* @kind color */ --colors-foreground-fg-quinary-hover: var(--colors-gray-dark-mode-400); /* @kind color */ --colors-foreground-fg-secondary-700-2: var(--colors-gray-dark-mode-300); /* @kind color */ --colors-foreground-fg-secondary-700: var(--colors-gray-dark-mode-300); /* @kind color */ --colors-foreground-fg-secondary-hover: var(--colors-gray-dark-mode-200); /* @kind color */ --colors-foreground-fg-senary-300: var(--colors-gray-dark-mode-600); /* @kind color */ --colors-foreground-fg-success-primary: var(--colors-success-500); /* @kind color */ --colors-foreground-fg-success-secondary: var(--colors-success-400); /* @kind color */ --colors-foreground-fg-tertiary-600-2: var(--colors-gray-dark-mode-400); /* @kind color */ --colors-foreground-fg-tertiary-600: var(--colors-gray-dark-mode-400); /* @kind color */ --colors-foreground-fg-tertiary-hover: var(--colors-gray-dark-mode-300); /* @kind color */ --colors-foreground-fg-warning-primary: var(--colors-warning-500); /* @kind color */ --colors-foreground-fg-warning-secondary: var(--colors-warning-400); /* @kind color */ --colors-foreground-fg-white-2: var(--colors-base-white); /* @kind color */ --colors-foreground-fg-white: var(--colors-base-white); /* @kind color */ --colors-green: rgb(48,209,88); /* @kind color */ --colors-green: rgb(48,209,88); /* @kind color */ --colors-green: rgb(48,219,91); /* @kind color */ --colors-green: rgb(48,219,91); /* @kind color */ --colors-text-text-brand-primary-900: var(--colors-gray-dark-mode-50); /* @kind color */ --colors-text-text-brand-secondary-700: var(--colors-gray-dark-mode-300); /* @kind color */ --colors-text-text-brand-tertiary-600: var(--colors-gray-dark-mode-400); /* @kind color */ --colors-text-text-brand-tertiary-alt: var(--colors-gray-dark-mode-50); /* @kind color */ --colors-text-text-disabled: var(--colors-gray-dark-mode-500); /* @kind color */ --colors-text-text-error-primary-600: var(--colors-error-400); /* @kind color */ --colors-text-text-placeholder-subtle: var(--colors-gray-dark-mode-700); /* @kind color */ --colors-text-text-placeholder: var(--colors-gray-dark-mode-500); /* @kind color */ --colors-text-text-primary-900-2: var(--colors-gray-dark-mode-50); /* @kind color */ --colors-text-text-primary-900-3: var(--colors-gray-dark-mode-50); /* @kind color */ --colors-text-text-primary-900: var(--colors-gray-dark-mode-50); /* @kind color */ --colors-text-text-primary-on-brand: var(--colors-gray-dark-mode-50); /* @kind color */ --colors-text-text-quaternary-500-2: var(--colors-gray-dark-mode-400); /* @kind color */ --colors-text-text-quaternary-500-3: var(--colors-gray-dark-mode-400); /* @kind color */ --colors-text-text-quaternary-500: var(--colors-gray-dark-mode-400); /* @kind color */ --colors-text-text-quaternary-on-brand: var(--colors-gray-dark-mode-400); /* @kind color */ --colors-text-text-secondary-700-2: var(--colors-gray-dark-mode-300); /* @kind color */ --colors-text-text-secondary-700: var(--colors-gray-dark-mode-300); /* @kind color */ --colors-text-text-secondary-hover: var(--colors-gray-dark-mode-200); /* @kind color */ --colors-text-text-secondary-on-brand: var(--colors-gray-dark-mode-300); /* @kind color */ --colors-text-text-success-primary-600: var(--colors-success-400); /* @kind color */ --colors-text-text-tertiary-600-2: var(--colors-gray-dark-mode-400); /* @kind color */ --colors-text-text-tertiary-600-3: var(--colors-gray-dark-mode-400); /* @kind color */ --colors-text-text-tertiary-600: var(--colors-gray-dark-mode-400); /* @kind color */ --colors-text-text-tertiary-hover: var(--colors-gray-dark-mode-300); /* @kind color */ --colors-text-text-tertiary-on-brand: var(--colors-gray-dark-mode-400); /* @kind color */ --colors-text-text-warning-primary-600: var(--colors-warning-400); /* @kind color */ --colors-text-text-white-2: var(--colors-base-white); /* @kind color */ --colors-text-text-white-3: var(--colors-base-white); /* @kind color */ --colors-text-text-white: var(--colors-base-white); /* @kind color */ --component-colors-alpha-alpha-black-100: rgb(255,255,255); /* @kind color */ --component-colors-alpha-alpha-black-10: rgba(255,255,255,0.1); /* @kind color */ --component-colors-alpha-alpha-black-20: rgba(255,255,255,0.2); /* @kind color */ --component-colors-alpha-alpha-black-30: rgba(255,255,255,0.3); /* @kind color */ --component-colors-alpha-alpha-black-40: rgba(255,255,255,0.4); /* @kind color */ --component-colors-alpha-alpha-black-50: rgba(255,255,255,0.5); /* @kind color */ --component-colors-alpha-alpha-black-60: rgba(255,255,255,0.6); /* @kind color */ --component-colors-alpha-alpha-black-70: rgba(255,255,255,0.7); /* @kind color */ --component-colors-alpha-alpha-black-80: rgba(255,255,255,0.8); /* @kind color */ --component-colors-alpha-alpha-black-90: rgba(255,255,255,0.9); /* @kind color */ --component-colors-alpha-alpha-white-100: var(--colors-gray-dark-mode-950); /* @kind color */ --component-colors-alpha-alpha-white-10: rgba(12,17,29,0.1); /* @kind color */ --component-colors-alpha-alpha-white-20: rgba(12,17,29,0.2); /* @kind color */ --component-colors-alpha-alpha-white-30: rgba(12,17,29,0.3); /* @kind color */ --component-colors-alpha-alpha-white-40: rgba(12,17,29,0.4); /* @kind color */ --component-colors-alpha-alpha-white-50: rgba(12,17,29,0.5); /* @kind color */ --component-colors-alpha-alpha-white-60: rgba(12,17,29,0.6); /* @kind color */ --component-colors-alpha-alpha-white-70: rgba(12,17,29,0.7); /* @kind color */ --component-colors-alpha-alpha-white-80: rgba(12,17,29,0.8); /* @kind color */ --component-colors-alpha-alpha-white-90: rgba(12,17,29,0.9); /* @kind color */ --component-colors-components-app-store-badges-app-store-badge-border: var(--colors-base-white); /* @kind color */ --component-colors-components-application-navigation-nav-item-button-icon-fg-active: var(--colors-gray-dark-mode-200); /* @kind color */ --component-colors-components-application-navigation-nav-item-button-icon-fg: var(--colors-gray-dark-mode-400); /* @kind color */ --component-colors-components-application-navigation-nav-item-icon-fg-active: var(--colors-gray-dark-mode-200); /* @kind color */ --component-colors-components-application-navigation-nav-item-icon-fg: var(--colors-gray-dark-mode-400); /* @kind color */ --component-colors-components-avatars-avatar-bg: var(--colors-gray-dark-mode-800); /* @kind color */ --component-colors-components-avatars-avatar-contrast-border: rgba(255,255,255,0.12); /* @kind color */ --component-colors-components-avatars-avatar-focus-border: rgba(152,162,179,0.14); /* @kind color */ --component-colors-components-avatars-avatar-profile-photo-border: var(--colors-gray-dark-mode-950); /* @kind color */ --component-colors-components-breadcrumbs-breadcrumb-bg-hover: var(--colors-gray-dark-mode-800); /* @kind color */ --component-colors-components-breadcrumbs-breadcrumb-brand-bg-hover: var(--colors-gray-dark-mode-800); /* @kind color */ --component-colors-components-breadcrumbs-breadcrumb-brand-fg-hover: var(--colors-base-white); /* @kind color */ --component-colors-components-breadcrumbs-breadcrumb-brand-icon-fg-hover: var(--colors-base-white); /* @kind color */ --component-colors-components-breadcrumbs-breadcrumb-fg-hover: var(--colors-base-white); /* @kind color */ --component-colors-components-breadcrumbs-breadcrumb-fg: var(--colors-gray-dark-mode-300); /* @kind color */ --component-colors-components-breadcrumbs-breadcrumb-icon-fg-hover: var(--colors-base-white); /* @kind color */ --component-colors-components-breadcrumbs-breadcrumb-icon-fg: var(--colors-gray-dark-mode-400); /* @kind color */ --component-colors-components-buttons-primary-button-primary-bg-hover: var(--colors-brand-700); /* @kind color */ --component-colors-components-buttons-primary-button-primary-bg: var(--colors-brand-600); /* @kind color */ --component-colors-components-buttons-primary-button-primary-border-hover: var(--colors-brand-700); /* @kind color */ --component-colors-components-buttons-primary-button-primary-border: var(--colors-brand-600); /* @kind color */ --component-colors-components-buttons-primary-button-primary-fg-2: var(--colors-base-white); /* @kind color */ --component-colors-components-buttons-primary-button-primary-fg-hover: var(--colors-base-white); /* @kind color */ --component-colors-components-buttons-primary-button-primary-fg: var(--colors-base-white); /* @kind color */ --component-colors-components-buttons-primary-error-button-primary-error-bg-hover: var(--colors-error-700); /* @kind color */ --component-colors-components-buttons-primary-error-button-primary-error-bg: var(--colors-error-600); /* @kind color */ --component-colors-components-buttons-primary-error-button-primary-error-border-hover: var(--colors-error-700); /* @kind color */ --component-colors-components-buttons-primary-error-button-primary-error-border: var(--colors-error-600); /* @kind color */ --component-colors-components-buttons-primary-error-button-primary-error-fg-hover: var(--colors-base-white); /* @kind color */ --component-colors-components-buttons-primary-error-button-primary-error-fg: var(--colors-base-white); /* @kind color */ --component-colors-components-buttons-secondary-button-secondary-bg-hover: var(--colors-gray-dark-mode-800); /* @kind color */ --component-colors-components-buttons-secondary-button-secondary-bg: var(--colors-gray-dark-mode-900); /* @kind color */ --component-colors-components-buttons-secondary-button-secondary-border-hover: var(--colors-gray-dark-mode-700); /* @kind color */ --component-colors-components-buttons-secondary-button-secondary-border: var(--colors-gray-dark-mode-700); /* @kind color */ --component-colors-components-buttons-secondary-button-secondary-fg-hover: var(--colors-gray-dark-mode-100); /* @kind color */ --component-colors-components-buttons-secondary-button-secondary-fg: var(--colors-gray-dark-mode-300); /* @kind color */ --component-colors-components-buttons-secondary-color-button-secondary-color-bg-hover-2: var(--colors-gray-dark-mode-800); /* @kind color */ --component-colors-components-buttons-secondary-color-button-secondary-color-bg-hover: var(--colors-gray-dark-mode-800); /* @kind color */ --component-colors-components-buttons-secondary-color-button-secondary-color-bg: var(--colors-gray-dark-mode-900); /* @kind color */ --component-colors-components-buttons-secondary-color-button-secondary-color-border-hover: var(--colors-gray-dark-mode-700); /* @kind color */ --component-colors-components-buttons-secondary-color-button-secondary-color-border: var(--colors-gray-dark-mode-700); /* @kind color */ --component-colors-components-buttons-secondary-color-button-secondary-color-fg-hover: var(--colors-gray-dark-mode-100); /* @kind color */ --component-colors-components-buttons-secondary-color-button-secondary-color-fg: var(--colors-gray-dark-mode-300); /* @kind color */ --component-colors-components-buttons-secondary-error-button-secondary-error-bg-hover: var(--colors-error-900); /* @kind color */ --component-colors-components-buttons-secondary-error-button-secondary-error-bg: var(--colors-error-950); /* @kind color */ --component-colors-components-buttons-secondary-error-button-secondary-error-border-hover: var(--colors-error-700); /* @kind color */ --component-colors-components-buttons-secondary-error-button-secondary-error-border: var(--colors-error-800); /* @kind color */ --component-colors-components-buttons-secondary-error-button-secondary-error-fg-hover: var(--colors-error-100); /* @kind color */ --component-colors-components-buttons-secondary-error-button-secondary-error-fg: var(--colors-error-200); /* @kind color */ --component-colors-components-buttons-tertiary-button-tertiary-bg-hover: var(--colors-gray-dark-mode-800); /* @kind color */ --component-colors-components-buttons-tertiary-button-tertiary-fg-2: var(--colors-gray-dark-mode-400); /* @kind color */ --component-colors-components-buttons-tertiary-button-tertiary-fg-hover: var(--colors-gray-dark-mode-200); /* @kind color */ --component-colors-components-buttons-tertiary-button-tertiary-fg: var(--colors-gray-dark-mode-400); /* @kind color */ --component-colors-components-buttons-tertiary-color-button-tertiary-color-bg-hover: var(--colors-gray-dark-mode-800); /* @kind color */ --component-colors-components-buttons-tertiary-color-button-tertiary-color-fg-hover: var(--colors-gray-dark-mode-100); /* @kind color */ --component-colors-components-buttons-tertiary-color-button-tertiary-color-fg: var(--colors-gray-dark-mode-300); /* @kind color */ --component-colors-components-buttons-tertiary-error-button-tertiary-error-bg-hover: var(--colors-error-900); /* @kind color */ --component-colors-components-buttons-tertiary-error-button-tertiary-error-fg-hover: var(--colors-error-200); /* @kind color */ --component-colors-components-buttons-tertiary-error-button-tertiary-error-fg: var(--colors-error-300); /* @kind color */ --component-colors-components-footers-footer-badge-bg: rgba(255,255,255,0.1); /* @kind color */ --component-colors-components-footers-footer-badge-border: rgba(255,255,255,0.3); /* @kind color */ --component-colors-components-footers-footer-badge-fg: var(--colors-base-white); /* @kind color */ --component-colors-components-footers-footer-button-fg-hover: var(--colors-gray-dark-mode-100); /* @kind color */ --component-colors-components-footers-footer-button-fg: var(--colors-gray-dark-mode-300); /* @kind color */ --component-colors-components-header-sections-brand-header-header-brand-text-secondary: var(--colors-gray-light-mode-300); /* @kind color */ --component-colors-components-header-sections-header-abstract-100-bg: var(--colors-gray-dark-mode-800); /* @kind color */ --component-colors-components-header-sections-header-abstract-200-bg: var(--colors-gray-dark-mode-700); /* @kind color */ --component-colors-components-header-sections-header-abstract-300-bg: var(--colors-gray-dark-mode-600); /* @kind color */ --component-colors-components-header-sections-header-abstract-50-bg: var(--colors-gray-dark-mode-900); /* @kind color */ --component-colors-components-icons-featured-icons-dark-featured-icon-dark-fg-brand: var(--colors-brand-200); /* @kind color */ --component-colors-components-icons-featured-icons-dark-featured-icon-dark-fg-error: var(--colors-error-200); /* @kind color */ --component-colors-components-icons-featured-icons-dark-featured-icon-dark-fg-gray: var(--colors-gray-dark-mode-200); /* @kind color */ --component-colors-components-icons-featured-icons-dark-featured-icon-dark-fg-success-2: var(--colors-success-200); /* @kind color */ --component-colors-components-icons-featured-icons-dark-featured-icon-dark-fg-success: var(--colors-success-200); /* @kind color */ --component-colors-components-icons-featured-icons-dark-featured-icon-dark-fg-warning: var(--colors-warning-200); /* @kind color */ --component-colors-components-icons-featured-icons-light-featured-icon-light-fg-brand: var(--colors-brand-200); /* @kind color */ --component-colors-components-icons-featured-icons-light-featured-icon-light-fg-error: var(--colors-error-200); /* @kind color */ --component-colors-components-icons-featured-icons-light-featured-icon-light-fg-gray: var(--colors-gray-dark-mode-200); /* @kind color */ --component-colors-components-icons-featured-icons-light-featured-icon-light-fg-success: var(--colors-success-200); /* @kind color */ --component-colors-components-icons-featured-icons-light-featured-icon-light-fg-warning: var(--colors-warning-200); /* @kind color */ --component-colors-components-icons-featured-icons-modern-featured-icon-modern-border: var(--colors-gray-dark-mode-700); /* @kind color */ --component-colors-components-icons-icons-icon-fg-brand-on-brand: var(--colors-gray-dark-mode-400); /* @kind color */ --component-colors-components-icons-icons-icon-fg-brand: var(--colors-gray-dark-mode-400); /* @kind color */ --component-colors-components-icons-social-icons-social-icon-fg-angellist: var(--colors-base-white); /* @kind color */ --component-colors-components-icons-social-icons-social-icon-fg-apple: var(--colors-base-white); /* @kind color */ --component-colors-components-icons-social-icons-social-icon-fg-github: var(--colors-base-white); /* @kind color */ --component-colors-components-icons-social-icons-social-icon-fg-instagram: var(--colors-base-white); /* @kind color */ --component-colors-components-icons-social-icons-social-icon-fg-tumblr: var(--colors-base-white); /* @kind color */ --component-colors-components-icons-social-icons-social-icon-fg-x: var(--colors-base-white); /* @kind color */ --component-colors-components-mockups-screen-mockup-border: var(--colors-gray-dark-mode-700); /* @kind color */ --component-colors-components-sliders-slider-handle-bg: var(--colors-foreground-fg-brand-primary-600); /* @kind color */ --component-colors-components-sliders-slider-handle-border: var(--colors-background-bg-primary); /* @kind color */ --component-colors-components-thumbnail-thumbnail-badge-brand-fg: var(--colors-gray-dark-mode-300); /* @kind color */ --component-colors-components-thumbnail-thumbnail-badge-success-fg: var(--colors-gray-dark-mode-300); /* @kind color */ --component-colors-components-toggles-toggle-button-fg-disabled: var(--colors-gray-dark-mode-600); /* @kind color */ --component-colors-components-tooltips-tooltip-light-text-primary: var(--colors-base-white); /* @kind color */ --component-colors-components-tooltips-tooltip-supporting-text: var(--colors-gray-dark-mode-300); /* @kind color */ --component-colors-components-wysiwyg-editor-wysiwyg-editor-icon-fg-active: var(--colors-base-white); /* @kind color */ --component-colors-components-wysiwyg-editor-wysiwyg-editor-icon-fg: var(--colors-gray-dark-mode-400); /* @kind color */ --component-colors-utility-blue-dark-utility-blue-dark-100: var(--colors-blue-dark-900); /* @kind color */ --component-colors-utility-blue-dark-utility-blue-dark-200: var(--colors-blue-dark-800); /* @kind color */ --component-colors-utility-blue-dark-utility-blue-dark-300: var(--colors-blue-dark-700); /* @kind color */ --component-colors-utility-blue-dark-utility-blue-dark-400: var(--colors-blue-dark-600); /* @kind color */ --component-colors-utility-blue-dark-utility-blue-dark-500: var(--colors-blue-dark-500); /* @kind color */ --component-colors-utility-blue-dark-utility-blue-dark-50: var(--colors-blue-dark-950); /* @kind color */ --component-colors-utility-blue-dark-utility-blue-dark-600: var(--colors-blue-dark-400); /* @kind color */ --component-colors-utility-blue-dark-utility-blue-dark-700: var(--colors-blue-dark-300); /* @kind color */ --component-colors-utility-blue-light-utility-blue-light-100: var(--colors-blue-light-900); /* @kind color */ --component-colors-utility-blue-light-utility-blue-light-200: var(--colors-blue-light-800); /* @kind color */ --component-colors-utility-blue-light-utility-blue-light-300: var(--colors-blue-light-700); /* @kind color */ --component-colors-utility-blue-light-utility-blue-light-400: var(--colors-blue-light-600); /* @kind color */ --component-colors-utility-blue-light-utility-blue-light-500: var(--colors-blue-light-500); /* @kind color */ --component-colors-utility-blue-light-utility-blue-light-50: var(--colors-blue-light-950); /* @kind color */ --component-colors-utility-blue-light-utility-blue-light-600: var(--colors-blue-light-400); /* @kind color */ --component-colors-utility-blue-light-utility-blue-light-700: var(--colors-blue-light-300); /* @kind color */ --component-colors-utility-blue-utility-blue-100: var(--colors-blue-900); /* @kind color */ --component-colors-utility-blue-utility-blue-200: var(--colors-blue-800); /* @kind color */ --component-colors-utility-blue-utility-blue-300: var(--colors-blue-700); /* @kind color */ --component-colors-utility-blue-utility-blue-400: var(--colors-blue-600); /* @kind color */ --component-colors-utility-blue-utility-blue-500: var(--colors-blue-500); /* @kind color */ --component-colors-utility-blue-utility-blue-50: var(--colors-blue-950); /* @kind color */ --component-colors-utility-blue-utility-blue-600: var(--colors-blue-400); /* @kind color */ --component-colors-utility-blue-utility-blue-700: var(--colors-blue-300); /* @kind color */ --component-colors-utility-brand-utility-brand-100-alt: var(--component-colors-utility-gray-utility-gray-100); /* @kind color */ --component-colors-utility-brand-utility-brand-100: var(--colors-brand-900); /* @kind color */ --component-colors-utility-brand-utility-brand-200-alt: var(--component-colors-utility-gray-utility-gray-200); /* @kind color */ --component-colors-utility-brand-utility-brand-200: var(--colors-brand-800); /* @kind color */ --component-colors-utility-brand-utility-brand-300-alt: var(--component-colors-utility-gray-utility-gray-300); /* @kind color */ --component-colors-utility-brand-utility-brand-300: var(--colors-brand-700); /* @kind color */ --component-colors-utility-brand-utility-brand-400-alt: var(--component-colors-utility-gray-utility-gray-400); /* @kind color */ --component-colors-utility-brand-utility-brand-400: var(--colors-brand-600); /* @kind color */ --component-colors-utility-brand-utility-brand-50-alt: var(--component-colors-utility-gray-utility-gray-50); /* @kind color */ --component-colors-utility-brand-utility-brand-500-2: var(--colors-brand-500); /* @kind color */ --component-colors-utility-brand-utility-brand-500-alt: var(--component-colors-utility-gray-utility-gray-500); /* @kind color */ --component-colors-utility-brand-utility-brand-500: var(--colors-brand-500); /* @kind color */ --component-colors-utility-brand-utility-brand-50: var(--colors-brand-950); /* @kind color */ --component-colors-utility-brand-utility-brand-600-2: var(--colors-brand-400); /* @kind color */ --component-colors-utility-brand-utility-brand-600-alt: var(--component-colors-utility-gray-utility-gray-600); /* @kind color */ --component-colors-utility-brand-utility-brand-600: var(--colors-brand-400); /* @kind color */ --component-colors-utility-brand-utility-brand-700-2: var(--colors-brand-300); /* @kind color */ --component-colors-utility-brand-utility-brand-700-3: var(--colors-brand-300); /* @kind color */ --component-colors-utility-brand-utility-brand-700-alt: var(--component-colors-utility-gray-utility-gray-700); /* @kind color */ --component-colors-utility-brand-utility-brand-700: var(--colors-brand-300); /* @kind color */ --component-colors-utility-brand-utility-brand-800-alt: var(--component-colors-utility-gray-utility-gray-800); /* @kind color */ --component-colors-utility-brand-utility-brand-800: var(--colors-brand-200); /* @kind color */ --component-colors-utility-brand-utility-brand-900-alt: var(--component-colors-utility-gray-utility-gray-900); /* @kind color */ --component-colors-utility-brand-utility-brand-900: var(--colors-brand-100); /* @kind color */ --component-colors-utility-error-utility-error-100: var(--colors-error-900); /* @kind color */ --component-colors-utility-error-utility-error-200: var(--colors-error-800); /* @kind color */ --component-colors-utility-error-utility-error-300: var(--colors-error-700); /* @kind color */ --component-colors-utility-error-utility-error-400-2: var(--colors-error-600); /* @kind color */ --component-colors-utility-error-utility-error-400: var(--colors-error-600); /* @kind color */ --component-colors-utility-error-utility-error-500: var(--colors-error-500); /* @kind color */ --component-colors-utility-error-utility-error-50: var(--colors-error-950); /* @kind color */ --component-colors-utility-error-utility-error-600-2: var(--colors-error-400); /* @kind color */ --component-colors-utility-error-utility-error-600-3: var(--colors-error-400); /* @kind color */ --component-colors-utility-error-utility-error-600: var(--colors-error-400); /* @kind color */ --component-colors-utility-error-utility-error-700: var(--colors-error-300); /* @kind color */ --component-colors-utility-fuchsia-utility-fuchsia-100: var(--colors-fuchsia-900); /* @kind color */ --component-colors-utility-fuchsia-utility-fuchsia-200: var(--colors-fuchsia-800); /* @kind color */ --component-colors-utility-fuchsia-utility-fuchsia-300: var(--colors-fuchsia-700); /* @kind color */ --component-colors-utility-fuchsia-utility-fuchsia-400: var(--colors-fuchsia-600); /* @kind color */ --component-colors-utility-fuchsia-utility-fuchsia-500: var(--colors-fuchsia-500); /* @kind color */ --component-colors-utility-fuchsia-utility-fuchsia-50: var(--colors-fuchsia-950); /* @kind color */ --component-colors-utility-fuchsia-utility-fuchsia-600: var(--colors-fuchsia-400); /* @kind color */ --component-colors-utility-fuchsia-utility-fuchsia-700: var(--colors-fuchsia-300); /* @kind color */ --component-colors-utility-gray-blue-utility-gray-blue-100: var(--colors-gray-blue-900); /* @kind color */ --component-colors-utility-gray-blue-utility-gray-blue-200: var(--colors-gray-blue-800); /* @kind color */ --component-colors-utility-gray-blue-utility-gray-blue-300: var(--colors-gray-blue-700); /* @kind color */ --component-colors-utility-gray-blue-utility-gray-blue-400: var(--colors-gray-blue-600); /* @kind color */ --component-colors-utility-gray-blue-utility-gray-blue-500: var(--colors-gray-blue-500); /* @kind color */ --component-colors-utility-gray-blue-utility-gray-blue-50: var(--colors-gray-blue-900); /* @kind color */ --component-colors-utility-gray-blue-utility-gray-blue-600: var(--colors-gray-blue-400); /* @kind color */ --component-colors-utility-gray-blue-utility-gray-blue-700: var(--colors-gray-blue-300); /* @kind color */ --component-colors-utility-gray-utility-gray-100: var(--colors-gray-dark-mode-800); /* @kind color */ --component-colors-utility-gray-utility-gray-200-2: var(--colors-gray-dark-mode-700); /* @kind color */ --component-colors-utility-gray-utility-gray-200: var(--colors-gray-dark-mode-700); /* @kind color */ --component-colors-utility-gray-utility-gray-300: var(--colors-gray-dark-mode-700); /* @kind color */ --component-colors-utility-gray-utility-gray-400: var(--colors-gray-dark-mode-600); /* @kind color */ --component-colors-utility-gray-utility-gray-500: var(--colors-gray-dark-mode-500); /* @kind color */ --component-colors-utility-gray-utility-gray-50: var(--colors-gray-dark-mode-900); /* @kind color */ --component-colors-utility-gray-utility-gray-600: var(--colors-gray-dark-mode-400); /* @kind color */ --component-colors-utility-gray-utility-gray-700: var(--colors-gray-dark-mode-300); /* @kind color */ --component-colors-utility-gray-utility-gray-800: var(--colors-gray-dark-mode-200); /* @kind color */ --component-colors-utility-gray-utility-gray-900: var(--colors-gray-dark-mode-100); /* @kind color */ --component-colors-utility-indigo-utility-indigo-100: var(--colors-indigo-900); /* @kind color */ --component-colors-utility-indigo-utility-indigo-200: var(--colors-indigo-800); /* @kind color */ --component-colors-utility-indigo-utility-indigo-300: var(--colors-indigo-700); /* @kind color */ --component-colors-utility-indigo-utility-indigo-400: var(--colors-indigo-600); /* @kind color */ --component-colors-utility-indigo-utility-indigo-500: var(--colors-indigo-500); /* @kind color */ --component-colors-utility-indigo-utility-indigo-50: var(--colors-indigo-950); /* @kind color */ --component-colors-utility-indigo-utility-indigo-600: var(--colors-indigo-400); /* @kind color */ --component-colors-utility-indigo-utility-indigo-700: var(--colors-indigo-300); /* @kind color */ --component-colors-utility-orange-dark-utility-orange-dark-100: var(--colors-orange-dark-900); /* @kind color */ --component-colors-utility-orange-dark-utility-orange-dark-200: var(--colors-orange-dark-800); /* @kind color */ --component-colors-utility-orange-dark-utility-orange-dark-300: var(--colors-orange-dark-700); /* @kind color */ --component-colors-utility-orange-dark-utility-orange-dark-400: var(--colors-orange-dark-600); /* @kind color */ --component-colors-utility-orange-dark-utility-orange-dark-500: var(--colors-orange-dark-500); /* @kind color */ --component-colors-utility-orange-dark-utility-orange-dark-50: var(--colors-orange-dark-950); /* @kind color */ --component-colors-utility-orange-dark-utility-orange-dark-600: var(--colors-orange-dark-400); /* @kind color */ --component-colors-utility-orange-dark-utility-orange-dark-700: var(--colors-orange-dark-300); /* @kind color */ --component-colors-utility-orange-utility-orange-100: var(--colors-orange-900); /* @kind color */ --component-colors-utility-orange-utility-orange-200: var(--colors-orange-800); /* @kind color */ --component-colors-utility-orange-utility-orange-300: var(--colors-orange-700); /* @kind color */ --component-colors-utility-orange-utility-orange-400: var(--colors-orange-600); /* @kind color */ --component-colors-utility-orange-utility-orange-500: var(--colors-orange-500); /* @kind color */ --component-colors-utility-orange-utility-orange-50: var(--colors-orange-950); /* @kind color */ --component-colors-utility-orange-utility-orange-600: var(--colors-orange-400); /* @kind color */ --component-colors-utility-orange-utility-orange-700: var(--colors-orange-300); /* @kind color */ --component-colors-utility-pink-utility-pink-100: var(--colors-pink-900); /* @kind color */ --component-colors-utility-pink-utility-pink-200: var(--colors-pink-800); /* @kind color */ --component-colors-utility-pink-utility-pink-300: var(--colors-pink-700); /* @kind color */ --component-colors-utility-pink-utility-pink-400: var(--colors-pink-600); /* @kind color */ --component-colors-utility-pink-utility-pink-500: var(--colors-pink-500); /* @kind color */ --component-colors-utility-pink-utility-pink-50: var(--colors-pink-950); /* @kind color */ --component-colors-utility-pink-utility-pink-600: var(--colors-pink-400); /* @kind color */ --component-colors-utility-pink-utility-pink-700: var(--colors-pink-300); /* @kind color */ --component-colors-utility-purple-utility-purple-100: var(--colors-purple-900); /* @kind color */ --component-colors-utility-purple-utility-purple-200: var(--colors-purple-800); /* @kind color */ --component-colors-utility-purple-utility-purple-300: var(--colors-purple-700); /* @kind color */ --component-colors-utility-purple-utility-purple-400: var(--colors-purple-600); /* @kind color */ --component-colors-utility-purple-utility-purple-500: var(--colors-purple-500); /* @kind color */ --component-colors-utility-purple-utility-purple-50: var(--colors-purple-950); /* @kind color */ --component-colors-utility-purple-utility-purple-600: var(--colors-purple-400); /* @kind color */ --component-colors-utility-purple-utility-purple-700: var(--colors-purple-300); /* @kind color */ --component-colors-utility-success-utility-success-100: var(--colors-success-900); /* @kind color */ --component-colors-utility-success-utility-success-200: var(--colors-success-800); /* @kind color */ --component-colors-utility-success-utility-success-300-2: var(--colors-success-700); /* @kind color */ --component-colors-utility-success-utility-success-300: var(--colors-success-700); /* @kind color */ --component-colors-utility-success-utility-success-400: var(--colors-success-600); /* @kind color */ --component-colors-utility-success-utility-success-500-2: var(--colors-success-500); /* @kind color */ --component-colors-utility-success-utility-success-500-3: var(--colors-success-500); /* @kind color */ --component-colors-utility-success-utility-success-500: var(--colors-success-500); /* @kind color */ --component-colors-utility-success-utility-success-50: var(--colors-success-950); /* @kind color */ --component-colors-utility-success-utility-success-600-2: var(--colors-success-400); /* @kind color */ --component-colors-utility-success-utility-success-600-3: var(--colors-success-400); /* @kind color */ --component-colors-utility-success-utility-success-600: var(--colors-success-400); /* @kind color */ --component-colors-utility-success-utility-success-700-2: var(--colors-success-300); /* @kind color */ --component-colors-utility-success-utility-success-700: var(--colors-success-300); /* @kind color */ --component-colors-utility-warning-utility-warning-100: var(--colors-warning-900); /* @kind color */ --component-colors-utility-warning-utility-warning-200: var(--colors-warning-800); /* @kind color */ --component-colors-utility-warning-utility-warning-300: var(--colors-warning-700); /* @kind color */ --component-colors-utility-warning-utility-warning-400: var(--colors-warning-600); /* @kind color */ --component-colors-utility-warning-utility-warning-500: var(--colors-warning-500); /* @kind color */ --component-colors-utility-warning-utility-warning-50: var(--colors-warning-950); /* @kind color */ --component-colors-utility-warning-utility-warning-600: var(--colors-warning-400); /* @kind color */ --component-colors-utility-warning-utility-warning-700: var(--colors-warning-300); /* @kind color */ --icon-default-default: var(--white-1000); /* @kind color */ --icon-positive-secondary: var(--green-400); /* @kind color */ --width-move-width-lg: var(--spacing-256-1-024px); --width-move-width-md: var(--spacing-192-768px); } :root[data-theme="light"], .light { --colors-green: rgb(36,138,61); /* @kind color */ }