: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; --bg-primary: var(--white); --bg-secondary: var(--tertiary-200); --bg-accent: var(--primary-600); --bg-special: var(--secondary-600); --bg-overlay: hsla(0, 0%, 0%, 0.5); --text-primary: var(--tertiary-900); --text-secondary: var(--tertiary-800); --text-accent: var(--primary-600); --text-special: var(--secondary-600); --text-headings: var(--primary-600); --text-disabled: var(--tertiary-500); --text-placeholder: var(--tertiary-500); --text-link: var(--primary-600); --text-link-hover: var(--primary-500); --text-success: #7ccf00; --text-warning: #fd9a00; --text-error: #fb2c36; --border-primary: var(--tertiary-300); --border-secondary: var(--tertiary-400); --border-accent: var(--primary-600); --border-focus: var(--primary-500); --border-error: #fb2c36; --border-warning: #fd9a00; --border-success: #7ccf00; --btn-primary-bg: var(--secondary-600); --btn-primary-color: var(--white); --btn-primary-border: var(--secondary-600); --btn-primary-bg-hover: var(--secondary-500); --btn-primary-color-hover: var(--white); --btn-primary-border-hover: var(--secondary-500); --btn-primary-bg-active: var(--secondary-700); --btn-primary-bg-disabled: var(--tertiary-300); --btn-primary-color-disabled: var(--tertiary-600); --btn-secondary-bg: var(--primary-600); --btn-secondary-color: var(--white); --btn-secondary-border: var(--primary-600); --btn-secondary-bg-hover: var(--primary-500); --btn-secondary-color-hover: var(--white); --btn-secondary-border-hover: var(--primary-500); --btn-secondary-bg-active: var(--primary-700); --btn-secondary-bg-disabled: var(--tertiary-300); --btn-tertiary-bg: var(--tertiary-200); --btn-tertiary-color: var(--primary-600); --btn-tertiary-border: var(--tertiary-300); --btn-tertiary-bg-hover: var(--tertiary-300); --btn-tertiary-color-hover: var(--primary-700); --btn-tertiary-border-hover: var(--tertiary-400); --btn-tertiary-bg-active: var(--tertiary-400); --btn-tertiary-bg-disabled: var(--tertiary-200); --btn-tertiary-color-disabled: var(--tertiary-500); --btn-flat-bg: transparent; --btn-flat-color: var(--primary-600); --btn-flat-border: var(--tertiary-300); --btn-flat-bg-hover: var(--tertiary-200); --btn-flat-color-hover: var(--primary-700); --btn-flat-border-hover: var(--tertiary-400); --input-bg: var(--white); --input-bg-hover: var(--white); --input-bg-focus: var(--white); --input-bg-disabled: var(--tertiary-200); --input-border: var(--tertiary-300); --input-border-hover: var(--tertiary-400); --input-border-focus: var(--primary-500); --input-border-error: #fb2c36; --input-border-warning: #fd9a00; --input-border-success: #7ccf00; --input-border-disabled: var(--tertiary-300); --input-color: var(--tertiary-900); --input-placeholder: var(--tertiary-500); --input-label: var(--primary-600); --input-hint: var(--tertiary-600); --input-icon: var(--tertiary-600); --success: #7ccf00; --warning: #fd9a00; --error: #fb2c36; --success-bg: hsl(87, 100%, 95%); --warning-bg: hsl(37, 100%, 95%); --error-bg: hsl(356, 96%, 95%); --white: #ffffff; --black: #000000; --transparent: hsla(0, 0%, 100%, 0); --text-xs: clamp(0.65rem, calc(0.0005925925925925915 * (100vw - 22.5rem) + 0.65rem), 0.69rem); --text-sm: clamp(0.78rem, calc(0.0007407407407407397 * (100vw - 22.5rem) + 0.78rem), 0.83rem); --text-base: clamp(0.94rem, calc(0.0008888888888888897 * (100vw - 22.5rem) + 0.94rem), 1rem); --text-lg: clamp(1.13rem, calc(0.001037037037037038 * (100vw - 22.5rem) + 1.13rem), 1.2rem); --text-xl: clamp(1.35rem, calc(0.0013333333333333311 * (100vw - 22.5rem) + 1.35rem), 1.44rem); --text-2xl: clamp(1.62rem, calc(0.0016296296296296278 * (100vw - 22.5rem) + 1.62rem), 1.73rem); --text-3xl: clamp(1.94rem, calc(0.0019259259259259242 * (100vw - 22.5rem) + 1.94rem), 2.07rem); --text-4xl: clamp(2.33rem, calc(0.0023703703703703725 * (100vw - 22.5rem) + 2.33rem), 2.49rem); --text-5xl: clamp(2.8rem, calc(0.0028148148148148208 * (100vw - 22.5rem) + 2.8rem), 2.99rem); --text-6xl: clamp(3.36rem, calc(0.003259259259259262 * (100vw - 22.5rem) + 3.36rem), 3.58rem); --text-7xl: clamp(4.03rem, calc(0.003999999999999994 * (100vw - 22.5rem) + 4.03rem), 4.3rem); --text-8xl: clamp(4.84rem, calc(0.004740740740740745 * (100vw - 22.5rem) + 4.84rem), 5.16rem); --text-l: clamp(1.13rem, calc(0.001037037037037038 * (100vw - 22.5rem) + 1.13rem), 1.2rem); --text-m: clamp(0.94rem, calc(0.0008888888888888897 * (100vw - 22.5rem) + 0.94rem), 1rem); --text-s: clamp(0.78rem, calc(0.0007407407407407397 * (100vw - 22.5rem) + 0.78rem), 0.83rem); --space-xs: clamp(0.65rem, calc(0.0005925925925925915 * (100vw - 22.5rem) + 0.65rem), 0.69rem); --space-sm: clamp(0.78rem, calc(0.0007407407407407397 * (100vw - 22.5rem) + 0.78rem), 0.83rem); --space-base: clamp(0.94rem, calc(0.0008888888888888897 * (100vw - 22.5rem) + 0.94rem), 1rem); --space-lg: clamp(1.13rem, calc(0.001037037037037038 * (100vw - 22.5rem) + 1.13rem), 1.2rem); --space-xl: clamp(1.35rem, calc(0.0013333333333333311 * (100vw - 22.5rem) + 1.35rem), 1.44rem); --space-2xl: clamp(1.62rem, calc(0.0016296296296296278 * (100vw - 22.5rem) + 1.62rem), 1.73rem); --space-3xl: clamp(1.94rem, calc(0.0019259259259259242 * (100vw - 22.5rem) + 1.94rem), 2.07rem); --space-4xl: clamp(2.33rem, calc(0.0023703703703703725 * (100vw - 22.5rem) + 2.33rem), 2.49rem); --space-5xl: clamp(2.8rem, calc(0.0028148148148148208 * (100vw - 22.5rem) + 2.8rem), 2.99rem); --space-6xl: clamp(3.36rem, calc(0.003259259259259262 * (100vw - 22.5rem) + 3.36rem), 3.58rem); --space-7xl: clamp(4.03rem, calc(0.003999999999999994 * (100vw - 22.5rem) + 4.03rem), 4.3rem); --space-8xl: clamp(4.84rem, calc(0.004740740740740745 * (100vw - 22.5rem) + 4.84rem), 5.16rem); --space-2xs: clamp(0.5625rem, 0.525rem + 0.1875vw, 0.75rem); --space-s: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem); --space-m: clamp(1.6875rem, 1.575rem + 0.5625vw, 2.25rem); --space-3xs: clamp(0.375rem, 0.35rem + 0.125vw, 0.5rem); --space-l: clamp(2.25rem, 2.1rem + 0.75vw, 3rem); --space-4xs: clamp(0.25rem, 0.225rem + 0.1vw, 0.375rem);}