: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; --color-primary: #152F1D; --color-primary-l-1: #2a4232; --color-primary-l-2: #405546; --color-primary-l-3: #55685b; --color-primary-l-4: #6a7b6f; --color-primary-l-5: #7f8e84; --color-primary-l-6: #95a098; --color-primary-l-7: #aab3ad; --color-primary-l-8: #bfc6c1; --color-primary-l-9: #d4d9d6; --color-primary-l-10: #eaecea; --color-primary-d-1: #132b1a; --color-primary-d-2: #112618; --color-primary-d-3: #0f2215; --color-primary-d-4: #0d1e12; --color-primary-d-5: #0b1a10; --color-primary-d-6: #0a150d; --color-primary-d-7: #08110b; --color-primary-d-8: #060d08; --color-primary-d-9: #040905; --color-primary-d-10: #020403; --color-secondary: #9BBB32; --color-secondary-l-1: #a4c145; --color-secondary-l-2: #adc757; --color-secondary-l-3: #b6ce6a; --color-secondary-l-4: #bfd47d; --color-secondary-l-5: #c8da8f; --color-secondary-l-6: #d2e0a2; --color-secondary-l-7: #dbe6b4; --color-secondary-l-8: #e4ecc7; --color-secondary-l-9: #edf3da; --color-secondary-l-10: #f6f9ec; --color-info: #F04D22; --color-text: #07140B; --color-light: #ffffff; --color-text-t-1: hsla(138, 48%, 5%, 0.09); --color-text-t-2: hsla(138, 48%, 5%, 0.18); --color-text-t-3: hsla(138, 48%, 5%, 0.27); --color-text-t-4: hsla(138, 48%, 5%, 0.36); --color-text-t-5: hsla(138, 48%, 5%, 0.45); --color-text-t-6: hsla(138, 48%, 5%, 0.55); --color-text-t-7: hsla(138, 48%, 5%, 0.64); --color-text-t-8: hsla(138, 48%, 5%, 0.73); --color-text-t-9: hsla(138, 48%, 5%, 0.82); --color-text-t-10: hsla(138, 48%, 5%, 0.91); --text-xxs: clamp(0.58rem, calc(0.0005555555555555561 * (100vw - 22.5rem) + 0.58rem), 0.63rem); --text-xs: clamp(0.72rem, calc(0.0013333333333333333 * (100vw - 22.5rem) + 0.72rem), 0.84rem); --text-s: clamp(0.9rem, calc(0.002555555555555554 * (100vw - 22.5rem) + 0.9rem), 1.13rem); --text-m: clamp(1.13rem, calc(0.004111111111111112 * (100vw - 22.5rem) + 1.13rem), 1.5rem); --text-l: clamp(1.41rem, calc(0.006555555555555557 * (100vw - 22.5rem) + 1.41rem), 2rem); --text-xl: clamp(1.76rem, calc(0.01011111111111111 * (100vw - 22.5rem) + 1.76rem), 2.67rem); --text-xxl: clamp(2.2rem, calc(0.014999999999999996 * (100vw - 22.5rem) + 2.2rem), 3.55rem); --text-xxxl: clamp(2.75rem, calc(0.022111111111111113 * (100vw - 22.5rem) + 2.75rem), 4.74rem); --space-xxxs: clamp(0.41rem, calc(0.0022222222222222222 * (100vw - 22.5rem) + 0.41rem), 0.61rem); --space-xxs: clamp(0.51rem, calc(0.002888888888888889 * (100vw - 22.5rem) + 0.51rem), 0.77rem); --space-xs: clamp(0.64rem, calc(0.003555555555555555 * (100vw - 22.5rem) + 0.64rem), 0.96rem); --space-s: clamp(0.8rem, calc(0.004444444444444444 * (100vw - 22.5rem) + 0.8rem), 1.2rem); --space-m: clamp(1rem, calc(0.005555555555555556 * (100vw - 22.5rem) + 1rem), 1.5rem); --space-l: clamp(1.25rem, calc(0.006999999999999998 * (100vw - 22.5rem) + 1.25rem), 1.88rem); --space-xl: clamp(1.56rem, calc(0.008666666666666665 * (100vw - 22.5rem) + 1.56rem), 2.34rem); --space-xxl: clamp(1.95rem, calc(0.01088888888888889 * (100vw - 22.5rem) + 1.95rem), 2.93rem); --space-xxxl: clamp(2.44rem, calc(0.013555555555555559 * (100vw - 22.5rem) + 2.44rem), 3.66rem); --ls-xxs: clamp(1.54rem, calc(0.014666666666666663 * (100vw - 22.5rem) + 1.54rem), 2.53rem); --ls-xs: clamp(1.92rem, calc(0.02162962962962963 * (100vw - 22.5rem) + 1.92rem), 3.38rem); --ls-s: clamp(2.4rem, calc(0.031111111111111114 * (100vw - 22.5rem) + 2.4rem), 4.5rem); --ls-m: clamp(3rem, calc(0.044444444444444446 * (100vw - 22.5rem) + 3rem), 6rem); --ls-l: clamp(3.75rem, calc(0.06296296296296296 * (100vw - 22.5rem) + 3.75rem), 8rem); --ls-xl: clamp(4.69rem, calc(0.08844444444444444 * (100vw - 22.5rem) + 4.69rem), 10.66rem); --ls-xxl: clamp(5.86rem, calc(0.12370370370370372 * (100vw - 22.5rem) + 5.86rem), 14.21rem); --ls-xxxl: clamp(7.32rem, calc(0.17214814814814816 * (100vw - 22.5rem) + 7.32rem), 18.94rem);}.bg-color-primary { background-color: var(--color-primary); }.bg-color-primary-l-1 { background-color: var(--color-primary-l-1); }.bg-color-primary-l-2 { background-color: var(--color-primary-l-2); }.bg-color-primary-l-3 { background-color: var(--color-primary-l-3); }.bg-color-primary-l-4 { background-color: var(--color-primary-l-4); }.bg-color-primary-l-5 { background-color: var(--color-primary-l-5); }.bg-color-primary-l-6 { background-color: var(--color-primary-l-6); }.bg-color-primary-l-7 { background-color: var(--color-primary-l-7); }.bg-color-primary-l-8 { background-color: var(--color-primary-l-8); }.bg-color-primary-l-9 { background-color: var(--color-primary-l-9); }.bg-color-primary-l-10 { background-color: var(--color-primary-l-10); }.bg-color-primary-d-1 { background-color: var(--color-primary-d-1); }.bg-color-primary-d-2 { background-color: var(--color-primary-d-2); }.bg-color-primary-d-3 { background-color: var(--color-primary-d-3); }.bg-color-primary-d-4 { background-color: var(--color-primary-d-4); }.bg-color-primary-d-5 { background-color: var(--color-primary-d-5); }.bg-color-primary-d-6 { background-color: var(--color-primary-d-6); }.bg-color-primary-d-7 { background-color: var(--color-primary-d-7); }.bg-color-primary-d-8 { background-color: var(--color-primary-d-8); }.bg-color-primary-d-9 { background-color: var(--color-primary-d-9); }.bg-color-primary-d-10 { background-color: var(--color-primary-d-10); }.text-color-primary { color: var(--color-primary); }.text-color-primary-l-1 { color: var(--color-primary-l-1); }.text-color-primary-l-2 { color: var(--color-primary-l-2); }.text-color-primary-l-3 { color: var(--color-primary-l-3); }.text-color-primary-l-4 { color: var(--color-primary-l-4); }.text-color-primary-l-5 { color: var(--color-primary-l-5); }.text-color-primary-l-6 { color: var(--color-primary-l-6); }.text-color-primary-l-7 { color: var(--color-primary-l-7); }.text-color-primary-l-8 { color: var(--color-primary-l-8); }.text-color-primary-l-9 { color: var(--color-primary-l-9); }.text-color-primary-l-10 { color: var(--color-primary-l-10); }.text-color-primary-d-1 { color: var(--color-primary-d-1); }.text-color-primary-d-2 { color: var(--color-primary-d-2); }.text-color-primary-d-3 { color: var(--color-primary-d-3); }.text-color-primary-d-4 { color: var(--color-primary-d-4); }.text-color-primary-d-5 { color: var(--color-primary-d-5); }.text-color-primary-d-6 { color: var(--color-primary-d-6); }.text-color-primary-d-7 { color: var(--color-primary-d-7); }.text-color-primary-d-8 { color: var(--color-primary-d-8); }.text-color-primary-d-9 { color: var(--color-primary-d-9); }.text-color-primary-d-10 { color: var(--color-primary-d-10); }.border-color-primary { border-color: var(--color-primary); }.border-color-primary-l-1 { border-color: var(--color-primary-l-1); }.border-color-primary-l-2 { border-color: var(--color-primary-l-2); }.border-color-primary-l-3 { border-color: var(--color-primary-l-3); }.border-color-primary-l-4 { border-color: var(--color-primary-l-4); }.border-color-primary-l-5 { border-color: var(--color-primary-l-5); }.border-color-primary-l-6 { border-color: var(--color-primary-l-6); }.border-color-primary-l-7 { border-color: var(--color-primary-l-7); }.border-color-primary-l-8 { border-color: var(--color-primary-l-8); }.border-color-primary-l-9 { border-color: var(--color-primary-l-9); }.border-color-primary-l-10 { border-color: var(--color-primary-l-10); }.border-color-primary-d-1 { border-color: var(--color-primary-d-1); }.border-color-primary-d-2 { border-color: var(--color-primary-d-2); }.border-color-primary-d-3 { border-color: var(--color-primary-d-3); }.border-color-primary-d-4 { border-color: var(--color-primary-d-4); }.border-color-primary-d-5 { border-color: var(--color-primary-d-5); }.border-color-primary-d-6 { border-color: var(--color-primary-d-6); }.border-color-primary-d-7 { border-color: var(--color-primary-d-7); }.border-color-primary-d-8 { border-color: var(--color-primary-d-8); }.border-color-primary-d-9 { border-color: var(--color-primary-d-9); }.border-color-primary-d-10 { border-color: var(--color-primary-d-10); }.bg-color-secondary { background-color: var(--color-secondary); }.bg-color-secondary-l-1 { background-color: var(--color-secondary-l-1); }.bg-color-secondary-l-2 { background-color: var(--color-secondary-l-2); }.bg-color-secondary-l-3 { background-color: var(--color-secondary-l-3); }.bg-color-secondary-l-4 { background-color: var(--color-secondary-l-4); }.bg-color-secondary-l-5 { background-color: var(--color-secondary-l-5); }.bg-color-secondary-l-6 { background-color: var(--color-secondary-l-6); }.bg-color-secondary-l-7 { background-color: var(--color-secondary-l-7); }.bg-color-secondary-l-8 { background-color: var(--color-secondary-l-8); }.bg-color-secondary-l-9 { background-color: var(--color-secondary-l-9); }.bg-color-secondary-l-10 { background-color: var(--color-secondary-l-10); }.text-color-secondary { color: var(--color-secondary); }.text-color-secondary-l-1 { color: var(--color-secondary-l-1); }.text-color-secondary-l-2 { color: var(--color-secondary-l-2); }.text-color-secondary-l-3 { color: var(--color-secondary-l-3); }.text-color-secondary-l-4 { color: var(--color-secondary-l-4); }.text-color-secondary-l-5 { color: var(--color-secondary-l-5); }.text-color-secondary-l-6 { color: var(--color-secondary-l-6); }.text-color-secondary-l-7 { color: var(--color-secondary-l-7); }.text-color-secondary-l-8 { color: var(--color-secondary-l-8); }.text-color-secondary-l-9 { color: var(--color-secondary-l-9); }.text-color-secondary-l-10 { color: var(--color-secondary-l-10); }.text-color-info { color: var(--color-info); }.bg-color-info { background-color: var(--color-info); }.text-color-text { color: var(--color-text); }.text-color-text-t-1 { color: var(--color-text-t-1); }.text-color-text-t-2 { color: var(--color-text-t-2); }.text-color-text-t-3 { color: var(--color-text-t-3); }.text-color-text-t-4 { color: var(--color-text-t-4); }.text-color-text-t-5 { color: var(--color-text-t-5); }.text-color-text-t-6 { color: var(--color-text-t-6); }.text-color-text-t-7 { color: var(--color-text-t-7); }.text-color-text-t-8 { color: var(--color-text-t-8); }.text-color-text-t-9 { color: var(--color-text-t-9); }.text-color-text-t-10 { color: var(--color-text-t-10); }.text-color-light { color: var(--color-light); }.bg-color-light { background-color: var(--color-light); }.fs-xxs { font-size: var(--text-xxs); }.fs-xs { font-size: var(--text-xs); }.fs-s { font-size: var(--text-s); }.fs-m { font-size: var(--text-m); }.fs-l { font-size: var(--text-l); }.fs-xl { font-size: var(--text-xl); }.fs-xxl { font-size: var(--text-xxl); }.fs-xxxl { font-size: var(--text-xxxl); }.p-xxxs { padding: var(--space-xxxs); }.p-xxs { padding: var(--space-xxs); }.p-xs { padding: var(--space-xs); }.p-s { padding: var(--space-s); }.p-m { padding: var(--space-m); }.p-l { padding: var(--space-l); }.p-xl { padding: var(--space-xl); }.p-xxl { padding: var(--space-xxl); }.p-xxxl { padding: var(--space-xxxl); }.pl-xxxs { padding-left: var(--space-xxxs); }.pl-xxs { padding-left: var(--space-xxs); }.pl-xs { padding-left: var(--space-xs); }.pl-s { padding-left: var(--space-s); }.pl-m { padding-left: var(--space-m); }.pl-l { padding-left: var(--space-l); }.pl-xl { padding-left: var(--space-xl); }.pl-xxl { padding-left: var(--space-xxl); }.pl-xxxl { padding-left: var(--space-xxxl); }.pr-xxxs { padding-right: var(--space-xxxs); }.pr-xxs { padding-right: var(--space-xxs); }.pr-xs { padding-right: var(--space-xs); }.pr-s { padding-right: var(--space-s); }.pr-m { padding-right: var(--space-m); }.pr-l { padding-right: var(--space-l); }.pr-xl { padding-right: var(--space-xl); }.pr-xxl { padding-right: var(--space-xxl); }.pr-xxxl { padding-right: var(--space-xxxl); }.pt-xxxs { padding-top: var(--space-xxxs); }.pt-xxs { padding-top: var(--space-xxs); }.pt-xs { padding-top: var(--space-xs); }.pt-s { padding-top: var(--space-s); }.pt-m { padding-top: var(--space-m); }.pt-l { padding-top: var(--space-l); }.pt-xl { padding-top: var(--space-xl); }.pt-xxl { padding-top: var(--space-xxl); }.pt-xxxl { padding-top: var(--space-xxxl); }.pb-xxxs { padding-bottom: var(--space-xxxs); }.pb-xxs { padding-bottom: var(--space-xxs); }.pb-xs { padding-bottom: var(--space-xs); }.pb-s { padding-bottom: var(--space-s); }.pb-m { padding-bottom: var(--space-m); }.pb-l { padding-bottom: var(--space-l); }.pb-xl { padding-bottom: var(--space-xl); }.pb-xxl { padding-bottom: var(--space-xxl); }.pb-xxxl { padding-bottom: var(--space-xxxl); }.m-xxxs { margin: var(--space-xxxs); }.m-xxs { margin: var(--space-xxs); }.m-xs { margin: var(--space-xs); }.m-s { margin: var(--space-s); }.m-m { margin: var(--space-m); }.m-l { margin: var(--space-l); }.m-xl { margin: var(--space-xl); }.m-xxl { margin: var(--space-xxl); }.m-xxxl { margin: var(--space-xxxl); }.mt-xxxs { margin-top: var(--space-xxxs); }.mt-xxs { margin-top: var(--space-xxs); }.mt-xs { margin-top: var(--space-xs); }.mt-s { margin-top: var(--space-s); }.mt-m { margin-top: var(--space-m); }.mt-l { margin-top: var(--space-l); }.mt-xl { margin-top: var(--space-xl); }.mt-xxl { margin-top: var(--space-xxl); }.mt-xxxl { margin-top: var(--space-xxxl); }.mb-xxxs { margin-bottom: var(--space-xxxs); }.mb-xxs { margin-bottom: var(--space-xxs); }.mb-xs { margin-bottom: var(--space-xs); }.mb-s { margin-bottom: var(--space-s); }.mb-m { margin-bottom: var(--space-m); }.mb-l { margin-bottom: var(--space-l); }.mb-xl { margin-bottom: var(--space-xl); }.mb-xxl { margin-bottom: var(--space-xxl); }.mb-xxxl { margin-bottom: var(--space-xxxl); }.ml-xxxs { margin-left: var(--space-xxxs); }.ml-xxs { margin-left: var(--space-xxs); }.ml-xs { margin-left: var(--space-xs); }.ml-s { margin-left: var(--space-s); }.ml-m { margin-left: var(--space-m); }.ml-l { margin-left: var(--space-l); }.ml-xl { margin-left: var(--space-xl); }.ml-xxl { margin-left: var(--space-xxl); }.ml-xxxl { margin-left: var(--space-xxxl); }.mr-xxxs { margin-right: var(--space-xxxs); }.mr-xxs { margin-right: var(--space-xxs); }.mr-xs { margin-right: var(--space-xs); }.mr-s { margin-right: var(--space-s); }.mr-m { margin-right: var(--space-m); }.mr-l { margin-right: var(--space-l); }.mr-xl { margin-right: var(--space-xl); }.mr-xxl { margin-right: var(--space-xxl); }.mr-xxxl { margin-right: var(--space-xxxl); }.br-xxxs { border-radius: var(--space-xxxs); }.br-xxs { border-radius: var(--space-xxs); }.br-xs { border-radius: var(--space-xs); }.br-s { border-radius: var(--space-s); }.br-m { border-radius: var(--space-m); }.br-l { border-radius: var(--space-l); }.br-xl { border-radius: var(--space-xl); }.br-xxl { border-radius: var(--space-xxl); }.br-xxxl { border-radius: var(--space-xxxl); }.lp-xxs { padding: var(--ls-xxs); }.lp-xs { padding: var(--ls-xs); }.lp-s { padding: var(--ls-s); }.lp-m { padding: var(--ls-m); }.lp-l { padding: var(--ls-l); }.lp-xl { padding: var(--ls-xl); }.lp-xxl { padding: var(--ls-xxl); }.lp-xxxl { padding: var(--ls-xxxl); }.lpl-xxs { padding-left: var(--ls-xxs); }.lpl-xs { padding-left: var(--ls-xs); }.lpl-s { padding-left: var(--ls-s); }.lpl-m { padding-left: var(--ls-m); }.lpl-l { padding-left: var(--ls-l); }.lpl-xl { padding-left: var(--ls-xl); }.lpl-xxl { padding-left: var(--ls-xxl); }.lpl-xxxl { padding-left: var(--ls-xxxl); }.lpt-xxs { padding-top: var(--ls-xxs); }.lpt-xs { padding-top: var(--ls-xs); }.lpt-s { padding-top: var(--ls-s); }.lpt-m { padding-top: var(--ls-m); }.lpt-l { padding-top: var(--ls-l); }.lpt-xl { padding-top: var(--ls-xl); }.lpt-xxl { padding-top: var(--ls-xxl); }.lpt-xxxl { padding-top: var(--ls-xxxl); }.lpr-xxs { padding-right: var(--ls-xxs); }.lpr-xs { padding-right: var(--ls-xs); }.lpr-s { padding-right: var(--ls-s); }.lpr-m { padding-right: var(--ls-m); }.lpr-l { padding-right: var(--ls-l); }.lpr-xl { padding-right: var(--ls-xl); }.lpr-xxl { padding-right: var(--ls-xxl); }.lpr-xxxl { padding-right: var(--ls-xxxl); }.lpb-xxs { padding-bottom: var(--ls-xxs); }.lpb-xs { padding-bottom: var(--ls-xs); }.lpb-s { padding-bottom: var(--ls-s); }.lpb-m { padding-bottom: var(--ls-m); }.lpb-l { padding-bottom: var(--ls-l); }.lpb-xl { padding-bottom: var(--ls-xl); }.lpb-xxl { padding-bottom: var(--ls-xxl); }.lpb-xxxl { padding-bottom: var(--ls-xxxl); }.lm-xxs { margin: var(--ls-xxs); }.lm-xs { margin: var(--ls-xs); }.lm-s { margin: var(--ls-s); }.lm-m { margin: var(--ls-m); }.lm-l { margin: var(--ls-l); }.lm-xl { margin: var(--ls-xl); }.lm-xxl { margin: var(--ls-xxl); }.lm-xxxl { margin: var(--ls-xxxl); }.lml-xxs { margin-left: var(--ls-xxs); }.lml-xs { margin-left: var(--ls-xs); }.lml-s { margin-left: var(--ls-s); }.lml-m { margin-left: var(--ls-m); }.lml-l { margin-left: var(--ls-l); }.lml-xl { margin-left: var(--ls-xl); }.lml-xxl { margin-left: var(--ls-xxl); }.lml-xxxl { margin-left: var(--ls-xxxl); }.lmt-xxs { margin-top: var(--ls-xxs); }.lmt-xs { margin-top: var(--ls-xs); }.lmt-s { margin-top: var(--ls-s); }.lmt-m { margin-top: var(--ls-m); }.lmt-l { margin-top: var(--ls-l); }.lmt-xl { margin-top: var(--ls-xl); }.lmt-xxl { margin-top: var(--ls-xxl); }.lmt-xxxl { margin-top: var(--ls-xxxl); }.lmr-xxs { margin-right: var(--ls-xxs); }.lmr-xs { margin-right: var(--ls-xs); }.lmr-s { margin-right: var(--ls-s); }.lmr-m { margin-right: var(--ls-m); }.lmr-l { margin-right: var(--ls-l); }.lmr-xl { margin-right: var(--ls-xl); }.lmr-xxl { margin-right: var(--ls-xxl); }.lmr-xxxl { margin-right: var(--ls-xxxl); }.lmb-xxs { margin-bottom: var(--ls-xxs); }.lmb-xs { margin-bottom: var(--ls-xs); }.lmb-s { margin-bottom: var(--ls-s); }.lmb-m { margin-bottom: var(--ls-m); }.lmb-l { margin-bottom: var(--ls-l); }.lmb-xl { margin-bottom: var(--ls-xl); }.lmb-xxl { margin-bottom: var(--ls-xxl); }.lmb-xxxl { margin-bottom: var(--ls-xxxl); }