: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(214, 33%, 18%); --secondary: hsl(210, 33%, 45%); --primary-l-1: hsl(214, 21%, 25%); --primary-l-2: hsl(214, 15%, 33%); --primary-l-3: hsl(214, 11%, 40%); --primary-l-4: hsl(214, 8%, 48%); --primary-l-5: hsl(214, 7%, 55%); --primary-l-6: hsl(214, 7%, 63%); --primary-l-7: hsl(214, 7%, 70%); --primary-l-8: hsl(214, 7%, 78%); --primary-l-9: hsl(214, 7%, 85%); --primary-l-10: hsl(214, 7%, 93%); --primary-d-1: hsl(214, 33%, 16%); --primary-d-2: hsl(214, 33%, 15%); --primary-d-3: hsl(214, 33%, 13%); --primary-d-4: hsl(214, 33%, 11%); --primary-d-5: hsl(214, 33%, 10%); --primary-d-6: hsl(214, 33%, 8%); --primary-d-7: hsl(214, 33%, 7%); --primary-d-8: hsl(214, 33%, 5%); --primary-d-9: hsl(214, 33%, 3%); --primary-d-10: hsl(214, 33%, 2%); --primary-t-1: hsla(214, 33%, 18%, 0.09); --primary-t-2: hsla(214, 33%, 18%, 0.18); --primary-t-3: hsla(214, 33%, 18%, 0.27); --primary-t-4: hsla(214, 33%, 18%, 0.36); --primary-t-5: hsla(214, 33%, 18%, 0.45); --primary-t-6: hsla(214, 33%, 18%, 0.55); --primary-t-7: hsla(214, 33%, 18%, 0.64); --primary-t-8: hsla(214, 33%, 18%, 0.73); --primary-t-9: hsla(214, 33%, 18%, 0.82); --primary-t-10: hsla(214, 33%, 18%, 0.91); --secondary-l-1: hsl(210, 27%, 50%); --secondary-l-2: hsl(210, 27%, 55%); --secondary-l-3: hsl(210, 27%, 60%); --secondary-l-4: hsl(210, 27%, 65%); --secondary-l-5: hsl(210, 27%, 70%); --secondary-l-6: hsl(210, 27%, 75%); --secondary-l-7: hsl(210, 27%, 80%); --secondary-l-8: hsl(210, 27%, 85%); --secondary-l-9: hsl(210, 27%, 90%); --secondary-l-10: hsl(210, 27%, 95%); --secondary-d-1: hsl(210, 33%, 41%); --secondary-d-2: hsl(210, 33%, 37%); --secondary-d-3: hsl(210, 33%, 33%); --secondary-d-4: hsl(210, 33%, 29%); --secondary-d-5: hsl(210, 33%, 25%); --secondary-d-6: hsl(210, 33%, 20%); --secondary-d-7: hsl(210, 33%, 16%); --secondary-d-8: hsl(210, 33%, 12%); --secondary-d-9: hsl(210, 33%, 8%); --secondary-d-10: hsl(210, 33%, 4%); --secondary-t-1: hsla(210, 33%, 45%, 0.09); --secondary-t-2: hsla(210, 33%, 45%, 0.18); --secondary-t-3: hsla(210, 33%, 45%, 0.27); --secondary-t-4: hsla(210, 33%, 45%, 0.36); --secondary-t-5: hsla(210, 33%, 45%, 0.45); --secondary-t-6: hsla(210, 33%, 45%, 0.55); --secondary-t-7: hsla(210, 33%, 45%, 0.64); --secondary-t-8: hsla(210, 33%, 45%, 0.73); --secondary-t-9: hsla(210, 33%, 45%, 0.82); --secondary-t-10: hsla(210, 33%, 45%, 0.91); --border-color: hsla(214, 7%, 55%, 0.2); --border-color-l-1: hsla(214, 7%, 66%, 0.4); --border-color-l-2: hsla(214, 7%, 77%, 0.6); --border-color-l-3: hsla(214, 7%, 89%, 0.8); --border-color-d-1: hsla(214, 6%, 41%, 0.4); --border-color-d-2: hsla(214, 6%, 27%, 0.6); --border-color-d-3: hsla(214, 6%, 14%, 0.8); --white: #fff; --black: #000; --heading-2xs: clamp(0.58rem, calc(0.0008888888888888897 * (100vw - 22.5rem) + 0.58rem), 0.64rem); --heading-xs: clamp(0.72rem, calc(0.0011851851851851863 * (100vw - 22.5rem) + 0.72rem), 0.8rem); --heading-s: clamp(0.9rem, calc(0.0014814814814814812 * (100vw - 22.5rem) + 0.9rem), 1rem); --heading-m: clamp(1.13rem, calc(0.0017777777777777794 * (100vw - 22.5rem) + 1.13rem), 1.25rem); --heading-l: clamp(1.41rem, calc(0.0022222222222222244 * (100vw - 22.5rem) + 1.41rem), 1.56rem); --heading-xl: clamp(1.76rem, calc(0.002814814814814814 * (100vw - 22.5rem) + 1.76rem), 1.95rem); --heading-2xl: clamp(2.2rem, calc(0.0035555555555555523 * (100vw - 22.5rem) + 2.2rem), 2.44rem); --heading-3xl: clamp(2.75rem, calc(0.004444444444444442 * (100vw - 22.5rem) + 2.75rem), 3.05rem); --heading-4xl: clamp(3.43rem, calc(0.005629629629629628 * (100vw - 22.5rem) + 3.43rem), 3.81rem); --text-2xs: clamp(0.7rem, calc(0.0013333333333333346 * (100vw - 22.5rem) + 0.7rem), 0.79rem); --text-xs: clamp(0.79rem, calc(0.0014814814814814812 * (100vw - 22.5rem) + 0.79rem), 0.89rem); --text-s: clamp(0.89rem, calc(0.0016296296296296295 * (100vw - 22.5rem) + 0.89rem), 1rem); --text-m: clamp(1rem, calc(0.0019259259259259242 * (100vw - 22.5rem) + 1rem), 1.13rem); --text-l: clamp(1.13rem, calc(0.002074074074074076 * (100vw - 22.5rem) + 1.13rem), 1.27rem); --text-xl: clamp(1.27rem, calc(0.002222222222222221 * (100vw - 22.5rem) + 1.27rem), 1.42rem); --text-2xl: clamp(1.42rem, calc(0.002666666666666669 * (100vw - 22.5rem) + 1.42rem), 1.6rem); --space-2xs: clamp(0.51rem, calc(0.00029629629629629656 * (100vw - 22.5rem) + 0.51rem), 0.53rem); --space-xs: clamp(0.64rem, calc(0.0008888888888888881 * (100vw - 22.5rem) + 0.64rem), 0.7rem); --space-s: clamp(0.8rem, calc(0.002074074074074073 * (100vw - 22.5rem) + 0.8rem), 0.94rem); --space-m: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --space-l: clamp(1.25rem, calc(0.006222222222222221 * (100vw - 22.5rem) + 1.25rem), 1.67rem); --space-xl: clamp(1.56rem, calc(0.00977777777777778 * (100vw - 22.5rem) + 1.56rem), 2.22rem); --space-2xl: clamp(1.95rem, calc(0.014962962962962963 * (100vw - 22.5rem) + 1.95rem), 2.96rem); --space-3xl: clamp(2.44rem, calc(0.022370370370370374 * (100vw - 22.5rem) + 2.44rem), 3.95rem); --space-4xl: clamp(3.05rem, calc(0.03274074074074074 * (100vw - 22.5rem) + 3.05rem), 5.26rem); --space-5xl: clamp(3.81rem, calc(0.047407407407407405 * (100vw - 22.5rem) + 3.81rem), 7.01rem);}.space-row-2xs { row-gap: var(--space-2xs); }.space-row-xs { row-gap: var(--space-xs); }.space-row-s { row-gap: var(--space-s); }.space-row-m { row-gap: var(--space-m); }.space-row-l { row-gap: var(--space-l); }.space-row-xl { row-gap: var(--space-xl); }.space-row-2xl { row-gap: var(--space-2xl); }.space-row-3xl { row-gap: var(--space-3xl); }.space-row-4xl { row-gap: var(--space-4xl); }.space-row-5xl { row-gap: var(--space-5xl); }.space-col-2xs { column-gap: var(--space-2xs); }.space-col-xs { column-gap: var(--space-xs); }.space-col-s { column-gap: var(--space-s); }.space-col-m { column-gap: var(--space-m); }.space-col-l { column-gap: var(--space-l); }.space-col-xl { column-gap: var(--space-xl); }.space-col-2xl { column-gap: var(--space-2xl); }.space-col-3xl { column-gap: var(--space-3xl); }.space-col-4xl { column-gap: var(--space-4xl); }.space-col-5xl { column-gap: var(--space-5xl); }.space-2xs { gap: var(--space-2xs); }.space-xs { gap: var(--space-xs); }.space-s { gap: var(--space-s); }.space-m { gap: var(--space-m); }.space-l { gap: var(--space-l); }.space-xl { gap: var(--space-xl); }.space-2xl { gap: var(--space-2xl); }.space-3xl { gap: var(--space-3xl); }.space-4xl { gap: var(--space-4xl); }.space-5xl { gap: var(--space-5xl); }