: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: hsl(255, 77%, 29%); --primary-l-1: hsl(255, 41%, 43%); --primary-l-2: hsl(255, 31%, 57%); --primary-l-3: hsl(255, 31%, 72%); --primary-l-4: hsl(255, 31%, 86%); --primary-d-1: hsl(255, 77%, 23%); --primary-d-2: hsl(255, 77%, 17%); --primary-d-3: hsl(255, 77%, 12%); --primary-d-4: hsl(255, 77%, 6%); --primary-t-1: hsla(255, 31%, 86%, 0.2); --primary-t-2: hsla(255, 31%, 72%, 0.4); --primary-t-3: hsla(255, 31%, 57%, 0.6); --primary-t-4: hsla(255, 41%, 43%, 0.8); --secondary: hsl(252, 90%, 68%); --secondary-l-1: hsl(252, 90%, 74%); --secondary-l-2: hsl(252, 90%, 81%); --secondary-l-3: hsl(252, 90%, 87%); --secondary-l-4: hsl(252, 90%, 94%); --secondary-t-1: hsla(252, 90%, 94%, 0.2); --secondary-t-2: hsla(252, 90%, 87%, 0.4); --secondary-t-3: hsla(252, 90%, 81%, 0.6); --secondary-t-4: hsla(252, 90%, 74%, 0.8); --tertiary: hsl(197, 93%, 84%); --tertiary-l-1: hsl(197, 93%, 87%); --tertiary-l-2: hsl(197, 93%, 90%); --tertiary-l-3: hsl(197, 93%, 94%); --tertiary-l-4: hsl(197, 93%, 97%); --tertiary-t-1: hsla(197, 93%, 97%, 0.2); --tertiary-t-2: hsla(197, 93%, 94%, 0.4); --tertiary-t-3: hsla(197, 93%, 90%, 0.6); --tertiary-t-4: hsla(197, 93%, 87%, 0.8); --light-background-accent: hsl(105, 12%, 93%); --light-background-accent-l-1: hsl(105, 11%, 94%); --light-background-accent-l-2: hsl(105, 11%, 96%); --light-background-accent-l-3: hsl(105, 11%, 97%); --light-background-accent-l-4: hsl(105, 11%, 99%); --grey-background-accent: hsl(53, 7%, 75%); --accent-british-rose: hsl(333, 73%, 88%); --accent-british-rose-l-1: hsl(333, 74%, 90%); --accent-british-rose-l-2: hsl(333, 74%, 93%); --accent-british-rose-l-3: hsl(333, 74%, 95%); --accent-british-rose-l-4: hsl(333, 74%, 98%); --accent-british-rose-d-1: hsl(333, 24%, 70%); --accent-british-rose-d-2: hsl(333, 11%, 53%); --accent-british-rose-d-3: hsl(333, 10%, 35%); --accent-british-rose-d-4: hsl(333, 10%, 18%); --accent-british-rose-t-1: hsla(333, 74%, 98%, 0.2); --accent-british-rose-t-2: hsla(333, 74%, 95%, 0.4); --accent-british-rose-t-3: hsla(333, 74%, 93%, 0.6); --accent-british-rose-t-4: hsla(333, 74%, 90%, 0.8); --accent-pilsener: hsl(61, 92%, 65%); --accent-pilsener-l-1: hsl(61, 92%, 72%); --accent-pilsener-l-2: hsl(61, 92%, 79%); --accent-pilsener-l-3: hsl(61, 92%, 86%); --accent-pilsener-l-4: hsl(61, 92%, 93%); --accent-pilsener-t-1: hsla(61, 92%, 93%, 0.2); --accent-pilsener-t-2: hsla(61, 92%, 86%, 0.4); --accent-pilsener-t-3: hsla(61, 92%, 79%, 0.6); --accent-pilsener-t-4: hsla(61, 92%, 72%, 0.8); --accent-green-bhubua: hsl(79, 98%, 67%); --accent-green-bhubua-l-1: hsl(79, 98%, 73%); --accent-green-bhubua-l-2: hsl(79, 98%, 80%); --accent-green-bhubua-l-3: hsl(79, 98%, 87%); --accent-green-bhubua-l-4: hsl(79, 98%, 93%); --accent-green-bhubua-t-1: hsla(79, 98%, 93%, 0.2); --accent-green-bhubua-t-2: hsla(79, 98%, 87%, 0.4); --accent-green-bhubua-t-3: hsla(79, 98%, 80%, 0.6); --accent-green-bhubua-t-4: hsla(79, 98%, 73%, 0.8); --neutral-light: hsl(0, 0%, 100%); --neutral-light-t-1: hsla(0, 0%, 100%, 0.09); --neutral-light-t-2: hsla(0, 0%, 100%, 0.18); --neutral-light-t-3: hsla(0, 0%, 100%, 0.27); --neutral-light-t-4: hsla(0, 0%, 100%, 0.36); --neutral-light-t-5: hsla(0, 0%, 100%, 0.45); --neutral-light-t-6: hsla(0, 0%, 100%, 0.55); --neutral-light-t-7: hsla(0, 0%, 100%, 0.64); --neutral-light-t-8: hsla(0, 0%, 100%, 0.73); --neutral-light-t-9: hsla(0, 0%, 100%, 0.82); --neutral-light-t-10: hsla(0, 0%, 100%, 0.91); --neutral-dark: hsl(222.2 52.5% 8.3%); --neutral-dark-t-1: hsla(221, 5%, 92%, 0.09); --neutral-dark-t-2: hsla(221, 5%, 83%, 0.18); --neutral-dark-t-3: hsla(221, 5%, 75%, 0.27); --neutral-dark-t-4: hsla(221, 5%, 67%, 0.36); --neutral-dark-t-5: hsla(221, 5%, 58%, 0.45); --neutral-dark-t-6: hsla(221, 5%, 50%, 0.55); --neutral-dark-t-7: hsla(221, 7%, 42%, 0.64); --neutral-dark-t-8: hsla(221, 9%, 33%, 0.73); --neutral-dark-t-9: hsla(221, 14%, 25%, 0.82); --neutral-dark-t-10: hsla(221, 24%, 17%, 0.91); --success: rgb(0 211 144); --success-t-1: rgba(232, 251, 245, 0.09); --success-t-2: rgba(209, 247, 235, 0.18); --success-t-3: rgba(185, 243, 225, 0.27); --success-t-4: rgba(162, 239, 215, 0.36); --success-t-5: rgba(139, 235, 205, 0.45); --success-t-6: rgba(116, 231, 194, 0.55); --success-t-7: rgba(93, 227, 184, 0.64); --success-t-8: rgba(70, 223, 174, 0.73); --success-t-9: rgba(46, 219, 164, 0.82); --success-t-10: rgba(23, 215, 154, 0.91); --warning: rgb(252 183 0); --warning-t-1: rgba(255, 248, 232, 0.09); --warning-t-2: rgba(254, 242, 209, 0.18); --warning-t-3: rgba(254, 235, 185, 0.27); --warning-t-4: rgba(254, 229, 162, 0.36); --warning-t-5: rgba(254, 222, 139, 0.45); --warning-t-6: rgba(253, 216, 116, 0.55); --warning-t-7: rgba(253, 209, 93, 0.64); --warning-t-8: rgba(253, 203, 70, 0.73); --warning-t-9: rgba(253, 196, 46, 0.82); --warning-t-10: rgba(252, 190, 23, 0.91); --warning-l-1: rgb(253, 197, 51); --warning-l-2: rgb(253, 212, 102); --warning-l-3: rgb(254, 226, 153); --warning-l-4: rgb(254, 241, 204); --success-l-1: rgb(51, 220, 166); --success-l-2: rgb(102, 229, 188); --success-l-3: rgb(153, 237, 211); --success-l-4: rgb(204, 246, 233); --error: rgb(255 98 102); --error-l-1: rgb(255, 129, 133); --error-l-2: rgb(255, 161, 163); --error-l-3: rgb(255, 192, 194); --error-l-4: rgb(255, 224, 224); --error-t-1: rgba(255, 241, 241, 0.09); --error-t-2: rgba(255, 226, 227, 0.18); --error-t-3: rgba(255, 212, 213, 0.27); --error-t-4: rgba(255, 198, 199, 0.36); --error-t-5: rgba(255, 184, 185, 0.45); --error-t-6: rgba(255, 169, 172, 0.55); --error-t-7: rgba(255, 155, 158, 0.64); --error-t-8: rgba(255, 141, 144, 0.73); --error-t-9: rgba(255, 127, 130, 0.82); --error-t-10: rgba(255, 112, 116, 0.91); --primary-yellow: #021A54; --dark-neutral: #121619; --light-neutral: #FFFFFF; --accent-grey: #EDEDE9; --accent-grey-l-1: #eeeeea; --accent-grey-l-2: #efefec; --accent-grey-l-3: #f1f1ed; --accent-grey-l-4: #f2f2ef; --accent-grey-l-5: #f5f5f2; --accent-grey-l-6: #f7f7f5; --accent-grey-l-7: #fafaf9; --accent-grey-l-8: #fefefd; --accent-grey-d-1: #f2f2ed; --accent-grey-d-2: #ebebe1; --accent-grey-d-3: #e3e3da; --accent-grey-d-4: #deded6; --accent-grey-d-5: #cecec4; --accent-grey-d-6: #bfbfb1; --accent-grey-d-7: #b0b09f; --accent-grey-d-8: #a1a18c; --accent-grey-t-1: hsla(60, 10%, 92%, 0.09); --accent-grey-t-2: hsla(60, 10%, 92%, 0.18); --accent-grey-t-3: hsla(60, 10%, 92%, 0.27); --accent-grey-t-4: hsla(60, 10%, 92%, 0.36); --accent-grey-t-5: hsla(60, 10%, 92%, 0.45); --accent-grey-t-6: hsla(60, 10%, 92%, 0.55); --accent-grey-t-7: hsla(60, 10%, 92%, 0.64); --accent-grey-t-8: hsla(60, 10%, 92%, 0.73); --accent-grey-t-9: hsla(60, 10%, 92%, 0.82); --accent-grey-t-10: hsla(60, 10%, 92%, 0.91); --dark-neutral-l-1: #282b2e; --dark-neutral-l-2: #3d4043; --dark-neutral-l-3: #535658; --dark-neutral-l-4: #686b6d; --dark-neutral-l-5: #7e8082; --dark-neutral-l-6: #939596; --dark-neutral-l-7: #a9aaab; --dark-neutral-l-8: #bebfc0; --dark-neutral-l-9: #d4d5d5; --dark-neutral-l-10: #e9eaea; --dark-neutral-d-1: #101417; --dark-neutral-d-2: #0f1214; --dark-neutral-d-3: #0d1012; --dark-neutral-d-4: #0b0e10; --dark-neutral-d-5: #0a0c0e; --dark-neutral-d-6: #080a0b; --dark-neutral-d-7: #070809; --dark-neutral-d-8: #050607; --dark-neutral-d-9: #030405; --dark-neutral-d-10: #020202; --dark-neutral-t-1: hsla(206, 16%, 8%, 0.09); --dark-neutral-t-2: hsla(206, 16%, 8%, 0.18); --dark-neutral-t-3: hsla(206, 16%, 8%, 0.27); --dark-neutral-t-4: hsla(206, 16%, 8%, 0.36); --dark-neutral-t-5: hsla(206, 16%, 8%, 0.45); --dark-neutral-t-6: hsla(206, 16%, 8%, 0.55); --dark-neutral-t-7: hsla(206, 16%, 8%, 0.64); --dark-neutral-t-8: hsla(206, 16%, 8%, 0.73); --dark-neutral-t-9: hsla(206, 16%, 8%, 0.82); --dark-neutral-t-10: hsla(206, 16%, 8%, 0.91); --light-neutral-l-1: #ffffff; --light-neutral-l-2: #ffffff; --light-neutral-l-3: #ffffff; --light-neutral-l-4: #ffffff; --light-neutral-l-5: #ffffff; --light-neutral-l-6: #ffffff; --light-neutral-l-7: #ffffff; --light-neutral-l-8: #ffffff; --light-neutral-l-9: #ffffff; --light-neutral-l-10: #ffffff; --light-neutral-d-1: #e8e8e8; --light-neutral-d-2: #d1d1d1; --light-neutral-d-3: #b9b9b9; --light-neutral-d-4: #a2a2a2; --light-neutral-d-5: #8b8b8b; --light-neutral-d-6: #747474; --light-neutral-d-7: #5d5d5d; --light-neutral-d-8: #464646; --light-neutral-d-9: #2e2e2e; --light-neutral-d-10: #171717; --light-neutral-t-1: hsla(0, 0%, 100%, 0.09); --light-neutral-t-2: hsla(0, 0%, 100%, 0.18); --light-neutral-t-3: hsla(0, 0%, 100%, 0.27); --light-neutral-t-4: hsla(0, 0%, 100%, 0.36); --light-neutral-t-5: hsla(0, 0%, 100%, 0.45); --light-neutral-t-6: hsla(0, 0%, 100%, 0.55); --light-neutral-t-7: hsla(0, 0%, 100%, 0.64); --light-neutral-t-8: hsla(0, 0%, 100%, 0.73); --light-neutral-t-9: hsla(0, 0%, 100%, 0.82); --light-neutral-t-10: hsla(0, 0%, 100%, 0.91); --bird-success: rgb(0 211 144); --bird-success-l-1: rgb(28, 216, 156); --bird-success-l-2: rgb(57, 221, 169); --bird-success-l-3: rgb(85, 226, 181); --bird-success-l-4: rgb(113, 231, 193); --bird-success-l-5: rgb(142, 235, 206); --bird-success-l-6: rgb(170, 240, 218); --bird-success-l-7: rgb(198, 245, 230); --bird-success-l-8: rgb(227, 250, 243); --bird-success-d-1: rgb(0, 188, 128); --bird-success-d-2: rgb(0, 164, 112); --bird-success-d-3: rgb(0, 141, 96); --bird-success-d-4: rgb(0, 117, 80); --bird-success-d-5: rgb(0, 94, 64); --bird-success-d-6: rgb(0, 70, 48); --bird-success-d-7: rgb(0, 47, 32); --bird-success-d-8: rgb(0, 23, 16); --bird-success-t-1: rgba(0, 211, 144, 0.11); --bird-success-t-2: rgba(0, 211, 144, 0.22); --bird-success-t-3: rgba(0, 211, 144, 0.33); --bird-success-t-4: rgba(0, 211, 144, 0.44); --bird-success-t-5: rgba(0, 211, 144, 0.56); --bird-success-t-6: rgba(0, 211, 144, 0.67); --bird-success-t-7: rgba(0, 211, 144, 0.78); --bird-success-t-8: rgba(0, 211, 144, 0.89); --bird-warning: rgb(252 183 0); --bird-warning-l-1: rgb(252, 191, 28); --bird-warning-l-2: rgb(253, 199, 57); --bird-warning-l-3: rgb(253, 207, 85); --bird-warning-l-4: rgb(253, 215, 113); --bird-warning-l-5: rgb(254, 223, 142); --bird-warning-l-6: rgb(254, 231, 170); --bird-warning-l-7: rgb(254, 239, 198); --bird-warning-l-8: rgb(255, 247, 227); --bird-warning-t-1: rgba(252, 183, 0, 0.11); --bird-warning-t-2: rgba(252, 183, 0, 0.22); --bird-warning-t-3: rgba(252, 183, 0, 0.33); --bird-warning-t-4: rgba(252, 183, 0, 0.44); --bird-warning-t-5: rgba(252, 183, 0, 0.56); --bird-warning-t-6: rgba(252, 183, 0, 0.67); --bird-warning-t-7: rgba(252, 183, 0, 0.78); --bird-warning-t-8: rgba(252, 183, 0, 0.89); --bird-warning-d-1: rgb(224, 163, 0); --bird-warning-d-2: rgb(196, 142, 0); --bird-warning-d-3: rgb(168, 122, 0); --bird-warning-d-4: rgb(140, 102, 0); --bird-warning-d-5: rgb(112, 81, 0); --bird-warning-d-6: rgb(84, 61, 0); --bird-warning-d-7: rgb(56, 41, 0); --bird-warning-d-8: rgb(28, 20, 0); --bird-error: rgb(255 98 102); --bird-error-l-1: rgb(255, 115, 119); --bird-error-l-2: rgb(255, 133, 136); --bird-error-l-3: rgb(255, 150, 153); --bird-error-l-4: rgb(255, 168, 170); --bird-error-l-5: rgb(255, 185, 187); --bird-error-l-6: rgb(255, 203, 204); --bird-error-l-7: rgb(255, 220, 221); --bird-error-l-8: rgb(255, 238, 238); --bird-error-d-1: rgb(227, 87, 91); --bird-error-d-2: rgb(198, 76, 79); --bird-error-d-3: rgb(170, 65, 68); --bird-error-d-4: rgb(142, 54, 57); --bird-error-d-5: rgb(113, 44, 45); --bird-error-d-6: rgb(85, 33, 34); --bird-error-d-7: rgb(57, 22, 23); --bird-error-d-8: rgb(28, 11, 11); --bird-error-t-1: rgba(255, 98, 102, 0.11); --bird-error-t-2: rgba(255, 98, 102, 0.22); --bird-error-t-3: rgba(255, 98, 102, 0.33); --bird-error-t-4: rgba(255, 98, 102, 0.44); --bird-error-t-5: rgba(255, 98, 102, 0.56); --bird-error-t-6: rgba(255, 98, 102, 0.67); --bird-error-t-7: rgba(255, 98, 102, 0.78); --bird-error-t-8: rgba(255, 98, 102, 0.89); --primary-yellow-l-1: #192f64; --primary-yellow-l-2: #304473; --primary-yellow-l-3: #475883; --primary-yellow-l-4: #5e6d92; --primary-yellow-l-5: #7582a2; --primary-yellow-l-6: #8c97b1; --primary-yellow-l-7: #a3acc1; --primary-yellow-l-8: #bac1d0; --primary-yellow-l-9: #d1d5e0; --primary-yellow-l-10: #e8eaef; --primary-yellow-d-1: #02184c; --primary-yellow-d-2: #021545; --primary-yellow-d-3: #01133d; --primary-yellow-d-4: #011135; --primary-yellow-d-5: #010e2e; --primary-yellow-d-6: #010c26; --primary-yellow-d-7: #01091f; --primary-yellow-d-8: #010717; --primary-yellow-d-9: #00050f; --primary-yellow-d-10: #000208; --primary-yellow-t-1: hsla(222, 95%, 17%, 0.09); --primary-yellow-t-2: hsla(222, 95%, 17%, 0.18); --primary-yellow-t-3: hsla(222, 95%, 17%, 0.27); --primary-yellow-t-4: hsla(222, 95%, 17%, 0.36); --primary-yellow-t-5: hsla(222, 95%, 17%, 0.45); --primary-yellow-t-6: hsla(222, 95%, 17%, 0.55); --primary-yellow-t-7: hsla(222, 95%, 17%, 0.64); --primary-yellow-t-8: hsla(222, 95%, 17%, 0.73); --primary-yellow-t-9: hsla(222, 95%, 17%, 0.82); --primary-yellow-t-10: hsla(222, 95%, 17%, 0.91);}