: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: #62694d; --accent: #ddda6a; --text: #e8e8e0; --text-d-1: #babab3; --text-d-2: #8b8b86; --text-d-3: #5d5d5a; --text-d-4: #2e2e2d; --text-t-1: hsla(60, 15%, 89%, 0.09); --text-t-2: hsla(60, 15%, 89%, 0.18); --text-t-3: hsla(60, 15%, 89%, 0.27); --text-t-4: hsla(60, 15%, 89%, 0.36); --text-t-5: hsla(60, 15%, 89%, 0.45); --text-t-6: hsla(60, 15%, 89%, 0.55); --text-t-7: hsla(60, 15%, 89%, 0.64); --text-t-8: hsla(60, 15%, 89%, 0.73); --text-t-9: hsla(60, 15%, 89%, 0.82); --text-t-10: hsla(60, 15%, 89%, 0.91); --white: #ffffff; --white-t-1: hsla(0, 0%, 100%, 0.09); --white-t-2: hsla(0, 0%, 100%, 0.18); --white-t-3: hsla(0, 0%, 100%, 0.27); --white-t-4: hsla(0, 0%, 100%, 0.36); --white-t-5: hsla(0, 0%, 100%, 0.45); --white-t-6: hsla(0, 0%, 100%, 0.55); --white-t-7: hsla(0, 0%, 100%, 0.64); --white-t-8: hsla(0, 0%, 100%, 0.73); --white-t-9: hsla(0, 0%, 100%, 0.82); --white-t-10: hsla(0, 0%, 100%, 0.91); --black: #000000; --black-t-1: hsla(0, 0%, 0%, 0.09); --black-t-2: hsla(0, 0%, 0%, 0.18); --black-t-3: hsla(0, 0%, 0%, 0.27); --black-t-4: hsla(0, 0%, 0%, 0.36); --black-t-5: hsla(0, 0%, 0%, 0.45); --black-t-6: hsla(0, 0%, 0%, 0.55); --black-t-7: hsla(0, 0%, 0%, 0.64); --black-t-8: hsla(0, 0%, 0%, 0.73); --black-t-9: hsla(0, 0%, 0%, 0.82); --black-t-10: hsla(0, 0%, 0%, 0.91); --accent-l-1: #e0dd78; --accent-l-2: #e3e185; --accent-l-3: #e6e493; --accent-l-4: #e9e7a0; --accent-l-5: #ecebae; --accent-l-6: #f0eebb; --accent-l-7: #f3f2c9; --accent-l-8: #f6f5d6; --accent-l-9: #f9f8e4; --accent-l-10: #fcfcf1; --accent-d-1: #c9c660; --accent-d-2: #b5b257; --accent-d-3: #a19f4d; --accent-d-4: #8d8b43; --accent-d-5: #79773a; --accent-d-6: #646330; --accent-d-7: #504f27; --accent-d-8: #3c3b1d; --accent-d-9: #282813; --accent-d-10: #14140a; --accent-t-1: hsla(58, 63%, 64%, 0.09); --accent-t-2: hsla(58, 63%, 64%, 0.18); --accent-t-3: hsla(58, 63%, 64%, 0.27); --accent-t-4: hsla(58, 63%, 64%, 0.36); --accent-t-5: hsla(58, 63%, 64%, 0.45); --accent-t-6: hsla(58, 63%, 64%, 0.55); --accent-t-7: hsla(58, 63%, 64%, 0.64); --accent-t-8: hsla(58, 63%, 64%, 0.73); --accent-t-9: hsla(58, 63%, 64%, 0.82); --accent-t-10: hsla(58, 63%, 64%, 0.91); --primary-l-1: #70775d; --primary-l-2: #7f846d; --primary-l-3: #8d927e; --primary-l-4: #9ba08e; --primary-l-5: #a9ad9e; --primary-l-6: #b8bbae; --primary-l-7: #c6c8be; --primary-l-8: #d4d6ce; --primary-l-9: #e2e4df; --primary-l-10: #f1f1ef; --primary-d-1: #595f46; --primary-d-2: #50563f; --primary-d-3: #474c38; --primary-d-4: #3e4331; --primary-d-5: #35392a; --primary-d-6: #2d3023; --primary-d-7: #24261c; --primary-d-8: #1b1d15; --primary-d-9: #12130e; --primary-d-10: #090a07; --primary-t-1: hsla(75, 15%, 36%, 0.09); --primary-t-2: hsla(75, 15%, 36%, 0.18); --primary-t-3: hsla(75, 15%, 36%, 0.27); --primary-t-4: hsla(75, 15%, 36%, 0.36); --primary-t-5: hsla(75, 15%, 36%, 0.45); --primary-t-6: hsla(75, 15%, 36%, 0.55); --primary-t-7: hsla(75, 15%, 36%, 0.64); --primary-t-8: hsla(75, 15%, 36%, 0.73); --primary-t-9: hsla(75, 15%, 36%, 0.82); --primary-t-10: hsla(75, 15%, 36%, 0.91); --text-2xs: clamp(0.72rem, calc(-0.00037037037037036965 * (100vw - 36rem) + 0.72rem), 0.68rem); --text-xs: clamp(0.9rem, calc(0 * (100vw - 36rem) + 0.9rem), 0.9rem); --text-s: clamp(1.12rem, calc(0.0007407407407407393 * (100vw - 36rem) + 1.12rem), 1.2rem); --text-m: clamp(1.4rem, calc(0.0018518518518518534 * (100vw - 36rem) + 1.4rem), 1.6rem); --text-l: clamp(1.75rem, calc(0.0035185185185185176 * (100vw - 36rem) + 1.75rem), 2.13rem); --text-xl: clamp(2.19rem, calc(0.006018518518518518 * (100vw - 36rem) + 2.19rem), 2.84rem); --text-2xl: clamp(2.73rem, calc(0.009814814814814816 * (100vw - 36rem) + 2.73rem), 3.79rem); --h6: clamp(1.23rem, calc(-0.003703703703703704 * (100vw - 36rem) + 1.23rem), 0.83rem); --h5: clamp(1.54rem, calc(-0.0027777777777777783 * (100vw - 36rem) + 1.54rem), 1.24rem); --h4: clamp(1.92rem, calc(-0.0004629629629629613 * (100vw - 36rem) + 1.92rem), 1.87rem); --h3: clamp(2.4rem, calc(0.003703703703703703 * (100vw - 36rem) + 2.4rem), 2.8rem); --h2: clamp(3rem, calc(0.011111111111111113 * (100vw - 36rem) + 3rem), 4.2rem); --h1: clamp(3.75rem, calc(0.02361111111111111 * (100vw - 36rem) + 3.75rem), 6.3rem); --space-2xs: clamp(0.71rem, calc(0.0022222222222222222 * (100vw - 36rem) + 0.71rem), 0.95rem); --space-xs: clamp(1.07rem, calc(0.0032407407407407393 * (100vw - 36rem) + 1.07rem), 1.42rem); --space-s: clamp(1.6rem, calc(0.0049074074074074055 * (100vw - 36rem) + 1.6rem), 2.13rem); --space-m: clamp(2.4rem, calc(0.00740740740740741 * (100vw - 36rem) + 2.4rem), 3.2rem); --space-l: clamp(3.6rem, calc(0.011111111111111108 * (100vw - 36rem) + 3.6rem), 4.8rem); --space-xl: clamp(5.4rem, calc(0.016666666666666666 * (100vw - 36rem) + 5.4rem), 7.2rem); --space-2xl: clamp(8.1rem, calc(0.02500000000000001 * (100vw - 36rem) + 8.1rem), 10.8rem);}.bg-primary { background-color: var(--primary); }.bg-primary-l-1 { background-color: var(--primary-l-1); }.bg-primary-l-2 { background-color: var(--primary-l-2); }.bg-primary-l-3 { background-color: var(--primary-l-3); }.bg-primary-l-4 { background-color: var(--primary-l-4); }.bg-primary-l-5 { background-color: var(--primary-l-5); }.bg-primary-l-6 { background-color: var(--primary-l-6); }.bg-primary-l-7 { background-color: var(--primary-l-7); }.bg-primary-l-8 { background-color: var(--primary-l-8); }.bg-primary-l-9 { background-color: var(--primary-l-9); }.bg-primary-l-10 { background-color: var(--primary-l-10); }.bg-primary-d-1 { background-color: var(--primary-d-1); }.bg-primary-d-2 { background-color: var(--primary-d-2); }.bg-primary-d-3 { background-color: var(--primary-d-3); }.bg-primary-d-4 { background-color: var(--primary-d-4); }.bg-primary-d-5 { background-color: var(--primary-d-5); }.bg-primary-d-6 { background-color: var(--primary-d-6); }.bg-primary-d-7 { background-color: var(--primary-d-7); }.bg-primary-d-8 { background-color: var(--primary-d-8); }.bg-primary-d-9 { background-color: var(--primary-d-9); }.bg-primary-d-10 { background-color: var(--primary-d-10); }.bg-primary-t-1 { background-color: var(--primary-t-1); }.bg-primary-t-2 { background-color: var(--primary-t-2); }.bg-primary-t-3 { background-color: var(--primary-t-3); }.bg-primary-t-4 { background-color: var(--primary-t-4); }.bg-primary-t-5 { background-color: var(--primary-t-5); }.bg-primary-t-6 { background-color: var(--primary-t-6); }.bg-primary-t-7 { background-color: var(--primary-t-7); }.bg-primary-t-8 { background-color: var(--primary-t-8); }.bg-primary-t-9 { background-color: var(--primary-t-9); }.bg-primary-t-10 { background-color: var(--primary-t-10); }.text-primary { color: var(--primary); }.text-primary-l-1 { color: var(--primary-l-1); }.text-primary-l-2 { color: var(--primary-l-2); }.text-primary-l-3 { color: var(--primary-l-3); }.text-primary-l-4 { color: var(--primary-l-4); }.text-primary-l-5 { color: var(--primary-l-5); }.text-primary-l-6 { color: var(--primary-l-6); }.text-primary-l-7 { color: var(--primary-l-7); }.text-primary-l-8 { color: var(--primary-l-8); }.text-primary-l-9 { color: var(--primary-l-9); }.text-primary-l-10 { color: var(--primary-l-10); }.text-primary-d-1 { color: var(--primary-d-1); }.text-primary-d-2 { color: var(--primary-d-2); }.text-primary-d-3 { color: var(--primary-d-3); }.text-primary-d-4 { color: var(--primary-d-4); }.text-primary-d-5 { color: var(--primary-d-5); }.text-primary-d-6 { color: var(--primary-d-6); }.text-primary-d-7 { color: var(--primary-d-7); }.text-primary-d-8 { color: var(--primary-d-8); }.text-primary-d-9 { color: var(--primary-d-9); }.text-primary-d-10 { color: var(--primary-d-10); }.text-primary-t-1 { color: var(--primary-t-1); }.text-primary-t-2 { color: var(--primary-t-2); }.text-primary-t-3 { color: var(--primary-t-3); }.text-primary-t-4 { color: var(--primary-t-4); }.text-primary-t-5 { color: var(--primary-t-5); }.text-primary-t-6 { color: var(--primary-t-6); }.text-primary-t-7 { color: var(--primary-t-7); }.text-primary-t-8 { color: var(--primary-t-8); }.text-primary-t-9 { color: var(--primary-t-9); }.text-primary-t-10 { color: var(--primary-t-10); }.border-primary { border-color: var(--primary); }.border-primary-l-1 { border-color: var(--primary-l-1); }.border-primary-l-2 { border-color: var(--primary-l-2); }.border-primary-l-3 { border-color: var(--primary-l-3); }.border-primary-l-4 { border-color: var(--primary-l-4); }.border-primary-l-5 { border-color: var(--primary-l-5); }.border-primary-l-6 { border-color: var(--primary-l-6); }.border-primary-l-7 { border-color: var(--primary-l-7); }.border-primary-l-8 { border-color: var(--primary-l-8); }.border-primary-l-9 { border-color: var(--primary-l-9); }.border-primary-l-10 { border-color: var(--primary-l-10); }.border-primary-d-1 { border-color: var(--primary-d-1); }.border-primary-d-2 { border-color: var(--primary-d-2); }.border-primary-d-3 { border-color: var(--primary-d-3); }.border-primary-d-4 { border-color: var(--primary-d-4); }.border-primary-d-5 { border-color: var(--primary-d-5); }.border-primary-d-6 { border-color: var(--primary-d-6); }.border-primary-d-7 { border-color: var(--primary-d-7); }.border-primary-d-8 { border-color: var(--primary-d-8); }.border-primary-d-9 { border-color: var(--primary-d-9); }.border-primary-d-10 { border-color: var(--primary-d-10); }.border-primary-t-1 { border-color: var(--primary-t-1); }.border-primary-t-2 { border-color: var(--primary-t-2); }.border-primary-t-3 { border-color: var(--primary-t-3); }.border-primary-t-4 { border-color: var(--primary-t-4); }.border-primary-t-5 { border-color: var(--primary-t-5); }.border-primary-t-6 { border-color: var(--primary-t-6); }.border-primary-t-7 { border-color: var(--primary-t-7); }.border-primary-t-8 { border-color: var(--primary-t-8); }.border-primary-t-9 { border-color: var(--primary-t-9); }.border-primary-t-10 { border-color: var(--primary-t-10); }.outline-primary { outline-color: var(--primary); }.outline-primary-l-1 { outline-color: var(--primary-l-1); }.outline-primary-l-2 { outline-color: var(--primary-l-2); }.outline-primary-l-3 { outline-color: var(--primary-l-3); }.outline-primary-l-4 { outline-color: var(--primary-l-4); }.outline-primary-l-5 { outline-color: var(--primary-l-5); }.outline-primary-l-6 { outline-color: var(--primary-l-6); }.outline-primary-l-7 { outline-color: var(--primary-l-7); }.outline-primary-l-8 { outline-color: var(--primary-l-8); }.outline-primary-l-9 { outline-color: var(--primary-l-9); }.outline-primary-l-10 { outline-color: var(--primary-l-10); }.outline-primary-d-1 { outline-color: var(--primary-d-1); }.outline-primary-d-2 { outline-color: var(--primary-d-2); }.outline-primary-d-3 { outline-color: var(--primary-d-3); }.outline-primary-d-4 { outline-color: var(--primary-d-4); }.outline-primary-d-5 { outline-color: var(--primary-d-5); }.outline-primary-d-6 { outline-color: var(--primary-d-6); }.outline-primary-d-7 { outline-color: var(--primary-d-7); }.outline-primary-d-8 { outline-color: var(--primary-d-8); }.outline-primary-d-9 { outline-color: var(--primary-d-9); }.outline-primary-d-10 { outline-color: var(--primary-d-10); }.outline-primary-t-1 { outline-color: var(--primary-t-1); }.outline-primary-t-2 { outline-color: var(--primary-t-2); }.outline-primary-t-3 { outline-color: var(--primary-t-3); }.outline-primary-t-4 { outline-color: var(--primary-t-4); }.outline-primary-t-5 { outline-color: var(--primary-t-5); }.outline-primary-t-6 { outline-color: var(--primary-t-6); }.outline-primary-t-7 { outline-color: var(--primary-t-7); }.outline-primary-t-8 { outline-color: var(--primary-t-8); }.outline-primary-t-9 { outline-color: var(--primary-t-9); }.outline-primary-t-10 { outline-color: var(--primary-t-10); }.fill-primary { fill: var(--primary); }.fill-primary-l-1 { fill: var(--primary-l-1); }.fill-primary-l-2 { fill: var(--primary-l-2); }.fill-primary-l-3 { fill: var(--primary-l-3); }.fill-primary-l-4 { fill: var(--primary-l-4); }.fill-primary-l-5 { fill: var(--primary-l-5); }.fill-primary-l-6 { fill: var(--primary-l-6); }.fill-primary-l-7 { fill: var(--primary-l-7); }.fill-primary-l-8 { fill: var(--primary-l-8); }.fill-primary-l-9 { fill: var(--primary-l-9); }.fill-primary-l-10 { fill: var(--primary-l-10); }.fill-primary-d-1 { fill: var(--primary-d-1); }.fill-primary-d-2 { fill: var(--primary-d-2); }.fill-primary-d-3 { fill: var(--primary-d-3); }.fill-primary-d-4 { fill: var(--primary-d-4); }.fill-primary-d-5 { fill: var(--primary-d-5); }.fill-primary-d-6 { fill: var(--primary-d-6); }.fill-primary-d-7 { fill: var(--primary-d-7); }.fill-primary-d-8 { fill: var(--primary-d-8); }.fill-primary-d-9 { fill: var(--primary-d-9); }.fill-primary-d-10 { fill: var(--primary-d-10); }.fill-primary-t-1 { fill: var(--primary-t-1); }.fill-primary-t-2 { fill: var(--primary-t-2); }.fill-primary-t-3 { fill: var(--primary-t-3); }.fill-primary-t-4 { fill: var(--primary-t-4); }.fill-primary-t-5 { fill: var(--primary-t-5); }.fill-primary-t-6 { fill: var(--primary-t-6); }.fill-primary-t-7 { fill: var(--primary-t-7); }.fill-primary-t-8 { fill: var(--primary-t-8); }.fill-primary-t-9 { fill: var(--primary-t-9); }.fill-primary-t-10 { fill: var(--primary-t-10); }.stroke-primary { stroke: var(--primary); }.stroke-primary-l-1 { stroke: var(--primary-l-1); }.stroke-primary-l-2 { stroke: var(--primary-l-2); }.stroke-primary-l-3 { stroke: var(--primary-l-3); }.stroke-primary-l-4 { stroke: var(--primary-l-4); }.stroke-primary-l-5 { stroke: var(--primary-l-5); }.stroke-primary-l-6 { stroke: var(--primary-l-6); }.stroke-primary-l-7 { stroke: var(--primary-l-7); }.stroke-primary-l-8 { stroke: var(--primary-l-8); }.stroke-primary-l-9 { stroke: var(--primary-l-9); }.stroke-primary-l-10 { stroke: var(--primary-l-10); }.stroke-primary-d-1 { stroke: var(--primary-d-1); }.stroke-primary-d-2 { stroke: var(--primary-d-2); }.stroke-primary-d-3 { stroke: var(--primary-d-3); }.stroke-primary-d-4 { stroke: var(--primary-d-4); }.stroke-primary-d-5 { stroke: var(--primary-d-5); }.stroke-primary-d-6 { stroke: var(--primary-d-6); }.stroke-primary-d-7 { stroke: var(--primary-d-7); }.stroke-primary-d-8 { stroke: var(--primary-d-8); }.stroke-primary-d-9 { stroke: var(--primary-d-9); }.stroke-primary-d-10 { stroke: var(--primary-d-10); }.stroke-primary-t-1 { stroke: var(--primary-t-1); }.stroke-primary-t-2 { stroke: var(--primary-t-2); }.stroke-primary-t-3 { stroke: var(--primary-t-3); }.stroke-primary-t-4 { stroke: var(--primary-t-4); }.stroke-primary-t-5 { stroke: var(--primary-t-5); }.stroke-primary-t-6 { stroke: var(--primary-t-6); }.stroke-primary-t-7 { stroke: var(--primary-t-7); }.stroke-primary-t-8 { stroke: var(--primary-t-8); }.stroke-primary-t-9 { stroke: var(--primary-t-9); }.stroke-primary-t-10 { stroke: var(--primary-t-10); }.bg-accent { background-color: var(--accent); }.bg-accent-l-1 { background-color: var(--accent-l-1); }.bg-accent-l-2 { background-color: var(--accent-l-2); }.bg-accent-l-3 { background-color: var(--accent-l-3); }.bg-accent-l-4 { background-color: var(--accent-l-4); }.bg-accent-l-5 { background-color: var(--accent-l-5); }.bg-accent-l-6 { background-color: var(--accent-l-6); }.bg-accent-l-7 { background-color: var(--accent-l-7); }.bg-accent-l-8 { background-color: var(--accent-l-8); }.bg-accent-l-9 { background-color: var(--accent-l-9); }.bg-accent-l-10 { background-color: var(--accent-l-10); }.bg-accent-d-1 { background-color: var(--accent-d-1); }.bg-accent-d-2 { background-color: var(--accent-d-2); }.bg-accent-d-3 { background-color: var(--accent-d-3); }.bg-accent-d-4 { background-color: var(--accent-d-4); }.bg-accent-d-5 { background-color: var(--accent-d-5); }.bg-accent-d-6 { background-color: var(--accent-d-6); }.bg-accent-d-7 { background-color: var(--accent-d-7); }.bg-accent-d-8 { background-color: var(--accent-d-8); }.bg-accent-d-9 { background-color: var(--accent-d-9); }.bg-accent-d-10 { background-color: var(--accent-d-10); }.bg-accent-t-1 { background-color: var(--accent-t-1); }.bg-accent-t-2 { background-color: var(--accent-t-2); }.bg-accent-t-3 { background-color: var(--accent-t-3); }.bg-accent-t-4 { background-color: var(--accent-t-4); }.bg-accent-t-5 { background-color: var(--accent-t-5); }.bg-accent-t-6 { background-color: var(--accent-t-6); }.bg-accent-t-7 { background-color: var(--accent-t-7); }.bg-accent-t-8 { background-color: var(--accent-t-8); }.bg-accent-t-9 { background-color: var(--accent-t-9); }.bg-accent-t-10 { background-color: var(--accent-t-10); }.text-accent { color: var(--accent); }.text-accent-l-1 { color: var(--accent-l-1); }.text-accent-l-2 { color: var(--accent-l-2); }.text-accent-l-3 { color: var(--accent-l-3); }.text-accent-l-4 { color: var(--accent-l-4); }.text-accent-l-5 { color: var(--accent-l-5); }.text-accent-l-6 { color: var(--accent-l-6); }.text-accent-l-7 { color: var(--accent-l-7); }.text-accent-l-8 { color: var(--accent-l-8); }.text-accent-l-9 { color: var(--accent-l-9); }.text-accent-l-10 { color: var(--accent-l-10); }.text-accent-d-1 { color: var(--accent-d-1); }.text-accent-d-2 { color: var(--accent-d-2); }.text-accent-d-3 { color: var(--accent-d-3); }.text-accent-d-4 { color: var(--accent-d-4); }.text-accent-d-5 { color: var(--accent-d-5); }.text-accent-d-6 { color: var(--accent-d-6); }.text-accent-d-7 { color: var(--accent-d-7); }.text-accent-d-8 { color: var(--accent-d-8); }.text-accent-d-9 { color: var(--accent-d-9); }.text-accent-d-10 { color: var(--accent-d-10); }.text-accent-t-1 { color: var(--accent-t-1); }.text-accent-t-2 { color: var(--accent-t-2); }.text-accent-t-3 { color: var(--accent-t-3); }.text-accent-t-4 { color: var(--accent-t-4); }.text-accent-t-5 { color: var(--accent-t-5); }.text-accent-t-6 { color: var(--accent-t-6); }.text-accent-t-7 { color: var(--accent-t-7); }.text-accent-t-8 { color: var(--accent-t-8); }.text-accent-t-9 { color: var(--accent-t-9); }.text-accent-t-10 { color: var(--accent-t-10); }.text-text { color: var(--text); }.text-text-d-1 { color: var(--text-d-1); }.text-text-d-2 { color: var(--text-d-2); }.text-text-d-3 { color: var(--text-d-3); }.text-text-d-4 { color: var(--text-d-4); }.text-text-t-1 { color: var(--text-t-1); }.text-text-t-2 { color: var(--text-t-2); }.text-text-t-3 { color: var(--text-t-3); }.text-text-t-4 { color: var(--text-t-4); }.text-text-t-5 { color: var(--text-t-5); }.text-text-t-6 { color: var(--text-t-6); }.text-text-t-7 { color: var(--text-t-7); }.text-text-t-8 { color: var(--text-t-8); }.text-text-t-9 { color: var(--text-t-9); }.text-text-t-10 { color: var(--text-t-10); }.bg-white { background-color: var(--white); }.bg-white-t-1 { background-color: var(--white-t-1); }.bg-white-t-2 { background-color: var(--white-t-2); }.bg-white-t-3 { background-color: var(--white-t-3); }.bg-white-t-4 { background-color: var(--white-t-4); }.bg-white-t-5 { background-color: var(--white-t-5); }.bg-white-t-6 { background-color: var(--white-t-6); }.bg-white-t-7 { background-color: var(--white-t-7); }.bg-white-t-8 { background-color: var(--white-t-8); }.bg-white-t-9 { background-color: var(--white-t-9); }.bg-white-t-10 { background-color: var(--white-t-10); }.text-white { color: var(--white); }.text-white-t-1 { color: var(--white-t-1); }.text-white-t-2 { color: var(--white-t-2); }.text-white-t-3 { color: var(--white-t-3); }.text-white-t-4 { color: var(--white-t-4); }.text-white-t-5 { color: var(--white-t-5); }.text-white-t-6 { color: var(--white-t-6); }.text-white-t-7 { color: var(--white-t-7); }.text-white-t-8 { color: var(--white-t-8); }.text-white-t-9 { color: var(--white-t-9); }.text-white-t-10 { color: var(--white-t-10); }.bg-black { background-color: var(--black); }.bg-black-t-1 { background-color: var(--black-t-1); }.bg-black-t-2 { background-color: var(--black-t-2); }.bg-black-t-3 { background-color: var(--black-t-3); }.bg-black-t-4 { background-color: var(--black-t-4); }.bg-black-t-5 { background-color: var(--black-t-5); }.bg-black-t-6 { background-color: var(--black-t-6); }.bg-black-t-7 { background-color: var(--black-t-7); }.bg-black-t-8 { background-color: var(--black-t-8); }.bg-black-t-9 { background-color: var(--black-t-9); }.bg-black-t-10 { background-color: var(--black-t-10); }.text-black { color: var(--black); }.text-black-t-1 { color: var(--black-t-1); }.text-black-t-2 { color: var(--black-t-2); }.text-black-t-3 { color: var(--black-t-3); }.text-black-t-4 { color: var(--black-t-4); }.text-black-t-5 { color: var(--black-t-5); }.text-black-t-6 { color: var(--black-t-6); }.text-black-t-7 { color: var(--black-t-7); }.text-black-t-8 { color: var(--black-t-8); }.text-black-t-9 { color: var(--black-t-9); }.text-black-t-10 { color: var(--black-t-10); }