: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; --background: #FFFFFF; --foreground: #E7E7E7; --text: #3d3d3b; --accent: #54aaff; --border: #cfcfcf; --input: #efefef; --heading: #333333; --btn-text: #000000; --foreground-d-1: #cbcbcb; --foreground-d-2: #aeaeae; --foreground-d-3: #919191; --foreground-d-4: #747474; --foreground-d-5: #575757; --foreground-d-6: #3a3a3a; --foreground-d-7: #1d1d1d; --accent-base: #54aaff; --accent-2: #ffc64d; --background-d-1: #dfdfdf; --background-d-2: #bfbfbf; --background-d-3: #9f9f9f; --background-d-4: #808080; --background-d-5: #606060; --background-d-6: #404040; --background-d-7: #202020; --accent-l-1: #7fbfff; --accent-l-2: #aad5ff; --accent-l-3: #d4eaff; --accent-d-1: #3f80bf; --accent-d-2: #2a5580; --accent-d-3: #152b40; --accent-2-l-1: #ffd47a; --accent-2-l-2: #ffe3a6; --accent-2-l-3: #fff1d3; --accent-2-d-1: #bf953a; --accent-2-d-2: #806327; --accent-2-d-3: #403213; --dark-background: #333333; --dark-foreground: #424240; --dark-text: #FFFFFF; --dark-accent: #54aaff; --dark-border: #606060; --dark-input: #383838; --dark-heading: #F7F7F7; --dark-background-d-1: #2d2d2d; --dark-background-d-2: #262626; --dark-background-d-3: #202020; --dark-background-d-4: #1a1a1a; --dark-background-d-5: #131313; --dark-background-d-6: #0d0d0d; --dark-background-d-7: #060606; --dark-btn-text: #000000; --dark-foreground-d-1: #3a3a38; --dark-foreground-d-2: #323230; --dark-foreground-d-3: #292928; --dark-foreground-d-4: #212120; --dark-foreground-d-5: #191918; --dark-foreground-d-6: #111110; --dark-foreground-d-7: #080808; --dark-accent-2: #ffc64d; --dark-accent-l-1: #7fbfff; --dark-accent-l-2: #aad5ff; --dark-accent-l-3: #d4eaff; --dark-accent-d-1: #3f80bf; --dark-accent-d-2: #2a5580; --dark-accent-d-3: #152b40; --dark-accent-2-l-1: #ffd47a; --dark-accent-2-l-2: #ffe3a6; --dark-accent-2-l-3: #fff1d3; --dark-accent-2-d-1: #bf953a; --dark-accent-2-d-2: #806327; --dark-accent-2-d-3: #403213; --alt-background: #c9c9c9; --alt-foreground: #FFFFFF; --alt-text: #3E3E37; --alt-accent: #54aaff; --alt-border: #cfcfcf; --alt-input: #efefef; --alt-heading: #333333; --alt-btn-text: #000000; --alt-background-d-1: #dddddd; --alt-background-d-2: #bdbdbd; --alt-background-d-3: #9e9e9e; --alt-background-d-4: #7e7e7e; --alt-background-d-5: #5f5f5f; --alt-background-d-6: #3f3f3f; --alt-background-d-7: #202020; --alt-foreground-d-1: #cbcbcb; --alt-foreground-d-2: #aeaeae; --alt-foreground-d-3: #919191; --alt-foreground-d-4: #747474; --alt-foreground-d-5: #575757; --alt-foreground-d-6: #3a3a3a; --alt-foreground-d-7: #1d1d1d; --alt-accent-l-1: #7fbfff; --alt-accent-l-2: #aad5ff; --alt-accent-l-3: #d4eaff; --alt-accent-d-1: #3f80bf; --alt-accent-d-2: #2a5580; --alt-accent-d-3: #152b40; --alt-accent-2: #ffc64d; --alt-accent-2-l-1: #ffd47a; --alt-accent-2-l-2: #ffe3a6; --alt-accent-2-l-3: #fff1d3; --alt-accent-2-d-1: #bf953a; --alt-accent-2-d-2: #806327; --alt-accent-2-d-3: #403213; --space--4xs: clamp(0.66rem, calc(-0.0017592592592592599 * (100vw - 36rem) + 0.66rem), 0.47rem); --space--3xs: clamp(0.82rem, calc(-0.0017592592592592588 * (100vw - 36rem) + 0.82rem), 0.63rem); --space--2xs: clamp(1.02rem, calc(-0.0016666666666666672 * (100vw - 36rem) + 1.02rem), 0.84rem); --space--xs: clamp(1.28rem, calc(-0.00138888888888889 * (100vw - 36rem) + 1.28rem), 1.13rem); --space--s: clamp(1.6rem, calc(-0.0009259259259259267 * (100vw - 36rem) + 1.6rem), 1.5rem); --space--m: clamp(2rem, calc(0 * (100vw - 36rem) + 2rem), 2rem); --space--l: clamp(2.5rem, calc(0.0015740740740740734 * (100vw - 36rem) + 2.5rem), 2.67rem); --space--xl: clamp(3.13rem, calc(0.0038888888888888883 * (100vw - 36rem) + 3.13rem), 3.55rem); --space--2xl: clamp(3.91rem, calc(0.0076851851851851855 * (100vw - 36rem) + 3.91rem), 4.74rem); --space--3xl: clamp(4.88rem, calc(0.013240740740740739 * (100vw - 36rem) + 4.88rem), 6.31rem); --space--4xl: clamp(6.1rem, calc(0.021481481481481483 * (100vw - 36rem) + 6.1rem), 8.42rem); --space--logo-width: clamp(18rem, calc(0.1111111111111111 * (100vw - 36rem) + 18rem), 30rem); --text--xs: clamp(1.11rem, calc(-0.000833333333333334 * (100vw - 36rem) + 1.11rem), 1.02rem); --text--s: clamp(1.33rem, calc(-0.00046296296296296336 * (100vw - 36rem) + 1.33rem), 1.28rem); --text--m: clamp(1.6rem, calc(0 * (100vw - 36rem) + 1.6rem), 1.6rem); --text--l: clamp(1.92rem, calc(0.0007407407407407414 * (100vw - 36rem) + 1.92rem), 2rem); --text--xl: clamp(2.3rem, calc(0.0018518518518518534 * (100vw - 36rem) + 2.3rem), 2.5rem); --text--2xl: clamp(2.76rem, calc(0.003425925925925927 * (100vw - 36rem) + 2.76rem), 3.13rem); --text--3xl: clamp(3.32rem, calc(0.0054629629629629655 * (100vw - 36rem) + 3.32rem), 3.91rem); --text--4xl: clamp(3.98rem, calc(0.008333333333333333 * (100vw - 36rem) + 3.98rem), 4.88rem); --heading--s: clamp(1.28rem, calc(0.004814814814814815 * (100vw - 36rem) + 1.28rem), 1.8rem); --heading--xs: clamp(1.02rem, calc(0.003055555555555556 * (100vw - 36rem) + 1.02rem), 1.35rem); --heading--m: clamp(1.6rem, calc(0.007407407407407406 * (100vw - 36rem) + 1.6rem), 2.4rem); --heading--l: clamp(2rem, calc(0.011111111111111113 * (100vw - 36rem) + 2rem), 3.2rem); --heading--xl: clamp(2.5rem, calc(0.016388888888888883 * (100vw - 36rem) + 2.5rem), 4.27rem); --heading--2xl: clamp(3.13rem, calc(0.02370370370370371 * (100vw - 36rem) + 3.13rem), 5.69rem);}.text-text { color: var(--text); }.text-dark-text { color: var(--dark-text); }.text-alt-text { color: var(--alt-text); }