: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; --brand-primary-100: #a8e77e; --brand-primary-100-t-1: hsla(96, 69%, 70%, 0.1); --brand-primary-100-t-2: hsla(96, 69%, 70%, 0.25); --brand-primary-100-t-3: hsla(96, 69%, 70%, 0.5); --brand-primary-200: #68b535; --brand-primary-300: hsl(173, 65%, 35%); --brand-primary-400: #06423b; --brand-secondary-100: #4499bf; --brand-secondary-200: #2b728e; --brand-secondary-300: #0e1a35; --brand-white: hsl(153, 10%, 97%); --brand-black: #010c0b; --brand-black-t-1: hsla(175, 85%, 3%, 0); --brand-black-t-2: hsla(175, 85%, 3%, 0.05); --brand-black-t-3: hsla(175, 85%, 3%, 0.25); --brand-black-t-4: hsla(175, 85%, 3%, 0.5); --brand-black-t-5: hsla(175, 85%, 3%, 0.75); --brand-black-t-6: hsla(175, 85%, 3%, 0.75); --brand-black-t-7: hsla(175, 85%, 3%, 0.9); --brand-neutral-100: #EEF1F0; --brand-neutral-200: #d7eae1; --brand-neutral-300: #61756c; --brand-pure-white: #fff; --brand-border: rgba(97, 117, 108, 0.2); --brand-warning-100: #E8804C; --brand-warning-100-t-1: hsla(20, 77%, 60%, 0.1); --brand-warning-100-t-2: hsla(20, 77%, 60%, 0.4); --brand-white-t-1: hsla(153, 10%, 97%, 0.05); --brand-white-t-2: hsla(153, 10%, 97%, 0.1); --brand-white-t-3: hsla(153, 10%, 97%, 0.25); --brand-white-t-4: hsla(153, 10%, 97%, 0.5); --brand-white-t-5: hsla(153, 10%, 97%, 0.6); --brand-white-t-6: hsla(153, 10%, 97%, 0.7); --brand-white-t-7: hsla(153, 10%, 97%, 0.85);}.bg-brand-primary-100 { background-color: var(--brand-primary-100); }.bg-brand-primary-100-t-1 { background-color: var(--brand-primary-100-t-1); }.bg-brand-primary-100-t-2 { background-color: var(--brand-primary-100-t-2); }.bg-brand-primary-100-t-3 { background-color: var(--brand-primary-100-t-3); }.text-brand-primary-100 { color: var(--brand-primary-100); }.text-brand-primary-100-t-1 { color: var(--brand-primary-100-t-1); }.text-brand-primary-100-t-2 { color: var(--brand-primary-100-t-2); }.text-brand-primary-100-t-3 { color: var(--brand-primary-100-t-3); }.border-brand-primary-100 { border-color: var(--brand-primary-100); }.border-brand-primary-100-t-1 { border-color: var(--brand-primary-100-t-1); }.border-brand-primary-100-t-2 { border-color: var(--brand-primary-100-t-2); }.border-brand-primary-100-t-3 { border-color: var(--brand-primary-100-t-3); }.outline-brand-primary-100 { outline-color: var(--brand-primary-100); }.outline-brand-primary-100-t-1 { outline-color: var(--brand-primary-100-t-1); }.outline-brand-primary-100-t-2 { outline-color: var(--brand-primary-100-t-2); }.outline-brand-primary-100-t-3 { outline-color: var(--brand-primary-100-t-3); }.fill-brand-primary-100 { fill: var(--brand-primary-100); }.fill-brand-primary-100-t-1 { fill: var(--brand-primary-100-t-1); }.fill-brand-primary-100-t-2 { fill: var(--brand-primary-100-t-2); }.fill-brand-primary-100-t-3 { fill: var(--brand-primary-100-t-3); }.stroke-brand-primary-100 { stroke: var(--brand-primary-100); }.stroke-brand-primary-100-t-1 { stroke: var(--brand-primary-100-t-1); }.stroke-brand-primary-100-t-2 { stroke: var(--brand-primary-100-t-2); }.stroke-brand-primary-100-t-3 { stroke: var(--brand-primary-100-t-3); }.bg-brand-primary-400 { background-color: var(--brand-primary-400); }.text-brand-primary-400 { color: var(--brand-primary-400); }.border-brand-primary-400 { border-color: var(--brand-primary-400); }.outline-brand-primary-400 { outline-color: var(--brand-primary-400); }.fill-brand-primary-400 { fill: var(--brand-primary-400); }.stroke-brand-primary-400 { stroke: var(--brand-primary-400); }.bg-brand-white { background-color: var(--brand-white); }.bg-brand-white-t-1 { background-color: var(--brand-white-t-1); }.bg-brand-white-t-2 { background-color: var(--brand-white-t-2); }.bg-brand-white-t-3 { background-color: var(--brand-white-t-3); }.bg-brand-white-t-4 { background-color: var(--brand-white-t-4); }.bg-brand-white-t-5 { background-color: var(--brand-white-t-5); }.bg-brand-white-t-6 { background-color: var(--brand-white-t-6); }.bg-brand-white-t-7 { background-color: var(--brand-white-t-7); }.text-brand-white { color: var(--brand-white); }.text-brand-white-t-1 { color: var(--brand-white-t-1); }.text-brand-white-t-2 { color: var(--brand-white-t-2); }.text-brand-white-t-3 { color: var(--brand-white-t-3); }.text-brand-white-t-4 { color: var(--brand-white-t-4); }.text-brand-white-t-5 { color: var(--brand-white-t-5); }.text-brand-white-t-6 { color: var(--brand-white-t-6); }.text-brand-white-t-7 { color: var(--brand-white-t-7); }.border-brand-white { border-color: var(--brand-white); }.border-brand-white-t-1 { border-color: var(--brand-white-t-1); }.border-brand-white-t-2 { border-color: var(--brand-white-t-2); }.border-brand-white-t-3 { border-color: var(--brand-white-t-3); }.border-brand-white-t-4 { border-color: var(--brand-white-t-4); }.border-brand-white-t-5 { border-color: var(--brand-white-t-5); }.border-brand-white-t-6 { border-color: var(--brand-white-t-6); }.border-brand-white-t-7 { border-color: var(--brand-white-t-7); }.outline-brand-white { outline-color: var(--brand-white); }.outline-brand-white-t-1 { outline-color: var(--brand-white-t-1); }.outline-brand-white-t-2 { outline-color: var(--brand-white-t-2); }.outline-brand-white-t-3 { outline-color: var(--brand-white-t-3); }.outline-brand-white-t-4 { outline-color: var(--brand-white-t-4); }.outline-brand-white-t-5 { outline-color: var(--brand-white-t-5); }.outline-brand-white-t-6 { outline-color: var(--brand-white-t-6); }.outline-brand-white-t-7 { outline-color: var(--brand-white-t-7); }.fill-brand-white { fill: var(--brand-white); }.fill-brand-white-t-1 { fill: var(--brand-white-t-1); }.fill-brand-white-t-2 { fill: var(--brand-white-t-2); }.fill-brand-white-t-3 { fill: var(--brand-white-t-3); }.fill-brand-white-t-4 { fill: var(--brand-white-t-4); }.fill-brand-white-t-5 { fill: var(--brand-white-t-5); }.fill-brand-white-t-6 { fill: var(--brand-white-t-6); }.fill-brand-white-t-7 { fill: var(--brand-white-t-7); }.stroke-brand-white { stroke: var(--brand-white); }.stroke-brand-white-t-1 { stroke: var(--brand-white-t-1); }.stroke-brand-white-t-2 { stroke: var(--brand-white-t-2); }.stroke-brand-white-t-3 { stroke: var(--brand-white-t-3); }.stroke-brand-white-t-4 { stroke: var(--brand-white-t-4); }.stroke-brand-white-t-5 { stroke: var(--brand-white-t-5); }.stroke-brand-white-t-6 { stroke: var(--brand-white-t-6); }.stroke-brand-white-t-7 { stroke: var(--brand-white-t-7); }.bg-brand-black { background-color: var(--brand-black); }.bg-brand-black-t-1 { background-color: var(--brand-black-t-1); }.bg-brand-black-t-2 { background-color: var(--brand-black-t-2); }.bg-brand-black-t-3 { background-color: var(--brand-black-t-3); }.bg-brand-black-t-4 { background-color: var(--brand-black-t-4); }.bg-brand-black-t-5 { background-color: var(--brand-black-t-5); }.bg-brand-black-t-6 { background-color: var(--brand-black-t-6); }.bg-brand-black-t-7 { background-color: var(--brand-black-t-7); }.text-brand-black { color: var(--brand-black); }.text-brand-black-t-1 { color: var(--brand-black-t-1); }.text-brand-black-t-2 { color: var(--brand-black-t-2); }.text-brand-black-t-3 { color: var(--brand-black-t-3); }.text-brand-black-t-4 { color: var(--brand-black-t-4); }.text-brand-black-t-5 { color: var(--brand-black-t-5); }.text-brand-black-t-6 { color: var(--brand-black-t-6); }.text-brand-black-t-7 { color: var(--brand-black-t-7); }.border-brand-black { border-color: var(--brand-black); }.border-brand-black-t-1 { border-color: var(--brand-black-t-1); }.border-brand-black-t-2 { border-color: var(--brand-black-t-2); }.border-brand-black-t-3 { border-color: var(--brand-black-t-3); }.border-brand-black-t-4 { border-color: var(--brand-black-t-4); }.border-brand-black-t-5 { border-color: var(--brand-black-t-5); }.border-brand-black-t-6 { border-color: var(--brand-black-t-6); }.border-brand-black-t-7 { border-color: var(--brand-black-t-7); }.outline-brand-black { outline-color: var(--brand-black); }.outline-brand-black-t-1 { outline-color: var(--brand-black-t-1); }.outline-brand-black-t-2 { outline-color: var(--brand-black-t-2); }.outline-brand-black-t-3 { outline-color: var(--brand-black-t-3); }.outline-brand-black-t-4 { outline-color: var(--brand-black-t-4); }.outline-brand-black-t-5 { outline-color: var(--brand-black-t-5); }.outline-brand-black-t-6 { outline-color: var(--brand-black-t-6); }.outline-brand-black-t-7 { outline-color: var(--brand-black-t-7); }.fill-brand-black { fill: var(--brand-black); }.fill-brand-black-t-1 { fill: var(--brand-black-t-1); }.fill-brand-black-t-2 { fill: var(--brand-black-t-2); }.fill-brand-black-t-3 { fill: var(--brand-black-t-3); }.fill-brand-black-t-4 { fill: var(--brand-black-t-4); }.fill-brand-black-t-5 { fill: var(--brand-black-t-5); }.fill-brand-black-t-6 { fill: var(--brand-black-t-6); }.fill-brand-black-t-7 { fill: var(--brand-black-t-7); }.stroke-brand-black { stroke: var(--brand-black); }.stroke-brand-black-t-1 { stroke: var(--brand-black-t-1); }.stroke-brand-black-t-2 { stroke: var(--brand-black-t-2); }.stroke-brand-black-t-3 { stroke: var(--brand-black-t-3); }.stroke-brand-black-t-4 { stroke: var(--brand-black-t-4); }.stroke-brand-black-t-5 { stroke: var(--brand-black-t-5); }.stroke-brand-black-t-6 { stroke: var(--brand-black-t-6); }.stroke-brand-black-t-7 { stroke: var(--brand-black-t-7); }.bg-brand-neutral-100 { background-color: var(--brand-neutral-100); }.text-brand-neutral-100 { color: var(--brand-neutral-100); }.border-brand-neutral-100 { border-color: var(--brand-neutral-100); }.outline-brand-neutral-100 { outline-color: var(--brand-neutral-100); }.fill-brand-neutral-100 { fill: var(--brand-neutral-100); }.stroke-brand-neutral-100 { stroke: var(--brand-neutral-100); }.bg-brand-neutral-200 { background-color: var(--brand-neutral-200); }.text-brand-neutral-200 { color: var(--brand-neutral-200); }.border-brand-neutral-200 { border-color: var(--brand-neutral-200); }.outline-brand-neutral-200 { outline-color: var(--brand-neutral-200); }.fill-brand-neutral-200 { fill: var(--brand-neutral-200); }.stroke-brand-neutral-200 { stroke: var(--brand-neutral-200); }.bg-brand-neutral-300 { background-color: var(--brand-neutral-300); }.text-brand-neutral-300 { color: var(--brand-neutral-300); }.border-brand-neutral-300 { border-color: var(--brand-neutral-300); }.outline-brand-neutral-300 { outline-color: var(--brand-neutral-300); }.fill-brand-neutral-300 { fill: var(--brand-neutral-300); }.stroke-brand-neutral-300 { stroke: var(--brand-neutral-300); }.bg-brand-warning-100 { background-color: var(--brand-warning-100); }.bg-brand-warning-100-t-1 { background-color: var(--brand-warning-100-t-1); }.bg-brand-warning-100-t-2 { background-color: var(--brand-warning-100-t-2); }.border-brand-warning-100 { border-color: var(--brand-warning-100); }.border-brand-warning-100-t-1 { border-color: var(--brand-warning-100-t-1); }.border-brand-warning-100-t-2 { border-color: var(--brand-warning-100-t-2); }.outline-brand-warning-100 { outline-color: var(--brand-warning-100); }.outline-brand-warning-100-t-1 { outline-color: var(--brand-warning-100-t-1); }.outline-brand-warning-100-t-2 { outline-color: var(--brand-warning-100-t-2); }.stroke-brand-warning-100 { stroke: var(--brand-warning-100); }.stroke-brand-warning-100-t-1 { stroke: var(--brand-warning-100-t-1); }.stroke-brand-warning-100-t-2 { stroke: var(--brand-warning-100-t-2); }.fill-brand-warning-100 { fill: var(--brand-warning-100); }.fill-brand-warning-100-t-1 { fill: var(--brand-warning-100-t-1); }.fill-brand-warning-100-t-2 { fill: var(--brand-warning-100-t-2); }.text-brand-warning-100 { color: var(--brand-warning-100); }.text-brand-warning-100-t-1 { color: var(--brand-warning-100-t-1); }.text-brand-warning-100-t-2 { color: var(--brand-warning-100-t-2); }