: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; --shadow: hsl(0, 0%, 95%); --transparent: hsla(0, 0%, 0%, 0); --light: hsla(0, 0%, 100%, 1); --dark: hsl(0, 0%, 0%); --dark-t-1: hsla(0, 0%, 0%, 0.09); --dark-t-2: hsla(0, 0%, 0%, 0.18); --dark-t-3: hsla(0, 0%, 0%, 0.27); --dark-t-4: hsla(0, 0%, 0%, 0.36); --dark-t-5: hsla(0, 0%, 0%, 0.45); --dark-t-6: hsla(0, 0%, 0%, 0.55); --dark-t-7: hsla(0, 0%, 0%, 0.64); --dark-t-8: hsla(0, 0%, 0%, 0.73); --dark-t-9: hsla(0, 0%, 0%, 0.82); --dark-t-10: hsla(0, 0%, 0%, 0.91); --background: #FCFCFC; --foreground: #FCFCFC; --text: #303737; --accent: #00F5FF; --border: #cfcfcf; --input: #fcfcfc; --heading: #2A2F2F; --btn-text: #000000; --accent-l-1: #40f9ff; --accent-l-2: #80fbff; --accent-l-3: #bffdff; --accent-d-1: #00b9bf; --accent-d-2: #007b80; --accent-d-3: #003e40; --background-d-1: #dddddd; --background-d-2: #bdbdbd; --background-d-3: #9e9e9e; --background-d-4: #7e7e7e; --background-d-5: #5f5f5f; --background-d-6: #3f3f3f; --background-d-7: #202020; --foreground-d-1: #dddddd; --foreground-d-2: #bdbdbd; --foreground-d-3: #9e9e9e; --foreground-d-4: #7e7e7e; --foreground-d-5: #5f5f5f; --foreground-d-6: #3f3f3f; --foreground-d-7: #202020; --accent-base: #00F5FF; --accent-t-1: hsla(182, 100%, 50%, 0.09); --accent-t-2: hsla(182, 100%, 50%, 0.18); --accent-t-3: hsla(182, 100%, 50%, 0.27); --accent-t-4: hsla(182, 100%, 50%, 0.36); --accent-t-5: hsla(182, 100%, 50%, 0.45); --accent-t-6: hsla(182, 100%, 50%, 0.55); --accent-t-7: hsla(182, 100%, 50%, 0.64); --accent-t-8: hsla(182, 100%, 50%, 0.73); --accent-t-9: hsla(182, 100%, 50%, 0.82); --accent-t-10: hsla(182, 100%, 50%, 0.91); --s2-background: #363636; --s2-foreground: #363636; --s2-text: #EFF1F1; --s2-accent: #81B7B9; --s2-border: #626262; --s2-input: #363636; --s2-heading: #EFF1F1; --s2-background-d-1: #2f2f2f; --s2-background-d-2: #282828; --s2-background-d-3: #212121; --s2-background-d-4: #1b1b1b; --s2-background-d-5: #141414; --s2-background-d-6: #0d0d0d; --s2-background-d-7: #070707; --s2-foreground-d-1: #2f2f2f; --s2-foreground-d-2: #282828; --s2-foreground-d-3: #212121; --s2-foreground-d-4: #1b1b1b; --s2-foreground-d-5: #141414; --s2-foreground-d-6: #0d0d0d; --s2-foreground-d-7: #070707; --s2-accent-l-1: #a1cacb; --s2-accent-l-2: #c0dcdd; --s2-accent-l-3: #e0edee; --s2-accent-d-1: #549799; --s2-accent-d-2: #386466; --s2-accent-d-3: #1c3233; --s2-btn-text: #000000; --space--4xs: clamp(0.66rem, calc(-0.0016666666666666672 * (100vw - 36rem) + 0.66rem), 0.48rem); --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); --text--xs: clamp(1.25rem, calc(-0.0011111111111111122 * (100vw - 36rem) + 1.25rem), 1.13rem); --text--s: clamp(1.5rem, calc(0 * (100vw - 36rem) + 1.5rem), 1.5rem); --text--m: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --text--l: clamp(2.16rem, calc(0.0047222222222222205 * (100vw - 36rem) + 2.16rem), 2.67rem); --text--xl: clamp(2.59rem, calc(0.008888888888888889 * (100vw - 36rem) + 2.59rem), 3.55rem); --text--2xl: clamp(3.11rem, calc(0.015092592592592595 * (100vw - 36rem) + 3.11rem), 4.74rem); --text--3xl: clamp(3.73rem, calc(0.023888888888888887 * (100vw - 36rem) + 3.73rem), 6.31rem); --text--4xl: clamp(4.48rem, calc(0.036481481481481476 * (100vw - 36rem) + 4.48rem), 8.42rem); --heading--xs: clamp(0.96rem, calc(0.0032407407407407415 * (100vw - 36rem) + 0.96rem), 1.31rem); --heading--s: clamp(1.16rem, calc(0.0044444444444444444 * (100vw - 36rem) + 1.16rem), 1.64rem); --heading--m: clamp(1.39rem, calc(0.0061111111111111106 * (100vw - 36rem) + 1.39rem), 2.05rem); --heading--l: clamp(1.67rem, calc(0.008240740740740741 * (100vw - 36rem) + 1.67rem), 2.56rem); --heading--xl: clamp(2rem, calc(0.011111111111111113 * (100vw - 36rem) + 2rem), 3.2rem); --heading--2xl: clamp(2.4rem, calc(0.014814814814814815 * (100vw - 36rem) + 2.4rem), 4rem); --heading--3xl: clamp(2.88rem, calc(0.019629629629629632 * (100vw - 36rem) + 2.88rem), 5rem); --heading--4xl: clamp(3.46rem, calc(0.025833333333333333 * (100vw - 36rem) + 3.46rem), 6.25rem);}.text-text { color: var(--text); }.text-s2-text { color: var(--s2-text); }