:root,:host{--color-text: #305661;--color-pl-green: #d4e000;--color-pl-green-2: #779854;--color-white: hsl(240 5% 100%);--color-black: hsl(240 5% 0%);--color-gray-50: hsl(0 0% 97.5%);--color-gray-100: hsl(240 4.8% 95.9%);--color-gray-200: hsl(240 5.9% 90%);--color-gray-300: hsl(240 4.9% 83.9%);--color-gray-400: hsl(240 5% 64.9%);--color-gray-500: hsl(240 3.8% 46.1%);--color-gray-600: hsl(240 5.2% 33.9%);--color-gray-700: hsl(240 5.3% 26.1%);--color-gray-800: hsl(240 3.7% 15.9%);--color-gray-900: hsl(240 5.9% 10%);--color-gray-950: hsl(240 7.3% 8%);--spacing-3x-small: 0.125rem;--spacing-2x-small: 0.25rem;--spacing-x-small: 0.5rem;--spacing-small: 0.75rem;--spacing-medium: 1rem;--spacing-large: 1.25rem;--spacing-x-large: 1.75rem;--spacing-2x-large: 2.25rem;--spacing-3x-large: 3rem;--spacing-4x-large: 4.5rem;--border-radius-small: 0.1875rem;--border-radius-medium: 0.25rem;--border-radius-large: 0.5rem;--border-radius-x-large: 1rem;--border-radius-circle: 50%;--border-radius-pill: 9999px;--font-size-2x-small: 0.625rem;--font-size-x-small: 0.75rem;--font-size-small: 0.875rem;--font-size-medium: 1rem;--font-size-large: 1.25rem;--font-size-x-large: 1.5rem;--font-size-2x-large: 2.25rem;--font-size-3x-large: 3rem;--font-size-4x-large: 4.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-semibold: 500;--font-weight-bold: 700}