src/styles/custom.css - master - anv/hackathon

src/styles/custom.css
669 строк38 KB
ANV
update fonts
25 мар 2025, 06:17
25 мар 2025, 06:177f8618c
/* stylelint-disable prettier/prettier */
/* stylelint-disable-next-line at-rule-empty-line-before */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates&display=swap');

.g-root_theme_light {
    
    --g-font-family-sans: 'Montserrat Alternates', sans-serif;
    --g-font-family-monospace: 'Montserrat Alternates', monospace;
    --g-font-family-additional-font-1: 'Montserrat Alternates';
    --g-color-private-white-50: rgba(255,255,255,0.05);
        --g-color-private-white-70: rgba(255,255,255,0.07);
        --g-color-private-white-100: rgba(255,255,255,0.1);
        --g-color-private-white-150: rgba(255,255,255,0.15);
        --g-color-private-white-200: rgba(255,255,255,0.2);
        --g-color-private-white-250: rgba(255,255,255,0.25);
        --g-color-private-white-300: rgba(255,255,255,0.3);
        --g-color-private-white-350: rgba(255,255,255,0.35);
        --g-color-private-white-400: rgba(255,255,255,0.4);
        --g-color-private-white-450: rgba(255,255,255,0.45);
        --g-color-private-white-500: rgba(255,255,255,0.5);
        --g-color-private-white-550: rgba(255,255,255,0.55);
        --g-color-private-white-600: rgba(255,255,255,0.6);
        --g-color-private-white-650: rgba(255,255,255,0.65);
        --g-color-private-white-700: rgba(255,255,255,0.7);
        --g-color-private-white-750: rgba(255,255,255,0.75);
        --g-color-private-white-800: rgba(255,255,255,0.8);
        --g-color-private-white-850: rgba(255,255,255,0.85);
        --g-color-private-white-900: rgba(255,255,255,0.9);
        --g-color-private-white-950: rgba(255,255,255,0.95);
        --g-color-private-white-550-solid: rgb(255,255,255);
        
        --g-color-private-black-50: rgba(0,0,0,0.05);
        --g-color-private-black-100: rgba(0,0,0,0.1);
        --g-color-private-black-150: rgba(0,0,0,0.15);
        --g-color-private-black-200: rgba(0,0,0,0.2);
        --g-color-private-black-250: rgba(0,0,0,0.25);
        --g-color-private-black-300: rgba(0,0,0,0.3);
        --g-color-private-black-350: rgba(0,0,0,0.35);
        --g-color-private-black-400: rgba(0,0,0,0.4);
        --g-color-private-black-450: rgba(0,0,0,0.45);
        --g-color-private-black-500: rgba(0,0,0,0.5);
        --g-color-private-black-550: rgba(0,0,0,0.55);
        --g-color-private-black-600: rgba(0,0,0,0.6);
        --g-color-private-black-650: rgba(0,0,0,0.65);
        --g-color-private-black-700: rgba(0,0,0,0.7);
        --g-color-private-black-750: rgba(0,0,0,0.75);
        --g-color-private-black-800: rgba(0,0,0,0.8);
        --g-color-private-black-850: rgba(0,0,0,0.85);
        --g-color-private-black-900: rgba(0,0,0,0.9);
        --g-color-private-black-950: rgba(0,0,0,0.95);
        --g-color-private-black-550-solid: rgb(115,115,115);
        --g-color-private-black-950-solid: rgb(13,13,13);
        --g-color-private-black-900-solid: rgb(25,25,25);
        --g-color-private-black-850-solid: rgb(38,38,38);
        --g-color-private-black-800-solid: rgb(51,51,51);
        --g-color-private-black-750-solid: rgb(64,64,64);
        --g-color-private-black-700-solid: rgb(77,77,77);
        --g-color-private-black-650-solid: rgb(89,89,89);
        --g-color-private-black-600-solid: rgb(102,102,102);
        --g-color-private-black-500-solid: rgb(128,128,128);
        --g-color-private-black-450-solid: rgb(140,140,140);
        --g-color-private-black-400-solid: rgb(153,153,153);
        --g-color-private-black-350-solid: rgb(166,166,166);
        --g-color-private-black-300-solid: rgb(179,179,179);
        --g-color-private-black-250-solid: rgb(191,191,191);
        --g-color-private-black-200-solid: rgb(204,204,204);
        --g-color-private-black-150-solid: rgb(217,217,217);
        --g-color-private-black-100-solid: rgb(230,230,230);
        --g-color-private-black-50-solid: rgb(242,242,242);
        
        --g-color-private-brand-50: rgba(11,192,220,0.1);
        --g-color-private-brand-100: rgba(11,192,220,0.15);
        --g-color-private-brand-150: rgba(11,192,220,0.2);
        --g-color-private-brand-200: rgba(11,192,220,0.3);
        --g-color-private-brand-250: rgba(11,192,220,0.4);
        --g-color-private-brand-300: rgba(11,192,220,0.5);
        --g-color-private-brand-350: rgba(11,192,220,0.6);
        --g-color-private-brand-400: rgba(11,192,220,0.7);
        --g-color-private-brand-450: rgba(11,192,220,0.8);
        --g-color-private-brand-500: rgba(11,192,220,0.9);
        --g-color-private-brand-550-solid: rgb(11,192,220);
        --g-color-private-brand-1000-solid: rgb(31,56,61);
        --g-color-private-brand-950-solid: rgb(29,64,70);
        --g-color-private-brand-900-solid: rgb(27,80,89);
        --g-color-private-brand-850-solid: rgb(25,96,108);
        --g-color-private-brand-800-solid: rgb(23,112,127);
        --g-color-private-brand-750-solid: rgb(20,128,145);
        --g-color-private-brand-700-solid: rgb(18,144,164);
        --g-color-private-brand-650-solid: rgb(16,160,183);
        --g-color-private-brand-600-solid: rgb(13,176,201);
        --g-color-private-brand-500-solid: rgb(35,198,224);
        --g-color-private-brand-450-solid: rgb(60,205,227);
        --g-color-private-brand-400-solid: rgb(84,211,231);
        --g-color-private-brand-350-solid: rgb(109,217,234);
        --g-color-private-brand-300-solid: rgb(133,224,238);
        --g-color-private-brand-250-solid: rgb(157,230,241);
        --g-color-private-brand-200-solid: rgb(182,236,245);
        --g-color-private-brand-150-solid: rgb(206,242,248);
        --g-color-private-brand-100-solid: rgb(218,246,250);
        --g-color-private-brand-50-solid: rgb(231,249,252);
        
        --g-color-private-orange-50: rgba(255,119,0,0.1);
        --g-color-private-orange-100: rgba(255,119,0,0.15);
        --g-color-private-orange-150: rgba(255,119,0,0.2);
        --g-color-private-orange-200: rgba(255,119,0,0.3);
        --g-color-private-orange-250: rgba(255,119,0,0.4);
        --g-color-private-orange-300: rgba(255,119,0,0.5);
        --g-color-private-orange-350: rgba(255,119,0,0.6);
        --g-color-private-orange-400: rgba(255,119,0,0.7);
        --g-color-private-orange-450: rgba(255,119,0,0.8);
        --g-color-private-orange-500: rgba(255,119,0,0.9);
        --g-color-private-orange-550-solid: rgb(255,119,0);
        --g-color-private-orange-1000-solid: rgb(67,45,28);
        --g-color-private-orange-950-solid: rgb(78,49,26);
        --g-color-private-orange-900-solid: rgb(100,58,23);
        --g-color-private-orange-850-solid: rgb(122,67,20);
        --g-color-private-orange-800-solid: rgb(145,76,17);
        --g-color-private-orange-750-solid: rgb(167,84,13);
        --g-color-private-orange-700-solid: rgb(189,93,10);
        --g-color-private-orange-650-solid: rgb(211,102,7);
        --g-color-private-orange-600-solid: rgb(233,110,3);
        --g-color-private-orange-500-solid: rgb(255,133,25);
        --g-color-private-orange-450-solid: rgb(255,146,51);
        --g-color-private-orange-400-solid: rgb(255,160,77);
        --g-color-private-orange-350-solid: rgb(255,173,102);
        --g-color-private-orange-300-solid: rgb(255,187,128);
        --g-color-private-orange-250-solid: rgb(255,201,153);
        --g-color-private-orange-200-solid: rgb(255,214,179);
        --g-color-private-orange-150-solid: rgb(255,228,204);
        --g-color-private-orange-100-solid: rgb(255,235,217);
        --g-color-private-orange-50-solid: rgb(255,241,230);
        
        --g-color-private-green-50: rgba(59,201,53,0.1);
        --g-color-private-green-100: rgba(59,201,53,0.15);
        --g-color-private-green-150: rgba(59,201,53,0.2);
        --g-color-private-green-200: rgba(59,201,53,0.3);
        --g-color-private-green-250: rgba(59,201,53,0.4);
        --g-color-private-green-300: rgba(59,201,53,0.5);
        --g-color-private-green-350: rgba(59,201,53,0.6);
        --g-color-private-green-400: rgba(59,201,53,0.7);
        --g-color-private-green-450: rgba(59,201,53,0.8);
        --g-color-private-green-500: rgba(59,201,53,0.9);
        --g-color-private-green-550-solid: rgb(59,201,53);
        --g-color-private-green-1000-solid: rgb(38,57,36);
        --g-color-private-green-950-solid: rgb(39,66,37);
        --g-color-private-green-900-solid: rgb(42,83,39);
        --g-color-private-green-850-solid: rgb(44,100,41);
        --g-color-private-green-800-solid: rgb(47,117,43);
        --g-color-private-green-750-solid: rgb(49,133,45);
        --g-color-private-green-700-solid: rgb(52,150,47);
        --g-color-private-green-650-solid: rgb(54,167,49);
        --g-color-private-green-600-solid: rgb(57,184,51);
        --g-color-private-green-500-solid: rgb(79,206,73);
        --g-color-private-green-450-solid: rgb(98,212,93);
        --g-color-private-green-400-solid: rgb(118,217,114);
        --g-color-private-green-350-solid: rgb(137,223,134);
        --g-color-private-green-300-solid: rgb(157,228,154);
        --g-color-private-green-250-solid: rgb(177,233,174);
        --g-color-private-green-200-solid: rgb(196,239,194);
        --g-color-private-green-150-solid: rgb(216,244,215);
        --g-color-private-green-100-solid: rgb(226,247,225);
        --g-color-private-green-50-solid: rgb(235,250,235);
        
        --g-color-private-yellow-50: rgba(255,219,77,0.1);
        --g-color-private-yellow-100: rgba(255,219,77,0.15);
        --g-color-private-yellow-150: rgba(255,219,77,0.2);
        --g-color-private-yellow-200: rgba(255,219,77,0.3);
        --g-color-private-yellow-250: rgba(255,219,77,0.4);
        --g-color-private-yellow-300: rgba(255,219,77,0.5);
        --g-color-private-yellow-350: rgba(255,219,77,0.6);
        --g-color-private-yellow-400: rgba(255,219,77,0.7);
        --g-color-private-yellow-450: rgba(255,219,77,0.8);
        --g-color-private-yellow-500: rgba(255,219,77,0.9);
        --g-color-private-yellow-550-solid: rgb(255,219,77);
        --g-color-private-yellow-1000-solid: rgb(67,60,40);
        --g-color-private-yellow-950-solid: rgb(78,69,42);
        --g-color-private-yellow-900-solid: rgb(100,88,46);
        --g-color-private-yellow-850-solid: rgb(122,107,51);
        --g-color-private-yellow-800-solid: rgb(145,126,55);
        --g-color-private-yellow-750-solid: rgb(167,144,59);
        --g-color-private-yellow-700-solid: rgb(189,163,64);
        --g-color-private-yellow-650-solid: rgb(211,182,68);
        --g-color-private-yellow-600-solid: rgb(233,200,73);
        --g-color-private-yellow-500-solid: rgb(255,223,95);
        --g-color-private-yellow-450-solid: rgb(255,226,113);
        --g-color-private-yellow-400-solid: rgb(255,230,130);
        --g-color-private-yellow-350-solid: rgb(255,233,148);
        --g-color-private-yellow-300-solid: rgb(255,237,166);
        --g-color-private-yellow-250-solid: rgb(255,241,184);
        --g-color-private-yellow-200-solid: rgb(255,244,202);
        --g-color-private-yellow-150-solid: rgb(255,248,219);
        --g-color-private-yellow-100-solid: rgb(255,250,228);
        --g-color-private-yellow-50-solid: rgb(255,251,237);
        
        --g-color-private-red-50: rgba(255,4,0,0.1);
        --g-color-private-red-100: rgba(255,4,0,0.15);
        --g-color-private-red-150: rgba(255,4,0,0.2);
        --g-color-private-red-200: rgba(255,4,0,0.3);
        --g-color-private-red-250: rgba(255,4,0,0.4);
        --g-color-private-red-300: rgba(255,4,0,0.5);
        --g-color-private-red-350: rgba(255,4,0,0.6);
        --g-color-private-red-400: rgba(255,4,0,0.7);
        --g-color-private-red-450: rgba(255,4,0,0.8);
        --g-color-private-red-500: rgba(255,4,0,0.9);
        --g-color-private-red-550-solid: rgb(255,4,0);
        --g-color-private-red-1000-solid: rgb(67,28,28);
        --g-color-private-red-950-solid: rgb(78,26,26);
        --g-color-private-red-900-solid: rgb(100,24,23);
        --g-color-private-red-850-solid: rgb(122,21,20);
        --g-color-private-red-800-solid: rgb(145,18,17);
        --g-color-private-red-750-solid: rgb(167,15,13);
        --g-color-private-red-700-solid: rgb(189,12,10);
        --g-color-private-red-650-solid: rgb(211,10,7);
        --g-color-private-red-600-solid: rgb(233,7,3);
        --g-color-private-red-500-solid: rgb(255,29,25);
        --g-color-private-red-450-solid: rgb(255,54,51);
        --g-color-private-red-400-solid: rgb(255,79,77);
        --g-color-private-red-350-solid: rgb(255,104,102);
        --g-color-private-red-300-solid: rgb(255,130,128);
        --g-color-private-red-250-solid: rgb(255,155,153);
        --g-color-private-red-200-solid: rgb(255,180,179);
        --g-color-private-red-150-solid: rgb(255,205,204);
        --g-color-private-red-100-solid: rgb(255,217,217);
        --g-color-private-red-50-solid: rgb(255,230,230);
        
        --g-color-private-blue-50: rgba(82,130,255,0.1);
        --g-color-private-blue-100: rgba(82,130,255,0.15);
        --g-color-private-blue-150: rgba(82,130,255,0.2);
        --g-color-private-blue-200: rgba(82,130,255,0.3);
        --g-color-private-blue-250: rgba(82,130,255,0.4);
        --g-color-private-blue-300: rgba(82,130,255,0.5);
        --g-color-private-blue-350: rgba(82,130,255,0.6);
        --g-color-private-blue-400: rgba(82,130,255,0.7);
        --g-color-private-blue-450: rgba(82,130,255,0.8);
        --g-color-private-blue-500: rgba(82,130,255,0.9);
        --g-color-private-blue-550-solid: rgb(82,130,255);
        --g-color-private-blue-1000-solid: rgb(41,47,66);
        --g-color-private-blue-950-solid: rgb(44,52,77);
        --g-color-private-blue-900-solid: rgb(48,61,100);
        --g-color-private-blue-850-solid: rgb(53,71,122);
        --g-color-private-blue-800-solid: rgb(58,81,144);
        --g-color-private-blue-750-solid: rgb(63,91,166);
        --g-color-private-blue-700-solid: rgb(68,101,188);
        --g-color-private-blue-650-solid: rgb(72,110,211);
        --g-color-private-blue-600-solid: rgb(77,120,233);
        --g-color-private-blue-500-solid: rgb(99,143,255);
        --g-color-private-blue-450-solid: rgb(117,155,255);
        --g-color-private-blue-400-solid: rgb(134,168,255);
        --g-color-private-blue-350-solid: rgb(151,180,255);
        --g-color-private-blue-300-solid: rgb(169,193,255);
        --g-color-private-blue-250-solid: rgb(186,205,255);
        --g-color-private-blue-200-solid: rgb(203,218,255);
        --g-color-private-blue-150-solid: rgb(220,230,255);
        --g-color-private-blue-100-solid: rgb(229,236,255);
        --g-color-private-blue-50-solid: rgb(238,243,255);
        
        --g-color-private-cool-grey-50: rgba(107,132,153,0.1);
        --g-color-private-cool-grey-100: rgba(107,132,153,0.15);
        --g-color-private-cool-grey-150: rgba(107,132,153,0.2);
        --g-color-private-cool-grey-200: rgba(107,132,153,0.3);
        --g-color-private-cool-grey-250: rgba(107,132,153,0.4);
        --g-color-private-cool-grey-300: rgba(107,132,153,0.5);
        --g-color-private-cool-grey-350: rgba(107,132,153,0.6);
        --g-color-private-cool-grey-400: rgba(107,132,153,0.7);
        --g-color-private-cool-grey-450: rgba(107,132,153,0.8);
        --g-color-private-cool-grey-500: rgba(107,132,153,0.9);
        --g-color-private-cool-grey-550-solid: rgb(107,132,153);
        --g-color-private-cool-grey-1000-solid: rgb(45,47,51);
        --g-color-private-cool-grey-950-solid: rgb(49,52,57);
        --g-color-private-cool-grey-900-solid: rgb(56,62,69);
        --g-color-private-cool-grey-850-solid: rgb(63,72,81);
        --g-color-private-cool-grey-800-solid: rgb(71,82,93);
        --g-color-private-cool-grey-750-solid: rgb(78,92,105);
        --g-color-private-cool-grey-700-solid: rgb(85,102,117);
        --g-color-private-cool-grey-650-solid: rgb(92,112,129);
        --g-color-private-cool-grey-600-solid: rgb(100,122,141);
        --g-color-private-cool-grey-500-solid: rgb(122,144,163);
        --g-color-private-cool-grey-450-solid: rgb(137,157,173);
        --g-color-private-cool-grey-400-solid: rgb(151,169,184);
        --g-color-private-cool-grey-350-solid: rgb(166,181,194);
        --g-color-private-cool-grey-300-solid: rgb(181,194,204);
        --g-color-private-cool-grey-250-solid: rgb(196,206,214);
        --g-color-private-cool-grey-200-solid: rgb(211,218,224);
        --g-color-private-cool-grey-150-solid: rgb(225,230,235);
        --g-color-private-cool-grey-100-solid: rgb(233,237,240);
        --g-color-private-cool-grey-50-solid: rgb(240,243,245);
        
        --g-color-private-purple-50: rgba(143,82,204,0.1);
        --g-color-private-purple-100: rgba(143,82,204,0.15);
        --g-color-private-purple-150: rgba(143,82,204,0.2);
        --g-color-private-purple-200: rgba(143,82,204,0.3);
        --g-color-private-purple-250: rgba(143,82,204,0.4);
        --g-color-private-purple-300: rgba(143,82,204,0.5);
        --g-color-private-purple-350: rgba(143,82,204,0.6);
        --g-color-private-purple-400: rgba(143,82,204,0.7);
        --g-color-private-purple-450: rgba(143,82,204,0.8);
        --g-color-private-purple-500: rgba(143,82,204,0.9);
        --g-color-private-purple-550-solid: rgb(143,82,204);
        --g-color-private-purple-1000-solid: rgb(50,40,59);
        --g-color-private-purple-950-solid: rgb(56,42,67);
        --g-color-private-purple-900-solid: rgb(67,47,84);
        --g-color-private-purple-850-solid: rgb(78,52,101);
        --g-color-private-purple-800-solid: rgb(89,57,119);
        --g-color-private-purple-750-solid: rgb(99,62,136);
        --g-color-private-purple-700-solid: rgb(110,67,153);
        --g-color-private-purple-650-solid: rgb(121,72,170);
        --g-color-private-purple-600-solid: rgb(132,77,187);
        --g-color-private-purple-500-solid: rgb(154,99,209);
        --g-color-private-purple-450-solid: rgb(165,117,214);
        --g-color-private-purple-400-solid: rgb(177,134,219);
        --g-color-private-purple-350-solid: rgb(188,151,224);
        --g-color-private-purple-300-solid: rgb(199,169,230);
        --g-color-private-purple-250-solid: rgb(210,186,235);
        --g-color-private-purple-200-solid: rgb(221,203,240);
        --g-color-private-purple-150-solid: rgb(233,220,245);
        --g-color-private-purple-100-solid: rgb(238,229,247);
        --g-color-private-purple-50-solid: rgb(244,238,250);
        
        
        --g-color-base-brand: #0bc0dc;
        --g-color-base-background: rgb(255,255,255);
        --g-color-base-brand-hover: var(--g-color-private-brand-600-solid);
        --g-color-base-selection: var(--g-color-private-brand-200);
        --g-color-base-selection-hover: var(--g-color-private-brand-300);
        --g-color-line-brand: var(--g-color-private-brand-600-solid);
        --g-color-text-brand: var(--g-color-private-brand-700-solid);
        --g-color-text-brand-heavy: var(--g-color-private-brand-700-solid);
        --g-color-text-brand-contrast: rgba(0, 0, 0, 0.85);
        --g-color-text-link: var(--g-color-private-brand-600-solid);
        --g-color-text-link-hover: var(--g-color-private-brand-800-solid);
        --g-color-text-link-visited: var(--g-color-private-purple-550-solid);
        --g-color-text-link-visited-hover: var(--g-color-private-purple-800-solid);
}

.g-root_theme_dark {
    
  --g-font-family-sans: 'Montserrat Alternates', sans-serif;
  --g-font-family-monospace: 'Montserrat Alternates', monospace;
  --g-font-family-additional-font-1: 'Montserrat Alternates';

    --g-color-private-white-50: rgba(255,255,255,0.05);
        --g-color-private-white-70: rgba(255,255,255,0.07);
        --g-color-private-white-100: rgba(255,255,255,0.1);
        --g-color-private-white-150: rgba(255,255,255,0.15);
        --g-color-private-white-200: rgba(255,255,255,0.2);
        --g-color-private-white-250: rgba(255,255,255,0.25);
        --g-color-private-white-300: rgba(255,255,255,0.3);
        --g-color-private-white-350: rgba(255,255,255,0.35);
        --g-color-private-white-400: rgba(255,255,255,0.4);
        --g-color-private-white-450: rgba(255,255,255,0.45);
        --g-color-private-white-500: rgba(255,255,255,0.5);
        --g-color-private-white-550: rgba(255,255,255,0.55);
        --g-color-private-white-600: rgba(255,255,255,0.6);
        --g-color-private-white-650: rgba(255,255,255,0.65);
        --g-color-private-white-700: rgba(255,255,255,0.7);
        --g-color-private-white-750: rgba(255,255,255,0.75);
        --g-color-private-white-800: rgba(255,255,255,0.8);
        --g-color-private-white-850: rgba(255,255,255,0.85);
        --g-color-private-white-900: rgba(255,255,255,0.9);
        --g-color-private-white-950: rgba(255,255,255,0.95);
        --g-color-private-white-550-solid: rgb(156,155,155);
        --g-color-private-white-950-solid: rgb(244,244,244);
        --g-color-private-white-900-solid: rgb(233,233,233);
        --g-color-private-white-850-solid: rgb(222,222,222);
        --g-color-private-white-800-solid: rgb(211,210,211);
        --g-color-private-white-750-solid: rgb(200,199,200);
        --g-color-private-white-700-solid: rgb(189,188,188);
        --g-color-private-white-650-solid: rgb(178,177,177);
        --g-color-private-white-600-solid: rgb(167,166,166);
        --g-color-private-white-500-solid: rgb(145,144,144);
        --g-color-private-white-450-solid: rgb(133,132,133);
        --g-color-private-white-400-solid: rgb(122,121,122);
        --g-color-private-white-350-solid: rgb(111,110,111);
        --g-color-private-white-300-solid: rgb(100,99,100);
        --g-color-private-white-250-solid: rgb(89,88,89);
        --g-color-private-white-200-solid: rgb(78,77,77);
        --g-color-private-white-150-solid: rgb(67,65,66);
        --g-color-private-white-100-solid: rgb(56,54,55);
        --g-color-private-white-70-solid: rgb(49,48,49);
        --g-color-private-white-50-solid: rgb(45,43,44);
        --g-color-private-white-opaque-150: rgba(67,65,66,0.95);
        
        --g-color-private-black-20: rgba(0,0,0,0.02);
        --g-color-private-black-50: rgba(0,0,0,0.05);
        --g-color-private-black-100: rgba(0,0,0,0.1);
        --g-color-private-black-150: rgba(0,0,0,0.15);
        --g-color-private-black-200: rgba(0,0,0,0.2);
        --g-color-private-black-250: rgba(0,0,0,0.25);
        --g-color-private-black-300: rgba(0,0,0,0.3);
        --g-color-private-black-350: rgba(0,0,0,0.35);
        --g-color-private-black-400: rgba(0,0,0,0.4);
        --g-color-private-black-450: rgba(0,0,0,0.45);
        --g-color-private-black-500: rgba(0,0,0,0.5);
        --g-color-private-black-550: rgba(0,0,0,0.55);
        --g-color-private-black-600: rgba(0,0,0,0.6);
        --g-color-private-black-650: rgba(0,0,0,0.65);
        --g-color-private-black-700: rgba(0,0,0,0.7);
        --g-color-private-black-750: rgba(0,0,0,0.75);
        --g-color-private-black-800: rgba(0,0,0,0.8);
        --g-color-private-black-850: rgba(0,0,0,0.85);
        --g-color-private-black-900: rgba(0,0,0,0.9);
        --g-color-private-black-950: rgba(0,0,0,0.95);
        --g-color-private-black-550-solid: rgb(0,0,0);
        
        --g-color-private-brand-50: rgba(11,192,220,0.1);
        --g-color-private-brand-100: rgba(11,192,220,0.15);
        --g-color-private-brand-150: rgba(11,192,220,0.2);
        --g-color-private-brand-200: rgba(11,192,220,0.3);
        --g-color-private-brand-250: rgba(11,192,220,0.4);
        --g-color-private-brand-300: rgba(11,192,220,0.5);
        --g-color-private-brand-350: rgba(11,192,220,0.6);
        --g-color-private-brand-400: rgba(11,192,220,0.7);
        --g-color-private-brand-450: rgba(11,192,220,0.8);
        --g-color-private-brand-500: rgba(11,192,220,0.9);
        --g-color-private-brand-550-solid: rgb(11,192,220);
        --g-color-private-brand-1000-solid: rgb(218,246,250);
        --g-color-private-brand-950-solid: rgb(206,242,248);
        --g-color-private-brand-900-solid: rgb(182,236,245);
        --g-color-private-brand-850-solid: rgb(157,230,241);
        --g-color-private-brand-800-solid: rgb(133,224,238);
        --g-color-private-brand-750-solid: rgb(109,217,234);
        --g-color-private-brand-700-solid: rgb(84,211,231);
        --g-color-private-brand-650-solid: rgb(60,205,227);
        --g-color-private-brand-600-solid: rgb(35,198,224);
        --g-color-private-brand-500-solid: rgb(13,176,201);
        --g-color-private-brand-450-solid: rgb(16,160,183);
        --g-color-private-brand-400-solid: rgb(18,144,164);
        --g-color-private-brand-350-solid: rgb(20,128,145);
        --g-color-private-brand-300-solid: rgb(23,112,127);
        --g-color-private-brand-250-solid: rgb(25,96,108);
        --g-color-private-brand-200-solid: rgb(27,80,89);
        --g-color-private-brand-150-solid: rgb(29,64,70);
        --g-color-private-brand-100-solid: rgb(31,56,61);
        --g-color-private-brand-50-solid: rgb(32,48,52);
        
        --g-color-private-orange-50: rgba(200,99,12,0.1);
        --g-color-private-orange-100: rgba(200,99,12,0.15);
        --g-color-private-orange-150: rgba(200,99,12,0.2);
        --g-color-private-orange-200: rgba(200,99,12,0.3);
        --g-color-private-orange-250: rgba(200,99,12,0.4);
        --g-color-private-orange-300: rgba(200,99,12,0.5);
        --g-color-private-orange-350: rgba(200,99,12,0.6);
        --g-color-private-orange-400: rgba(200,99,12,0.7);
        --g-color-private-orange-450: rgba(200,99,12,0.8);
        --g-color-private-orange-500: rgba(200,99,12,0.9);
        --g-color-private-orange-550-solid: rgb(200,99,12);
        --g-color-private-orange-1000-solid: rgb(247,232,219);
        --g-color-private-orange-950-solid: rgb(244,224,206);
        --g-color-private-orange-900-solid: rgb(239,208,182);
        --g-color-private-orange-850-solid: rgb(233,193,158);
        --g-color-private-orange-800-solid: rgb(228,177,134);
        --g-color-private-orange-750-solid: rgb(222,161,109);
        --g-color-private-orange-700-solid: rgb(217,146,85);
        --g-color-private-orange-650-solid: rgb(211,130,61);
        --g-color-private-orange-600-solid: rgb(206,115,36);
        --g-color-private-orange-500-solid: rgb(183,92,14);
        --g-color-private-orange-450-solid: rgb(167,86,16);
        --g-color-private-orange-400-solid: rgb(150,79,18);
        --g-color-private-orange-350-solid: rgb(134,72,20);
        --g-color-private-orange-300-solid: rgb(117,66,23);
        --g-color-private-orange-250-solid: rgb(100,59,25);
        --g-color-private-orange-200-solid: rgb(84,52,27);
        --g-color-private-orange-150-solid: rgb(67,45,29);
        --g-color-private-orange-100-solid: rgb(59,42,30);
        --g-color-private-orange-50-solid: rgb(51,39,31);
        
        --g-color-private-green-50: rgba(91,181,87,0.1);
        --g-color-private-green-100: rgba(91,181,87,0.15);
        --g-color-private-green-150: rgba(91,181,87,0.2);
        --g-color-private-green-200: rgba(91,181,87,0.3);
        --g-color-private-green-250: rgba(91,181,87,0.4);
        --g-color-private-green-300: rgba(91,181,87,0.5);
        --g-color-private-green-350: rgba(91,181,87,0.6);
        --g-color-private-green-400: rgba(91,181,87,0.7);
        --g-color-private-green-450: rgba(91,181,87,0.8);
        --g-color-private-green-500: rgba(91,181,87,0.9);
        --g-color-private-green-550-solid: rgb(91,181,87);
        --g-color-private-green-1000-solid: rgb(230,244,230);
        --g-color-private-green-950-solid: rgb(222,240,221);
        --g-color-private-green-900-solid: rgb(206,233,205);
        --g-color-private-green-850-solid: rgb(189,225,188);
        --g-color-private-green-800-solid: rgb(173,218,171);
        --g-color-private-green-750-solid: rgb(157,211,154);
        --g-color-private-green-700-solid: rgb(140,203,137);
        --g-color-private-green-650-solid: rgb(124,196,121);
        --g-color-private-green-600-solid: rgb(107,188,104);
        --g-color-private-green-500-solid: rgb(85,166,82);
        --g-color-private-green-450-solid: rgb(80,151,76);
        --g-color-private-green-400-solid: rgb(74,136,71);
        --g-color-private-green-350-solid: rgb(68,121,65);
        --g-color-private-green-300-solid: rgb(63,107,60);
        --g-color-private-green-250-solid: rgb(57,92,55);
        --g-color-private-green-200-solid: rgb(51,77,49);
        --g-color-private-green-150-solid: rgb(45,62,44);
        --g-color-private-green-100-solid: rgb(43,54,41);
        --g-color-private-green-50-solid: rgb(40,47,38);
        
        --g-color-private-yellow-50: rgba(255,203,0,0.1);
        --g-color-private-yellow-100: rgba(255,203,0,0.15);
        --g-color-private-yellow-150: rgba(255,203,0,0.2);
        --g-color-private-yellow-200: rgba(255,203,0,0.3);
        --g-color-private-yellow-250: rgba(255,203,0,0.4);
        --g-color-private-yellow-300: rgba(255,203,0,0.5);
        --g-color-private-yellow-350: rgba(255,203,0,0.6);
        --g-color-private-yellow-400: rgba(255,203,0,0.7);
        --g-color-private-yellow-450: rgba(255,203,0,0.8);
        --g-color-private-yellow-500: rgba(255,203,0,0.9);
        --g-color-private-yellow-550-solid: rgb(255,203,0);
        --g-color-private-yellow-1000-solid: rgb(255,247,217);
        --g-color-private-yellow-950-solid: rgb(255,245,204);
        --g-color-private-yellow-900-solid: rgb(255,239,179);
        --g-color-private-yellow-850-solid: rgb(255,234,153);
        --g-color-private-yellow-800-solid: rgb(255,229,128);
        --g-color-private-yellow-750-solid: rgb(255,224,102);
        --g-color-private-yellow-700-solid: rgb(255,219,77);
        --g-color-private-yellow-650-solid: rgb(255,213,51);
        --g-color-private-yellow-600-solid: rgb(255,208,25);
        --g-color-private-yellow-500-solid: rgb(233,186,3);
        --g-color-private-yellow-450-solid: rgb(211,169,7);
        --g-color-private-yellow-400-solid: rgb(189,152,10);
        --g-color-private-yellow-350-solid: rgb(167,135,13);
        --g-color-private-yellow-300-solid: rgb(145,118,17);
        --g-color-private-yellow-250-solid: rgb(122,100,20);
        --g-color-private-yellow-200-solid: rgb(100,83,23);
        --g-color-private-yellow-150-solid: rgb(78,66,26);
        --g-color-private-yellow-100-solid: rgb(67,58,28);
        --g-color-private-yellow-50-solid: rgb(56,49,30);
        
        --g-color-private-red-50: rgba(232,73,69,0.1);
        --g-color-private-red-100: rgba(232,73,69,0.15);
        --g-color-private-red-150: rgba(232,73,69,0.2);
        --g-color-private-red-200: rgba(232,73,69,0.3);
        --g-color-private-red-250: rgba(232,73,69,0.4);
        --g-color-private-red-300: rgba(232,73,69,0.5);
        --g-color-private-red-350: rgba(232,73,69,0.6);
        --g-color-private-red-400: rgba(232,73,69,0.7);
        --g-color-private-red-450: rgba(232,73,69,0.8);
        --g-color-private-red-500: rgba(232,73,69,0.9);
        --g-color-private-red-550-solid: rgb(232,73,69);
        --g-color-private-red-1000-solid: rgb(252,228,227);
        --g-color-private-red-950-solid: rgb(250,219,218);
        --g-color-private-red-900-solid: rgb(248,200,199);
        --g-color-private-red-850-solid: rgb(246,182,181);
        --g-color-private-red-800-solid: rgb(244,164,162);
        --g-color-private-red-750-solid: rgb(241,146,143);
        --g-color-private-red-700-solid: rgb(239,128,125);
        --g-color-private-red-650-solid: rgb(237,109,106);
        --g-color-private-red-600-solid: rgb(234,91,88);
        --g-color-private-red-500-solid: rgb(212,69,65);
        --g-color-private-red-450-solid: rgb(192,65,62);
        --g-color-private-red-400-solid: rgb(173,61,58);
        --g-color-private-red-350-solid: rgb(153,57,55);
        --g-color-private-red-300-solid: rgb(133,53,51);
        --g-color-private-red-250-solid: rgb(113,48,47);
        --g-color-private-red-200-solid: rgb(93,44,44);
        --g-color-private-red-150-solid: rgb(74,40,40);
        --g-color-private-red-100-solid: rgb(64,38,38);
        --g-color-private-red-50-solid: rgb(54,36,37);
        
        --g-color-private-blue-50: rgba(82,130,255,0.1);
        --g-color-private-blue-100: rgba(82,130,255,0.15);
        --g-color-private-blue-150: rgba(82,130,255,0.2);
        --g-color-private-blue-200: rgba(82,130,255,0.3);
        --g-color-private-blue-250: rgba(82,130,255,0.4);
        --g-color-private-blue-300: rgba(82,130,255,0.5);
        --g-color-private-blue-350: rgba(82,130,255,0.6);
        --g-color-private-blue-400: rgba(82,130,255,0.7);
        --g-color-private-blue-450: rgba(82,130,255,0.8);
        --g-color-private-blue-500: rgba(82,130,255,0.9);
        --g-color-private-blue-550-solid: rgb(82,130,255);
        --g-color-private-blue-1000-solid: rgb(229,236,255);
        --g-color-private-blue-950-solid: rgb(220,230,255);
        --g-color-private-blue-900-solid: rgb(203,218,255);
        --g-color-private-blue-850-solid: rgb(186,205,255);
        --g-color-private-blue-800-solid: rgb(169,193,255);
        --g-color-private-blue-750-solid: rgb(151,180,255);
        --g-color-private-blue-700-solid: rgb(134,168,255);
        --g-color-private-blue-650-solid: rgb(117,155,255);
        --g-color-private-blue-600-solid: rgb(99,143,255);
        --g-color-private-blue-500-solid: rgb(77,120,233);
        --g-color-private-blue-450-solid: rgb(72,110,211);
        --g-color-private-blue-400-solid: rgb(68,101,188);
        --g-color-private-blue-350-solid: rgb(63,91,166);
        --g-color-private-blue-300-solid: rgb(58,81,144);
        --g-color-private-blue-250-solid: rgb(53,71,122);
        --g-color-private-blue-200-solid: rgb(48,61,100);
        --g-color-private-blue-150-solid: rgb(44,52,77);
        --g-color-private-blue-100-solid: rgb(41,47,66);
        --g-color-private-blue-50-solid: rgb(39,42,55);
        
        --g-color-private-cool-grey-50: rgba(96,128,156,0.1);
        --g-color-private-cool-grey-100: rgba(96,128,156,0.15);
        --g-color-private-cool-grey-150: rgba(96,128,156,0.2);
        --g-color-private-cool-grey-200: rgba(96,128,156,0.3);
        --g-color-private-cool-grey-250: rgba(96,128,156,0.4);
        --g-color-private-cool-grey-300: rgba(96,128,156,0.5);
        --g-color-private-cool-grey-350: rgba(96,128,156,0.6);
        --g-color-private-cool-grey-400: rgba(96,128,156,0.7);
        --g-color-private-cool-grey-450: rgba(96,128,156,0.8);
        --g-color-private-cool-grey-500: rgba(96,128,156,0.9);
        --g-color-private-cool-grey-550-solid: rgb(96,128,156);
        --g-color-private-cool-grey-1000-solid: rgb(231,236,240);
        --g-color-private-cool-grey-950-solid: rgb(223,230,235);
        --g-color-private-cool-grey-900-solid: rgb(207,217,225);
        --g-color-private-cool-grey-850-solid: rgb(191,204,215);
        --g-color-private-cool-grey-800-solid: rgb(176,192,206);
        --g-color-private-cool-grey-750-solid: rgb(160,179,196);
        --g-color-private-cool-grey-700-solid: rgb(144,166,186);
        --g-color-private-cool-grey-650-solid: rgb(128,153,176);
        --g-color-private-cool-grey-600-solid: rgb(112,141,166);
        --g-color-private-cool-grey-500-solid: rgb(90,118,144);
        --g-color-private-cool-grey-450-solid: rgb(84,109,131);
        --g-color-private-cool-grey-400-solid: rgb(77,99,119);
        --g-color-private-cool-grey-350-solid: rgb(71,90,107);
        --g-color-private-cool-grey-300-solid: rgb(65,80,95);
        --g-color-private-cool-grey-250-solid: rgb(59,70,82);
        --g-color-private-cool-grey-200-solid: rgb(53,61,70);
        --g-color-private-cool-grey-150-solid: rgb(46,51,58);
        --g-color-private-cool-grey-100-solid: rgb(43,46,51);
        --g-color-private-cool-grey-50-solid: rgb(40,42,45);
        
        --g-color-private-purple-50: rgba(143,82,204,0.1);
        --g-color-private-purple-100: rgba(143,82,204,0.15);
        --g-color-private-purple-150: rgba(143,82,204,0.2);
        --g-color-private-purple-200: rgba(143,82,204,0.3);
        --g-color-private-purple-250: rgba(143,82,204,0.4);
        --g-color-private-purple-300: rgba(143,82,204,0.5);
        --g-color-private-purple-350: rgba(143,82,204,0.6);
        --g-color-private-purple-400: rgba(143,82,204,0.7);
        --g-color-private-purple-450: rgba(143,82,204,0.8);
        --g-color-private-purple-500: rgba(143,82,204,0.9);
        --g-color-private-purple-550-solid: rgb(143,82,204);
        --g-color-private-purple-1000-solid: rgb(238,229,247);
        --g-color-private-purple-950-solid: rgb(233,220,245);
        --g-color-private-purple-900-solid: rgb(221,203,240);
        --g-color-private-purple-850-solid: rgb(210,186,235);
        --g-color-private-purple-800-solid: rgb(199,169,230);
        --g-color-private-purple-750-solid: rgb(188,151,224);
        --g-color-private-purple-700-solid: rgb(177,134,219);
        --g-color-private-purple-650-solid: rgb(165,117,214);
        --g-color-private-purple-600-solid: rgb(154,99,209);
        --g-color-private-purple-500-solid: rgb(132,77,187);
        --g-color-private-purple-450-solid: rgb(121,72,170);
        --g-color-private-purple-400-solid: rgb(110,67,153);
        --g-color-private-purple-350-solid: rgb(99,62,136);
        --g-color-private-purple-300-solid: rgb(89,57,119);
        --g-color-private-purple-250-solid: rgb(78,52,101);
        --g-color-private-purple-200-solid: rgb(67,47,84);
        --g-color-private-purple-150-solid: rgb(56,42,67);
        --g-color-private-purple-100-solid: rgb(50,40,59);
        --g-color-private-purple-50-solid: rgb(45,37,50);
        
        
        --g-color-base-brand: #0bc0dc;
        --g-color-base-background: #222021;
        --g-color-base-brand-hover: var(--g-color-private-brand-650-solid);
        --g-color-base-selection: var(--g-color-private-brand-150);
        --g-color-base-selection-hover: var(--g-color-private-brand-200);
        --g-color-line-brand: var(--g-color-private-brand-600-solid);
        --g-color-text-brand: var(--g-color-private-brand-600-solid);
        --g-color-text-brand-heavy: var(--g-color-private-brand-700-solid);
        --g-color-text-brand-contrast: rgba(0, 0, 0, 0.9);
        --g-color-text-link: var(--g-color-private-brand-550-solid);
        --g-color-text-link-hover: var(--g-color-private-brand-700-solid);
        --g-color-text-link-visited: var(--g-color-private-purple-700-solid);
        --g-color-text-link-visited-hover: var(--g-color-private-purple-850-solid);
}