: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; --primary: #0f3f7d; --primary-l-1: #4b6f9e; --primary-l-2: #879fbe; --primary-l-3: #c3cfdf; --primary-d-1: #0b2f5e; --primary-d-2: #08203f; --primary-d-3: #04101f; --primary-t-1: hsla(214, 79%, 27%, 0.1); --primary-t-2: hsla(214, 79%, 27%, 0.2); --primary-t-3: hsla(214, 79%, 27%, 0.3); --primary-t-4: hsla(214, 79%, 27%, 0.4); --primary-t-5: hsla(214, 79%, 27%, 0.5); --primary-t-6: hsla(214, 79%, 27%, 0.6); --primary-t-7: hsla(214, 79%, 27%, 0.7); --primary-t-8: hsla(214, 79%, 27%, 0.8); --primary-t-9: hsla(214, 79%, 27%, 0.9); --secondary: #159fd9; --tertiary: #46628c; --accent: #0b2549; --base: #7a8595; --bg-body: #ffffff; --bg-surface: #f1f3f6; --text-title: #123f7f; --text-body: #5a6472; --light: #ffffff; --dark: #101820; --success: #2e9e5b; --warning: #d99100; --error: #c0392b; --secondary-l-1: #50b7e3; --secondary-l-2: #8acfec; --secondary-l-3: #c5e7f6; --secondary-d-1: #1077a3; --secondary-d-2: #0b506d; --secondary-d-3: #052836; --secondary-t-1: hsla(198, 82%, 47%, 0.1); --secondary-t-2: hsla(198, 82%, 47%, 0.2); --secondary-t-3: hsla(198, 82%, 47%, 0.3); --secondary-t-4: hsla(198, 82%, 47%, 0.4); --secondary-t-5: hsla(198, 82%, 47%, 0.5); --secondary-t-6: hsla(198, 82%, 47%, 0.6); --secondary-t-7: hsla(198, 82%, 47%, 0.7); --secondary-t-8: hsla(198, 82%, 47%, 0.8); --secondary-t-9: hsla(198, 82%, 47%, 0.9); --tertiary-l-1: #8496b2; --tertiary-l-2: #c1cbd9; --tertiary-d-1: #2f415d; --tertiary-d-2: #17212f; --tertiary-t-1: hsla(216, 33%, 41%, 0.1); --tertiary-t-2: hsla(216, 33%, 41%, 0.2); --tertiary-t-3: hsla(216, 33%, 41%, 0.3); --tertiary-t-4: hsla(216, 33%, 41%, 0.4); --tertiary-t-5: hsla(216, 33%, 41%, 0.5); --tertiary-t-6: hsla(216, 33%, 41%, 0.6); --tertiary-t-7: hsla(216, 33%, 41%, 0.7); --tertiary-t-8: hsla(216, 33%, 41%, 0.8); --tertiary-t-9: hsla(216, 33%, 41%, 0.9); --accent-l-1: #485c77; --accent-l-2: #8592a4; --accent-l-3: #c2c9d2; --base-l-1: #a6aeb8; --base-l-2: #d3d6dc; --base-d-1: #515963; --base-d-2: #292c32; --base-t-1: hsla(216, 11%, 53%, 0.1); --base-t-2: hsla(216, 11%, 53%, 0.2); --base-t-3: hsla(216, 11%, 53%, 0.3); --base-t-4: hsla(216, 11%, 53%, 0.4); --base-t-5: hsla(216, 11%, 53%, 0.5); --base-t-6: hsla(216, 11%, 53%, 0.6); --base-t-7: hsla(216, 11%, 53%, 0.7); --base-t-8: hsla(216, 11%, 53%, 0.8); --base-t-9: hsla(216, 11%, 53%, 0.9); --light-t-1: hsla(0, 0%, 100%, 0.1); --light-t-2: hsla(0, 0%, 100%, 0.2); --light-t-3: hsla(0, 0%, 100%, 0.3); --light-t-4: hsla(0, 0%, 100%, 0.4); --light-t-5: hsla(0, 0%, 100%, 0.5); --light-t-6: hsla(0, 0%, 100%, 0.6); --light-t-7: hsla(0, 0%, 100%, 0.7); --light-t-8: hsla(0, 0%, 100%, 0.8); --light-t-9: hsla(0, 0%, 100%, 0.9); --dark-t-1: hsla(210, 33%, 9%, 0.1); --dark-t-2: hsla(210, 33%, 9%, 0.2); --dark-t-3: hsla(210, 33%, 9%, 0.3); --dark-t-4: hsla(210, 33%, 9%, 0.4); --dark-t-5: hsla(210, 33%, 9%, 0.5); --dark-t-6: hsla(210, 33%, 9%, 0.6); --dark-t-7: hsla(210, 33%, 9%, 0.7); --dark-t-8: hsla(210, 33%, 9%, 0.8); --dark-t-9: hsla(210, 33%, 9%, 0.9); --success-d-1: #1f693d; --success-d-2: #0f351e; --success-t-1: hsla(144, 55%, 40%, 0.1); --success-t-2: hsla(144, 55%, 40%, 0.2); --success-t-3: hsla(144, 55%, 40%, 0.3); --success-t-4: hsla(144, 55%, 40%, 0.4); --success-t-5: hsla(144, 55%, 40%, 0.5); --success-t-6: hsla(144, 55%, 40%, 0.6); --success-t-7: hsla(144, 55%, 40%, 0.7); --success-t-8: hsla(144, 55%, 40%, 0.8); --success-t-9: hsla(144, 55%, 40%, 0.9); --warning-d-1: #916100; --warning-d-2: #483000; --warning-t-1: hsla(40, 100%, 43%, 0.1); --warning-t-2: hsla(40, 100%, 43%, 0.2); --warning-t-3: hsla(40, 100%, 43%, 0.3); --warning-t-4: hsla(40, 100%, 43%, 0.4); --warning-t-5: hsla(40, 100%, 43%, 0.5); --warning-t-6: hsla(40, 100%, 43%, 0.6); --warning-t-7: hsla(40, 100%, 43%, 0.7); --warning-t-8: hsla(40, 100%, 43%, 0.8); --warning-t-9: hsla(40, 100%, 43%, 0.9); --error-d-1: #80261d; --error-d-2: #40130e; --error-t-1: hsla(6, 63%, 46%, 0.1); --error-t-2: hsla(6, 63%, 46%, 0.2); --error-t-3: hsla(6, 63%, 46%, 0.3); --error-t-4: hsla(6, 63%, 46%, 0.4); --error-t-5: hsla(6, 63%, 46%, 0.5); --error-t-6: hsla(6, 63%, 46%, 0.6); --error-t-7: hsla(6, 63%, 46%, 0.7); --error-t-8: hsla(6, 63%, 46%, 0.8); --error-t-9: hsla(6, 63%, 46%, 0.9); --text-2xs: clamp(1.05rem, calc(-0.0011111111111111111 * (100vw - 36rem) + 1.05rem), 0.93rem); --text-xs: clamp(1.19rem, calc(-0.0007407407407407393 * (100vw - 36rem) + 1.19rem), 1.11rem); --text-s: clamp(1.33rem, calc(0 * (100vw - 36rem) + 1.33rem), 1.33rem); --text-m: clamp(1.5rem, calc(0.0009259259259259267 * (100vw - 36rem) + 1.5rem), 1.6rem); --text-l: clamp(1.69rem, calc(0.0021296296296296293 * (100vw - 36rem) + 1.69rem), 1.92rem); --text-xl: clamp(1.9rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.9rem), 2.3rem); --text-2xl: clamp(2.14rem, calc(0.005740740740740737 * (100vw - 36rem) + 2.14rem), 2.76rem); --space-2xs: clamp(0.68rem, calc(0.000277777777777777 * (100vw - 36rem) + 0.68rem), 0.71rem); --space-xs: clamp(0.9rem, calc(0.0009259259259259257 * (100vw - 36rem) + 0.9rem), 1rem); --space-s: clamp(1.2rem, calc(0.0019444444444444442 * (100vw - 36rem) + 1.2rem), 1.41rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2.13rem, calc(0.006481481481481483 * (100vw - 36rem) + 2.13rem), 2.83rem); --space-xl: clamp(2.84rem, calc(0.010740740740740742 * (100vw - 36rem) + 2.84rem), 4rem); --space-2xl: clamp(3.79rem, calc(0.017222222222222226 * (100vw - 36rem) + 3.79rem), 5.65rem);}