:root { --bricks-color-grey-100: #f5f5f5; --bricks-color-grey-300: #e0e0e0; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --bricks-color-grey-900: #212121; --bricks-color-yellow: #ffeb3b; --bricks-color-amber: #ffc107; --bricks-color-orange: #ff9800; --bricks-color-deep-orange: #ff5722; --bricks-color-red: #f44336; --bricks-color-purple: #9c27b0; --bricks-color-blue: #2196f3; --bricks-color-light-blue: #03a9f4; --bricks-color-sky-blue: #81D4FA; --bricks-color-green: #4caf50; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; --Main-Color-Main-Color: #1833FF; --Main-Color-Main-Color-L1: #465CFF; --Main-Color-Main-Color-L2: #7485FF; --Main-Color-Main-Color-L3: #A3ADFF; --Main-Color-Main-Color-L4: #D1D6FF; --Main-Color-Main-Color-L5: #E8EBFF; --Main-Color-Main-Color-D1: #0019E5; --Main-Color-Main-Color-D2: #0000B2; --Main-Color-Main-Color-D3: #000099; --Main-Color-Main-Color-D4: #000066; --Main-Color-Main-Color-D3-3: #000033; --Secondary-Color-Secondary: #FFD3A9; --Secondary-Color-Secondary-L1: #FFD7B2; --Secondary-Color-Secondary-L2: #FFE5CB; --Secondary-Color-Secondary-L3: #FFE9D4; --Secondary-Color-Secondary-L4: #FFF2E5; --Secondary-Color-Secondary-D1: #E5B98F; --Secondary-Color-Secondary-D2: #B2865C; --Secondary-Color-Secondary-D3: #7F5329; --Secondary-Color-Secondary-D4: #4C2000; --Tertiary-Color-Tertiary: #0FFED6; --Tertiary-Color-Tertiary-L: #27FEDA; --Tertiary-Color-Tertiary-L2: #6FFEE6; --Tertiary-Color-Tertiary-L3: #B7FFF3; --Tertiary-Color-Tertiary-L4: #E7FFFB; --Tertiary-Color-Tertiary-D: #00E4BC; --Tertiary-Color-Tertiary-D2: #00B189; --Tertiary-Color-Tertiary-D3: #007E56; --Tertiary-Color-Tertiary-D4: #00653D; --Black: #000000; --Gray-Color-Gray: #E1E5FF; --Gray-Color-Gray-L: #E7EAFF; --Gray-Color-Gray-L2: #EDEFFF; --Gray-Color-Gray-L3: #F3F5FF; --Gray-Color-Gray-L4: #F9FAFF; --Gray-Color-Gray-D: #C7CBE5; --Gray-Color-Gray-D2: #AEB2CC; --Gray-Color-Gray-D3: #9498B2; --Gray-Color-Gray-D4: #484C66; --Gray-Color-Gray-D5: #151933; --White: #FFFFFF; --Text-body: #444444; --Color-White: #FFFFFF; --Color-Neutral-Lightest: #F2F2F2; --Color-Neutral-Lighter: #D8DADA; --Color-Neutral-Light: #B2B6B5; --Color-Neutral: #808685; --Color-Neutral-Dark: #4D5554; --Color-Neutral-Darker: #1A2523; --Color-Neutral-Darkest: #010D0B; --Opacity-Transparent: rgba(255, 255, 255, 0); --Opacity-White-5: rgba(255, 255, 255, 0.05); --Opacity-White-10: rgba(255, 255, 255, 0.1); --Opacity-White-15: rgba(255, 255, 255, 0.15); --Opacity-White-20: rgba(255, 255, 255, 0.2); --Opacity-White-30: rgba(255, 255, 255, 0.3); --Opacity-White-40: rgba(255, 255, 255, 0.4); --Opacity-White-50: rgba(255, 255, 255, 0.5); --Opacity-White-60: rgba(255, 255, 255, 0.6); --Opacity-Neutral-Darkest-5: rgba(1, 13, 11, 0.05); --Opacity-Neutral-Darkest-10: rgba(1, 13, 11, 0.1); --Opacity-Neutral-Darkest-15: rgba(1, 13, 11, 0.15); --Opacity-Neutral-Darkest-20: rgba(1, 13, 11, 0.2); --Opacity-Neutral-Darkest-30: rgba(1, 13, 11, 0.3); --Opacity-Neutral-Darkest-40: rgba(1, 13, 11, 0.4); --Opacity-Neutral-Darkest-50: rgba(1, 13, 11, 0.5); --Opacity-Neutral-Darkest-60: rgba(1, 13, 11, 0.6);}