: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; --accent: hsl(47, 100%, 62%); --accent-l-1: hsl(47, 100%, 64%); --accent-l-2: hsl(47, 100%, 66%); --accent-l-3: hsl(47, 100%, 69%); --accent-l-4: hsl(47, 100%, 72%); --accent-l-5: hsl(47, 100%, 76%); --accent-l-6: hsl(47, 100%, 79%); --accent-l-7: hsl(47, 100%, 83%); --accent-l-8: hsl(47, 100%, 87%); --accent-l-9: hsl(47, 100%, 90%); --accent-l-10: hsl(46, 100%, 94%); --accent-d-1: hsl(47, 80%, 57%); --accent-d-2: hsl(47, 64%, 51%); --accent-d-3: hsl(47, 61%, 46%); --accent-d-4: hsl(47, 61%, 40%); --accent-d-5: hsl(47, 62%, 35%); --accent-d-6: hsl(47, 61%, 29%); --accent-d-7: hsl(47, 62%, 24%); --accent-d-8: hsl(47, 61%, 18%); --accent-d-9: hsl(47, 61%, 13%); --accent-d-10: hsl(48, 63%, 7%); --accent-t-1: hsla(47, 100%, 62%, 0.9); --accent-t-2: hsla(47, 100%, 62%, 0.8); --accent-t-3: hsla(47, 100%, 62%, 0.7); --accent-t-4: hsla(47, 100%, 62%, 0.6); --accent-t-5: hsla(47, 100%, 62%, 0.5); --accent-t-6: hsla(47, 100%, 62%, 0.4); --accent-t-7: hsla(47, 100%, 62%, 0.3); --accent-t-8: hsla(47, 100%, 62%, 0.2); --accent-t-9: hsla(47, 100%, 62%, 0.1); --accent-t-10: hsla(47, 100%, 62%, 0); --primary: hsl(203, 30%, 26%); --primary-l-1: hsl(203, 22%, 32%); --primary-l-2: hsl(204, 17%, 39%); --primary-l-3: hsl(202, 13%, 45%); --primary-l-4: hsl(203, 11%, 52%); --primary-l-5: hsl(203, 11%, 59%); --primary-l-6: hsl(202, 11%, 65%); --primary-l-7: hsl(200, 10%, 72%); --primary-l-8: hsl(205, 11%, 79%); --primary-l-9: hsl(203, 11%, 85%); --primary-l-10: hsl(204, 11%, 91%); --primary-d-1: hsl(202, 30%, 25%); --primary-d-2: hsl(202, 31%, 23%); --primary-d-3: hsl(202, 30%, 21%); --primary-d-4: hsl(204, 30%, 20%); --primary-d-5: hsl(204, 30%, 17%); --primary-d-6: hsl(203, 30%, 15%); --primary-d-7: hsl(202, 29%, 13%); --primary-d-8: hsl(203, 31%, 10%); --primary-d-9: hsl(202, 28%, 8%); --primary-d-10: hsl(203, 31%, 5%); --primary-t-1: hsla(203, 30%, 26%, 0.9); --primary-t-2: hsla(203, 30%, 26%, 0.8); --primary-t-3: hsla(203, 30%, 26%, 0.7); --primary-t-4: hsla(203, 30%, 26%, 0.6); --primary-t-5: hsla(203, 30%, 26%, 0.5); --primary-t-6: hsla(203, 30%, 26%, 0.4); --primary-t-7: hsla(203, 30%, 26%, 0.3); --primary-t-8: hsla(203, 30%, 26%, 0.2); --primary-t-9: hsla(203, 30%, 26%, 0.1); --primary-t-10: hsla(203, 30%, 26%, 0); --secondary: hsl(203, 43%, 73%); --secondary-l-1: hsl(203, 44%, 74%); --secondary-l-2: hsl(204, 43%, 76%); --secondary-l-3: hsl(203, 43%, 78%); --secondary-l-4: hsl(203, 43%, 80%); --secondary-l-5: hsl(203, 43%, 82%); --secondary-l-6: hsl(204, 43%, 85%); --secondary-l-7: hsl(204, 44%, 87%); --secondary-l-8: hsl(205, 44%, 90%); --secondary-l-9: hsl(203, 44%, 93%); --secondary-l-10: hsl(204, 42%, 95%); --secondary-d-1: hsl(203, 32%, 67%); --secondary-d-2: hsl(203, 24%, 60%); --secondary-d-3: hsl(204, 18%, 54%); --secondary-d-4: hsl(204, 16%, 47%); --secondary-d-5: hsl(204, 16%, 41%); --secondary-d-6: hsl(204, 16%, 35%); --secondary-d-7: hsl(203, 16%, 28%); --secondary-d-8: hsl(203, 16%, 22%); --secondary-d-9: hsl(205, 15%, 15%); --secondary-d-10: hsl(206, 16%, 9%); --secondary-t-1: hsla(203, 43%, 73%, 0.9); --secondary-t-2: hsla(203, 43%, 73%, 0.8); --secondary-t-3: hsla(203, 43%, 73%, 0.7); --secondary-t-4: hsla(203, 43%, 73%, 0.6); --secondary-t-5: hsla(203, 43%, 73%, 0.5); --secondary-t-6: hsla(203, 43%, 73%, 0.4); --secondary-t-7: hsla(203, 43%, 73%, 0.3); --secondary-t-8: hsla(203, 43%, 73%, 0.2); --secondary-t-9: hsla(203, 43%, 73%, 0.1); --secondary-t-10: hsla(203, 43%, 73%, 0); --background: hsl(197, 33%, 96%); --background-l-1: hsl(197, 33%, 96%); --background-l-2: hsl(190, 30%, 96%); --background-l-3: hsl(200, 33%, 96%); --background-l-4: hsl(192, 29%, 97%); --background-l-5: hsl(204, 33%, 97%); --background-l-6: hsl(204, 38%, 97%); --background-l-7: hsl(195, 33%, 98%); --background-l-8: hsl(200, 33%, 98%); --background-l-9: hsl(200, 43%, 99%); --background-l-10: hsl(180, 20%, 99%); --background-d-1: hsl(200, 9%, 87%); --background-d-2: hsl(192, 5%, 79%); --background-d-3: hsl(200, 4%, 71%); --background-d-4: hsl(204, 3%, 62%); --background-d-5: hsl(195, 2%, 54%); --background-d-6: hsl(200, 1%, 45%); --background-d-7: hsl(210, 1%, 37%); --background-d-8: hsl(180, 1%, 28%); --background-d-9: hsl(210, 2%, 20%); --background-d-10: hsl(180, 2%, 12%); --background-t-1: hsla(197, 33%, 96%, 0.9); --background-t-2: hsla(197, 33%, 96%, 0.8); --background-t-3: hsla(197, 33%, 96%, 0.7); --background-t-4: hsla(197, 33%, 96%, 0.6); --background-t-5: hsla(197, 33%, 96%, 0.5); --background-t-6: hsla(197, 33%, 96%, 0.4); --background-t-7: hsla(197, 33%, 96%, 0.3); --background-t-8: hsla(197, 33%, 96%, 0.2); --background-t-9: hsla(197, 33%, 96%, 0.1); --background-t-10: hsla(197, 33%, 96%, 0); --success: hsl(142, 71%, 45%); --success-l-1: hsl(142, 58%, 50%); --success-l-2: hsl(142, 58%, 55%); --success-l-3: hsl(142, 58%, 60%); --success-l-4: hsl(142, 58%, 64%); --success-l-5: hsl(142, 58%, 69%); --success-l-6: hsl(142, 58%, 74%); --success-l-7: hsl(142, 58%, 79%); --success-l-8: hsl(142, 58%, 84%); --success-l-9: hsl(143, 57%, 89%); --success-l-10: hsl(144, 59%, 93%); --success-d-1: hsl(142, 71%, 42%); --success-d-2: hsl(142, 71%, 38%); --success-d-3: hsl(142, 72%, 35%); --success-d-4: hsl(142, 71%, 31%); --success-d-5: hsl(142, 71%, 27%); --success-d-6: hsl(142, 71%, 23%); --success-d-7: hsl(142, 71%, 19%); --success-d-8: hsl(142, 71%, 15%); --success-d-9: hsl(142, 71%, 11%); --success-d-10: hsl(143, 71%, 7%); --success-t-1: hsla(142, 71%, 45%, 0.9); --success-t-2: hsla(142, 71%, 45%, 0.8); --success-t-3: hsla(142, 71%, 45%, 0.7); --success-t-4: hsla(142, 71%, 45%, 0.6); --success-t-5: hsla(142, 71%, 45%, 0.5); --success-t-6: hsla(142, 71%, 45%, 0.4); --success-t-7: hsla(142, 71%, 45%, 0.3); --success-t-8: hsla(142, 71%, 45%, 0.2); --success-t-9: hsla(142, 71%, 45%, 0.1); --success-t-10: hsla(142, 71%, 45%, 0); --warning: hsl(38, 92%, 50%); --warning-l-1: hsl(38, 92%, 54%); --warning-l-2: hsl(38, 92%, 58%); --warning-l-3: hsl(38, 92%, 62%); --warning-l-4: hsl(38, 92%, 67%); --warning-l-5: hsl(38, 92%, 71%); --warning-l-6: hsl(38, 92%, 76%); --warning-l-7: hsl(38, 92%, 80%); --warning-l-8: hsl(38, 92%, 85%); --warning-l-9: hsl(38, 92%, 90%); --warning-l-10: hsl(38, 94%, 94%); --warning-d-1: hsl(38, 92%, 45%); --warning-d-2: hsl(38, 92%, 41%); --warning-d-3: hsl(38, 93%, 37%); --warning-d-4: hsl(38, 93%, 32%); --warning-d-5: hsl(38, 92%, 28%); --warning-d-6: hsl(38, 92%, 24%); --warning-d-7: hsl(38, 92%, 19%); --warning-d-8: hsl(38, 92%, 15%); --warning-d-9: hsl(38, 92%, 10%); --warning-d-10: hsl(39, 93%, 6%); --warning-t-1: hsla(38, 92%, 50%, 0.9); --warning-t-2: hsla(38, 92%, 50%, 0.8); --warning-t-3: hsla(38, 92%, 50%, 0.7); --warning-t-4: hsla(38, 92%, 50%, 0.6); --warning-t-5: hsla(38, 92%, 50%, 0.5); --warning-t-6: hsla(38, 92%, 50%, 0.4); --warning-t-7: hsla(38, 92%, 50%, 0.3); --warning-t-8: hsla(38, 92%, 50%, 0.2); --warning-t-9: hsla(38, 92%, 50%, 0.1); --warning-t-10: hsla(38, 92%, 50%, 0); --error: hsl(0, 84%, 60%); --error-l-1: hsl(0, 84%, 64%); --error-l-2: hsl(0, 85%, 67%); --error-l-3: hsl(0, 84%, 71%); --error-l-4: hsl(0, 85%, 74%); --error-l-5: hsl(0, 84%, 78%); --error-l-6: hsl(0, 85%, 81%); --error-l-7: hsl(0, 84%, 85%); --error-l-8: hsl(0, 83%, 88%); --error-l-9: hsl(0, 85%, 92%); --error-l-10: hsl(0, 84%, 95%); --error-d-1: hsl(0, 69%, 55%); --error-d-2: hsl(0, 56%, 50%); --error-d-3: hsl(0, 56%, 45%); --error-d-4: hsl(0, 56%, 39%); --error-d-5: hsl(0, 56%, 34%); --error-d-6: hsl(0, 56%, 29%); --error-d-7: hsl(0, 56%, 23%); --error-d-8: hsl(0, 57%, 18%); --error-d-9: hsl(0, 57%, 13%); --error-d-10: hsl(0, 58%, 7%); --error-t-1: hsla(0, 84%, 60%, 0.9); --error-t-2: hsla(0, 84%, 60%, 0.8); --error-t-3: hsla(0, 84%, 60%, 0.7); --error-t-4: hsla(0, 84%, 60%, 0.6); --error-t-5: hsla(0, 84%, 60%, 0.5); --error-t-6: hsla(0, 84%, 60%, 0.4); --error-t-7: hsla(0, 84%, 60%, 0.3); --error-t-8: hsla(0, 84%, 60%, 0.2); --error-t-9: hsla(0, 84%, 60%, 0.1); --error-t-10: hsla(0, 84%, 60%, 0); --info: hsl(199, 89%, 48%); --info-l-1: hsl(199, 82%, 52%); --info-l-2: hsl(199, 82%, 56%); --info-l-3: hsl(199, 82%, 61%); --info-l-4: hsl(199, 82%, 65%); --info-l-5: hsl(199, 82%, 70%); --info-l-6: hsl(199, 81%, 75%); --info-l-7: hsl(199, 83%, 80%); --info-l-8: hsl(199, 82%, 85%); --info-l-9: hsl(199, 82%, 89%); --info-l-10: hsl(199, 82%, 93%); --info-d-1: hsl(199, 89%, 44%); --info-d-2: hsl(199, 89%, 39%); --info-d-3: hsl(199, 89%, 35%); --info-d-4: hsl(199, 90%, 31%); --info-d-5: hsl(199, 90%, 27%); --info-d-6: hsl(199, 90%, 23%); --info-d-7: hsl(199, 89%, 18%); --info-d-8: hsl(199, 89%, 14%); --info-d-9: hsl(199, 88%, 10%); --info-d-10: hsl(201, 87%, 6%); --info-t-1: hsla(199, 89%, 48%, 0.9); --info-t-2: hsla(199, 89%, 48%, 0.8); --info-t-3: hsla(199, 89%, 48%, 0.7); --info-t-4: hsla(199, 89%, 48%, 0.6); --info-t-5: hsla(199, 89%, 48%, 0.5); --info-t-6: hsla(199, 89%, 48%, 0.4); --info-t-7: hsla(199, 89%, 48%, 0.3); --info-t-8: hsla(199, 89%, 48%, 0.2); --info-t-9: hsla(199, 89%, 48%, 0.1); --info-t-10: hsla(199, 89%, 48%, 0); --neutral: hsl(240, 0%, 57%); --neutral-l-1: hsl(210, 1%, 62%); --neutral-l-2: hsl(180, 1%, 66%); --neutral-l-3: hsl(210, 1%, 70%); --neutral-l-4: hsl(210, 2%, 74%); --neutral-l-5: hsl(210, 2%, 78%); --neutral-l-6: hsl(210, 2%, 82%); --neutral-l-7: hsl(240, 1%, 86%); --neutral-l-8: hsl(180, 2%, 89%); --neutral-l-9: hsl(180, 3%, 92%); --neutral-l-10: hsl(240, 4%, 95%); --neutral-d-1: hsl(180, 1%, 56%); --neutral-d-2: hsl(210, 1%, 53%); --neutral-d-3: hsl(180, 0%, 49%); --neutral-d-4: hsl(210, 1%, 45%); --neutral-d-5: hsl(180, 0%, 41%); --neutral-d-6: hsl(210, 1%, 38%); --neutral-d-7: hsl(180, 1%, 34%); --neutral-d-8: hsl(180, 1%, 30%); --neutral-d-9: hsl(240, 1%, 24%); --neutral-d-10: hsl(180, 1%, 18%); --neutral-t-1: hsla(240, 0%, 57%, 0.9); --neutral-t-2: hsla(240, 0%, 57%, 0.8); --neutral-t-3: hsla(240, 0%, 57%, 0.7); --neutral-t-4: hsla(240, 0%, 57%, 0.6); --neutral-t-5: hsla(240, 0%, 57%, 0.5); --neutral-t-6: hsla(240, 0%, 57%, 0.4); --neutral-t-7: hsla(240, 0%, 57%, 0.3); --neutral-t-8: hsla(240, 0%, 57%, 0.2); --neutral-t-9: hsla(240, 0%, 57%, 0.1); --neutral-t-10: hsla(240, 0%, 57%, 0); --black: hsl(0, 0%, 0%); --black-l-1: hsl(0, 0%, 9%); --black-l-2: hsl(0, 0%, 18%); --black-l-3: hsl(0, 0%, 27%); --black-l-4: hsl(0, 0%, 37%); --black-l-5: hsl(0, 0%, 46%); --black-l-6: hsl(0, 0%, 56%); --black-l-7: hsl(0, 0%, 65%); --black-l-8: hsl(0, 0%, 75%); --black-l-9: hsl(0, 0%, 84%); --black-l-10: hsl(0, 0%, 92%); --black-t-1: hsla(0, 0%, 0%, 0.9); --black-t-2: hsla(0, 0%, 0%, 0.8); --black-t-3: hsla(0, 0%, 0%, 0.7); --black-t-4: hsla(0, 0%, 0%, 0.6); --black-t-5: hsla(0, 0%, 0%, 0.5); --black-t-6: hsla(0, 0%, 0%, 0.4); --black-t-7: hsla(0, 0%, 0%, 0.3); --black-t-8: hsla(0, 0%, 0%, 0.2); --black-t-9: hsla(0, 0%, 0%, 0.1); --black-t-10: hsla(0, 0%, 0%, 0); --white: hsl(0, 0%, 100%); --white-d-1: hsl(0, 0%, 96%); --white-d-2: hsl(0, 0%, 91%); --white-d-3: hsl(0, 0%, 85%); --white-d-4: hsl(0, 0%, 77%); --white-d-5: hsl(0, 0%, 69%); --white-d-6: hsl(0, 0%, 61%); --white-d-7: hsl(0, 0%, 52%); --white-d-8: hsl(0, 0%, 42%); --white-d-9: hsl(0, 0%, 32%); --white-d-10: hsl(0, 0%, 22%); --white-t-1: hsla(0, 0%, 100%, 0.9); --white-t-2: hsla(0, 0%, 100%, 0.8); --white-t-3: hsla(0, 0%, 100%, 0.7); --white-t-4: hsla(0, 0%, 100%, 0.6); --white-t-5: hsla(0, 0%, 100%, 0.5); --white-t-6: hsla(0, 0%, 100%, 0.4); --white-t-7: hsla(0, 0%, 100%, 0.3); --white-t-8: hsla(0, 0%, 100%, 0.2); --white-t-9: hsla(0, 0%, 100%, 0.1); --white-t-10: hsla(0, 0%, 100%, 0);}