: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: #42432F; --secondary: #FBF3D9; --secondary-l-1: #fcf5df; --secondary-l-2: #fcf7e6; --secondary-l-3: #fdf9ec; --secondary-l-4: #fefbf2; --secondary-l-5: #fefdf9; --secondary-d-1: #d1cbb5; --secondary-d-2: #a7a291; --secondary-d-3: #7e7a6d; --secondary-d-4: #545148; --secondary-d-5: #2a2924; --secondary-t-1: hsla(46, 81%, 92%, 0.17); --secondary-t-2: hsla(46, 81%, 92%, 0.33); --secondary-t-3: hsla(46, 81%, 92%, 0.5); --secondary-t-4: hsla(46, 81%, 92%, 0.67); --secondary-t-5: hsla(46, 81%, 92%, 0.83); --primary-linear: #33332A; --secondary-1: #E8DAB3CC; --view: #81202D; --living: #997f2e; --business: #5a7285; --park: #737c33; --primary-l-1: #616252; --primary-l-2: #818274; --primary-l-3: #a1a197; --primary-l-4: #c0c0ba; --primary-l-5: #e0e0dc; --primary-d-1: #373827; --primary-d-2: #2c2d1f; --primary-d-3: #212218; --primary-d-4: #161610; --primary-d-5: #0b0b08; --primary-t-1: hsla(63, 18%, 22%, 0.17); --primary-t-2: hsla(63, 18%, 22%, 0.33); --primary-t-3: hsla(63, 18%, 22%, 0.5); --primary-t-4: hsla(63, 18%, 22%, 0.67); --primary-t-5: hsla(63, 18%, 22%, 0.83); --text-3xs: clamp(0.66rem, calc(-0.00018714909544603883 * (100vw - 32rem) + 0.66rem), 0.63rem); --text-2xs: clamp(0.82rem, calc(0.00012476606363069254 * (100vw - 32rem) + 0.82rem), 0.84rem); --text-xs: clamp(1.02rem, calc(0.0006862133499688077 * (100vw - 32rem) + 1.02rem), 1.13rem); --text-s: clamp(1.28rem, calc(0.0013724266999376167 * (100vw - 32rem) + 1.28rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.002495321272613848 * (100vw - 32rem) + 1.6rem), 2rem); --text-l: clamp(2rem, calc(0.004179663131628196 * (100vw - 32rem) + 2rem), 2.67rem); --text-xl: clamp(2.5rem, calc(0.0065502183406113525 * (100vw - 32rem) + 2.5rem), 3.55rem); --text-2xl: clamp(3.13rem, calc(0.010043668122270744 * (100vw - 32rem) + 3.13rem), 4.74rem); --text-3xl: clamp(3.91rem, calc(0.014971927635683089 * (100vw - 32rem) + 3.91rem), 6.31rem); --text-4xl: clamp(4.88rem, calc(0.022083593262632564 * (100vw - 32rem) + 4.88rem), 8.42rem); --text-5xl: clamp(6.1rem, calc(0.03194011228945727 * (100vw - 32rem) + 6.1rem), 11.22rem); --text-1: clamp(4.64rem, calc(0.007236431690580162 * (100vw - 32rem) + 4.64rem), 5.8rem); --text-2: clamp(7.04rem, calc(0.010979413599500939 * (100vw - 32rem) + 7.04rem), 8.8rem); --text-3: clamp(7.36rem, calc(0.011478477854023698 * (100vw - 32rem) + 7.36rem), 9.2rem); --text-4: clamp(11.2rem, calc(0.017467248908296946 * (100vw - 32rem) + 11.2rem), 14rem); --text-5: clamp(18.64rem, calc(0.02907049282595134 * (100vw - 32rem) + 18.64rem), 23.3rem); --text-6: clamp(24.38rem, calc(0.03799126637554585 * (100vw - 32rem) + 24.38rem), 30.47rem); --space-4xs: clamp(0.52rem, calc(-0.0002495321272613851 * (100vw - 32rem) + 0.52rem), 0.48rem); --space-3xs: clamp(0.66rem, calc(-0.00018714909544603883 * (100vw - 32rem) + 0.66rem), 0.63rem); --space-2xs: clamp(0.82rem, calc(0.00012476606363069254 * (100vw - 32rem) + 0.82rem), 0.84rem); --space-xs: clamp(1.02rem, calc(0.0006862133499688077 * (100vw - 32rem) + 1.02rem), 1.13rem); --space-s: clamp(1.28rem, calc(0.0013724266999376167 * (100vw - 32rem) + 1.28rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.002495321272613848 * (100vw - 32rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.004179663131628196 * (100vw - 32rem) + 2rem), 2.67rem); --space-xl: clamp(2.5rem, calc(0.0065502183406113525 * (100vw - 32rem) + 2.5rem), 3.55rem); --space-2xl: clamp(3.13rem, calc(0.010043668122270744 * (100vw - 32rem) + 3.13rem), 4.74rem); --space-3xl: clamp(3.91rem, calc(0.014971927635683089 * (100vw - 32rem) + 3.91rem), 6.31rem); --space-4xl: clamp(4.88rem, calc(0.022083593262632564 * (100vw - 32rem) + 4.88rem), 8.42rem); --space-5xl: clamp(6.1rem, calc(0.03194011228945727 * (100vw - 32rem) + 6.1rem), 11.22rem);}.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-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-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); }.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-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-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); }.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-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-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); }.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-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-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); }.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-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-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); }.bg-secondary { background-color: var(--secondary); }.bg-secondary-l-1 { background-color: var(--secondary-l-1); }.bg-secondary-l-2 { background-color: var(--secondary-l-2); }.bg-secondary-l-3 { background-color: var(--secondary-l-3); }.bg-secondary-l-4 { background-color: var(--secondary-l-4); }.bg-secondary-l-5 { background-color: var(--secondary-l-5); }.bg-secondary-d-1 { background-color: var(--secondary-d-1); }.bg-secondary-d-2 { background-color: var(--secondary-d-2); }.bg-secondary-d-3 { background-color: var(--secondary-d-3); }.bg-secondary-d-4 { background-color: var(--secondary-d-4); }.bg-secondary-d-5 { background-color: var(--secondary-d-5); }.bg-secondary-t-1 { background-color: var(--secondary-t-1); }.bg-secondary-t-2 { background-color: var(--secondary-t-2); }.bg-secondary-t-3 { background-color: var(--secondary-t-3); }.bg-secondary-t-4 { background-color: var(--secondary-t-4); }.bg-secondary-t-5 { background-color: var(--secondary-t-5); }.text-secondary { color: var(--secondary); }.text-secondary-l-1 { color: var(--secondary-l-1); }.text-secondary-l-2 { color: var(--secondary-l-2); }.text-secondary-l-3 { color: var(--secondary-l-3); }.text-secondary-l-4 { color: var(--secondary-l-4); }.text-secondary-l-5 { color: var(--secondary-l-5); }.text-secondary-d-1 { color: var(--secondary-d-1); }.text-secondary-d-2 { color: var(--secondary-d-2); }.text-secondary-d-3 { color: var(--secondary-d-3); }.text-secondary-d-4 { color: var(--secondary-d-4); }.text-secondary-d-5 { color: var(--secondary-d-5); }.text-secondary-t-1 { color: var(--secondary-t-1); }.text-secondary-t-2 { color: var(--secondary-t-2); }.text-secondary-t-3 { color: var(--secondary-t-3); }.text-secondary-t-4 { color: var(--secondary-t-4); }.text-secondary-t-5 { color: var(--secondary-t-5); }.border-secondary { border-color: var(--secondary); }.border-secondary-l-1 { border-color: var(--secondary-l-1); }.border-secondary-l-2 { border-color: var(--secondary-l-2); }.border-secondary-l-3 { border-color: var(--secondary-l-3); }.border-secondary-l-4 { border-color: var(--secondary-l-4); }.border-secondary-l-5 { border-color: var(--secondary-l-5); }.border-secondary-d-1 { border-color: var(--secondary-d-1); }.border-secondary-d-2 { border-color: var(--secondary-d-2); }.border-secondary-d-3 { border-color: var(--secondary-d-3); }.border-secondary-d-4 { border-color: var(--secondary-d-4); }.border-secondary-d-5 { border-color: var(--secondary-d-5); }.border-secondary-t-1 { border-color: var(--secondary-t-1); }.border-secondary-t-2 { border-color: var(--secondary-t-2); }.border-secondary-t-3 { border-color: var(--secondary-t-3); }.border-secondary-t-4 { border-color: var(--secondary-t-4); }.border-secondary-t-5 { border-color: var(--secondary-t-5); }.fill-secondary { fill: var(--secondary); }.fill-secondary-l-1 { fill: var(--secondary-l-1); }.fill-secondary-l-2 { fill: var(--secondary-l-2); }.fill-secondary-l-3 { fill: var(--secondary-l-3); }.fill-secondary-l-4 { fill: var(--secondary-l-4); }.fill-secondary-l-5 { fill: var(--secondary-l-5); }.fill-secondary-d-1 { fill: var(--secondary-d-1); }.fill-secondary-d-2 { fill: var(--secondary-d-2); }.fill-secondary-d-3 { fill: var(--secondary-d-3); }.fill-secondary-d-4 { fill: var(--secondary-d-4); }.fill-secondary-d-5 { fill: var(--secondary-d-5); }.fill-secondary-t-1 { fill: var(--secondary-t-1); }.fill-secondary-t-2 { fill: var(--secondary-t-2); }.fill-secondary-t-3 { fill: var(--secondary-t-3); }.fill-secondary-t-4 { fill: var(--secondary-t-4); }.fill-secondary-t-5 { fill: var(--secondary-t-5); }.stroke-secondary { stroke: var(--secondary); }.stroke-secondary-l-1 { stroke: var(--secondary-l-1); }.stroke-secondary-l-2 { stroke: var(--secondary-l-2); }.stroke-secondary-l-3 { stroke: var(--secondary-l-3); }.stroke-secondary-l-4 { stroke: var(--secondary-l-4); }.stroke-secondary-l-5 { stroke: var(--secondary-l-5); }.stroke-secondary-d-1 { stroke: var(--secondary-d-1); }.stroke-secondary-d-2 { stroke: var(--secondary-d-2); }.stroke-secondary-d-3 { stroke: var(--secondary-d-3); }.stroke-secondary-d-4 { stroke: var(--secondary-d-4); }.stroke-secondary-d-5 { stroke: var(--secondary-d-5); }.stroke-secondary-t-1 { stroke: var(--secondary-t-1); }.stroke-secondary-t-2 { stroke: var(--secondary-t-2); }.stroke-secondary-t-3 { stroke: var(--secondary-t-3); }.stroke-secondary-t-4 { stroke: var(--secondary-t-4); }.stroke-secondary-t-5 { stroke: var(--secondary-t-5); }.bg-secondary-1 { background-color: var(--secondary-1); }.bg-living { background-color: var(--living); }.bg-business { background-color: var(--business); }.bg-park { background-color: var(--park); }