/* ################################################ */ /* ### THIS FILE IS AUTOGENERATED, DO NOT TOUCH ### */ /* ################################################ */ :root, .theme-light, .theme-v5 { --hs-chart-color-categorical-1-base: var(--hs-ref-color-cornflower-blue-500); --hs-chart-color-categorical-1-compare: var(--hs-ref-color-cornflower-blue-900); --hs-chart-color-categorical-1-on-base: var(--hs-sys-color-base-content); --hs-chart-color-categorical-1-on-compare: var(--hs-sys-color-inverse-content); --hs-chart-color-categorical-1-shade: #84a3f419; --hs-chart-color-categorical-1-surface: var(--hs-ref-color-cornflower-blue-100); --hs-chart-color-categorical-2-base: var(--hs-ref-color-turquoise-500); --hs-chart-color-categorical-2-compare: var(--hs-ref-color-turquoise-900); --hs-chart-color-categorical-2-on-base: var(--hs-sys-color-base-content); --hs-chart-color-categorical-2-on-compare: var(--hs-sys-color-inverse-content); --hs-chart-color-categorical-2-shade: #40c8cd19; --hs-chart-color-categorical-2-surface: var(--hs-ref-color-turquoise-100); --hs-chart-color-categorical-3-base: var(--hs-ref-color-blue-violet-500); --hs-chart-color-categorical-3-compare: var(--hs-ref-color-blue-violet-900); --hs-chart-color-categorical-3-on-base: var(--hs-sys-color-inverse-content); --hs-chart-color-categorical-3-on-compare: var(--hs-sys-color-inverse-content); --hs-chart-color-categorical-3-shade: #5859aa19; --hs-chart-color-categorical-3-surface: var(--hs-ref-color-blue-violet-100); --hs-chart-color-categorical-4-base: var(--hs-ref-color-pollen-yellow-500); --hs-chart-color-categorical-4-compare: var(--hs-ref-color-pollen-yellow-900); --hs-chart-color-categorical-4-on-base: var(--hs-sys-color-base-content); --hs-chart-color-categorical-4-on-compare: var(--hs-sys-color-inverse-content); --hs-chart-color-categorical-4-shade: #fdc86f19; --hs-chart-color-categorical-4-surface: var(--hs-ref-color-pollen-yellow-100); --hs-chart-color-categorical-5-base: var(--hs-ref-color-blush-500); --hs-chart-color-categorical-5-compare: var(--hs-ref-color-blush-900); --hs-chart-color-categorical-5-on-base: var(--hs-sys-color-base-content); --hs-chart-color-categorical-5-on-compare: var(--hs-sys-color-inverse-content); --hs-chart-color-categorical-5-shade: #e97a9919; --hs-chart-color-categorical-5-surface: var(--hs-ref-color-blush-100); --hs-chart-color-categorical-6-base: var(--hs-ref-color-sky-blue-500); --hs-chart-color-categorical-6-compare: var(--hs-ref-color-sky-blue-900); --hs-chart-color-categorical-6-on-base: var(--hs-sys-color-base-content); --hs-chart-color-categorical-6-on-compare: var(--hs-sys-color-inverse-content); --hs-chart-color-categorical-6-shade: #85d4f319; --hs-chart-color-categorical-6-surface: var(--hs-ref-color-sky-blue-100); --hs-chart-color-categorical-7-base: var(--hs-ref-color-orchid-violet-600); --hs-chart-color-categorical-7-compare: var(--hs-ref-color-orchid-violet-900); --hs-chart-color-categorical-7-on-base: var(--hs-sys-color-inverse-content); --hs-chart-color-categorical-7-on-compare: var(--hs-sys-color-inverse-content); --hs-chart-color-categorical-7-shade: #a061c519; --hs-chart-color-categorical-7-surface: var(--hs-ref-color-orchid-violet-100); --hs-chart-color-categorical-8-base: var(--hs-ref-color-coral-500); --hs-chart-color-categorical-8-compare: var(--hs-ref-color-coral-900); --hs-chart-color-categorical-8-on-base: var(--hs-sys-color-base-content); --hs-chart-color-categorical-8-on-compare: var(--hs-sys-color-inverse-content); --hs-chart-color-categorical-8-shade: #fe9f6c19; --hs-chart-color-categorical-8-surface: var(--hs-ref-color-coral-100); --hs-chart-color-categorical-9-base: var(--hs-ref-color-steel-teal-500); --hs-chart-color-categorical-9-compare: var(--hs-ref-color-steel-teal-900); --hs-chart-color-categorical-9-on-base: var(--hs-sys-color-base-content); --hs-chart-color-categorical-9-on-compare: var(--hs-sys-color-inverse-content); --hs-chart-color-categorical-9-shade: #31a19c19; --hs-chart-color-categorical-9-surface: var(--hs-ref-color-steel-teal-100); --hs-chart-color-categorical-10-base: var(--hs-ref-color-lavender-500); --hs-chart-color-categorical-10-compare: var(--hs-ref-color-lavender-900); --hs-chart-color-categorical-10-on-base: var(--hs-sys-color-base-content); --hs-chart-color-categorical-10-on-compare: var(--hs-sys-color-inverse-content); --hs-chart-color-categorical-10-shade: #de93c319; --hs-chart-color-categorical-10-surface: var(--hs-ref-color-lavender-100); --hs-chart-color-critical-base: var(--hs-ref-color-red-500); --hs-chart-color-critical-content: var(--hs-ref-color-red-700); --hs-chart-color-critical-on-base: var(--hs-sys-color-base-content); --hs-chart-color-critical-shade: #d3090319; --hs-chart-color-negative-base: var(--hs-ref-color-red-300); --hs-chart-color-negative-content: var(--hs-sys-color-negative-content); --hs-chart-color-negative-on-base: var(--hs-sys-color-base-content); --hs-chart-color-negative-shade: #e25a5619; --hs-chart-color-neutral-base: var(--hs-ref-color-yellow-500); --hs-chart-color-neutral-content: var(--hs-sys-color-warning-content); --hs-chart-color-neutral-on-base: var(--hs-sys-color-base-content); --hs-chart-color-neutral-shade: #ffb33319; --hs-chart-color-positive-base: var(--hs-ref-color-green-400); --hs-chart-color-positive-content: var(--hs-sys-color-positive-content); --hs-chart-color-positive-on-base: var(--hs-sys-color-base-content); --hs-chart-color-positive-shade: #349d4b19; --hs-chart-color-sequential-1-50: oklch(from var(--hs-chart-color-categorical-1-base) 0.9709 0.0127 h); --hs-chart-color-sequential-1-100: oklch(from var(--hs-chart-color-categorical-1-base) calc(l + (0.889 * (0.9709 - l))) calc(c + (0.889 * (0.0127 - c))) h); --hs-chart-color-sequential-1-200: oklch(from var(--hs-chart-color-categorical-1-base) calc(l + (0.667 * (0.9709 - l))) calc(c + (0.667 * (0.0127 - c))) h); --hs-chart-color-sequential-1-300: oklch(from var(--hs-chart-color-categorical-1-base) calc(l + (0.444 * (0.9709 - l))) calc(c + (0.444 * (0.0127 - c))) h); --hs-chart-color-sequential-1-400: oklch(from var(--hs-chart-color-categorical-1-base) calc(l + (0.222 * (0.9709 - l))) calc(c + (0.222 * (0.0127 - c))) h); --hs-chart-color-sequential-1-500: var(--hs-chart-color-categorical-1-base); --hs-chart-color-sequential-1-600: oklch(from var(--hs-chart-color-categorical-1-base) calc(l + (0.25 * (0.3859 - l))) calc(c + (0.25 * (0.0615 - c))) h); --hs-chart-color-sequential-1-700: oklch(from var(--hs-chart-color-categorical-1-base) calc(l + (0.5 * (0.3859 - l))) calc(c + (0.5 * (0.0615 - c))) h); --hs-chart-color-sequential-1-800: oklch(from var(--hs-chart-color-categorical-1-base) calc(l + (0.75 * (0.3859 - l))) calc(c + (0.75 * (0.0615 - c))) h); --hs-chart-color-sequential-1-900: oklch(from var(--hs-chart-color-categorical-1-base) 0.3859 0.0615 h); --hs-chart-color-sequential-2-50: oklch(from var(--hs-chart-color-categorical-2-base) 0.9709 0.0127 h); --hs-chart-color-sequential-2-100: oklch(from var(--hs-chart-color-categorical-2-base) calc(l + (0.889 * (0.9709 - l))) calc(c + (0.889 * (0.0127 - c))) h); --hs-chart-color-sequential-2-200: oklch(from var(--hs-chart-color-categorical-2-base) calc(l + (0.667 * (0.9709 - l))) calc(c + (0.667 * (0.0127 - c))) h); --hs-chart-color-sequential-2-300: oklch(from var(--hs-chart-color-categorical-2-base) calc(l + (0.444 * (0.9709 - l))) calc(c + (0.444 * (0.0127 - c))) h); --hs-chart-color-sequential-2-400: oklch(from var(--hs-chart-color-categorical-2-base) calc(l + (0.222 * (0.9709 - l))) calc(c + (0.222 * (0.0127 - c))) h); --hs-chart-color-sequential-2-500: var(--hs-chart-color-categorical-2-base); --hs-chart-color-sequential-2-600: oklch(from var(--hs-chart-color-categorical-2-base) calc(l + (0.25 * (0.3859 - l))) calc(c + (0.25 * (0.0615 - c))) h); --hs-chart-color-sequential-2-700: oklch(from var(--hs-chart-color-categorical-2-base) calc(l + (0.5 * (0.3859 - l))) calc(c + (0.5 * (0.0615 - c))) h); --hs-chart-color-sequential-2-800: oklch(from var(--hs-chart-color-categorical-2-base) calc(l + (0.75 * (0.3859 - l))) calc(c + (0.75 * (0.0615 - c))) h); --hs-chart-color-sequential-2-900: oklch(from var(--hs-chart-color-categorical-2-base) 0.3859 0.0615 h); --hs-chart-color-sequential-3-50: oklch(from var(--hs-chart-color-categorical-3-base) 0.9709 0.0127 h); --hs-chart-color-sequential-3-100: oklch(from var(--hs-chart-color-categorical-3-base) calc(l + (0.889 * (0.9709 - l))) calc(c + (0.889 * (0.0127 - c))) h); --hs-chart-color-sequential-3-200: oklch(from var(--hs-chart-color-categorical-3-base) calc(l + (0.667 * (0.9709 - l))) calc(c + (0.667 * (0.0127 - c))) h); --hs-chart-color-sequential-3-300: oklch(from var(--hs-chart-color-categorical-3-base) calc(l + (0.444 * (0.9709 - l))) calc(c + (0.444 * (0.0127 - c))) h); --hs-chart-color-sequential-3-400: oklch(from var(--hs-chart-color-categorical-3-base) calc(l + (0.222 * (0.9709 - l))) calc(c + (0.222 * (0.0127 - c))) h); --hs-chart-color-sequential-3-500: var(--hs-chart-color-categorical-3-base); --hs-chart-color-sequential-3-600: oklch(from var(--hs-chart-color-categorical-3-base) calc(l + (0.25 * (0.3859 - l))) calc(c + (0.25 * (0.0615 - c))) h); --hs-chart-color-sequential-3-700: oklch(from var(--hs-chart-color-categorical-3-base) calc(l + (0.5 * (0.3859 - l))) calc(c + (0.5 * (0.0615 - c))) h); --hs-chart-color-sequential-3-800: oklch(from var(--hs-chart-color-categorical-3-base) calc(l + (0.75 * (0.3859 - l))) calc(c + (0.75 * (0.0615 - c))) h); --hs-chart-color-sequential-3-900: oklch(from var(--hs-chart-color-categorical-3-base) 0.3859 0.0615 h); --hs-chart-color-sequential-4-50: oklch(from var(--hs-chart-color-categorical-4-base) 0.9709 0.0127 h); --hs-chart-color-sequential-4-100: oklch(from var(--hs-chart-color-categorical-4-base) calc(l + (0.889 * (0.9709 - l))) calc(c + (0.889 * (0.0127 - c))) h); --hs-chart-color-sequential-4-200: oklch(from var(--hs-chart-color-categorical-4-base) calc(l + (0.667 * (0.9709 - l))) calc(c + (0.667 * (0.0127 - c))) h); --hs-chart-color-sequential-4-300: oklch(from var(--hs-chart-color-categorical-4-base) calc(l + (0.444 * (0.9709 - l))) calc(c + (0.444 * (0.0127 - c))) h); --hs-chart-color-sequential-4-400: oklch(from var(--hs-chart-color-categorical-4-base) calc(l + (0.222 * (0.9709 - l))) calc(c + (0.222 * (0.0127 - c))) h); --hs-chart-color-sequential-4-500: var(--hs-chart-color-categorical-4-base); --hs-chart-color-sequential-4-600: oklch(from var(--hs-chart-color-categorical-4-base) calc(l + (0.25 * (0.3859 - l))) calc(c + (0.25 * (0.0615 - c))) h); --hs-chart-color-sequential-4-700: oklch(from var(--hs-chart-color-categorical-4-base) calc(l + (0.5 * (0.3859 - l))) calc(c + (0.5 * (0.0615 - c))) h); --hs-chart-color-sequential-4-800: oklch(from var(--hs-chart-color-categorical-4-base) calc(l + (0.75 * (0.3859 - l))) calc(c + (0.75 * (0.0615 - c))) h); --hs-chart-color-sequential-4-900: oklch(from var(--hs-chart-color-categorical-4-base) 0.3859 0.0615 h); --hs-chart-color-sequential-5-50: oklch(from var(--hs-chart-color-categorical-5-base) 0.9709 0.0127 h); --hs-chart-color-sequential-5-100: oklch(from var(--hs-chart-color-categorical-5-base) calc(l + (0.889 * (0.9709 - l))) calc(c + (0.889 * (0.0127 - c))) h); --hs-chart-color-sequential-5-200: oklch(from var(--hs-chart-color-categorical-5-base) calc(l + (0.667 * (0.9709 - l))) calc(c + (0.667 * (0.0127 - c))) h); --hs-chart-color-sequential-5-300: oklch(from var(--hs-chart-color-categorical-5-base) calc(l + (0.444 * (0.9709 - l))) calc(c + (0.444 * (0.0127 - c))) h); --hs-chart-color-sequential-5-400: oklch(from var(--hs-chart-color-categorical-5-base) calc(l + (0.222 * (0.9709 - l))) calc(c + (0.222 * (0.0127 - c))) h); --hs-chart-color-sequential-5-500: var(--hs-chart-color-categorical-5-base); --hs-chart-color-sequential-5-600: oklch(from var(--hs-chart-color-categorical-5-base) calc(l + (0.25 * (0.3859 - l))) calc(c + (0.25 * (0.0615 - c))) h); --hs-chart-color-sequential-5-700: oklch(from var(--hs-chart-color-categorical-5-base) calc(l + (0.5 * (0.3859 - l))) calc(c + (0.5 * (0.0615 - c))) h); --hs-chart-color-sequential-5-800: oklch(from var(--hs-chart-color-categorical-5-base) calc(l + (0.75 * (0.3859 - l))) calc(c + (0.75 * (0.0615 - c))) h); --hs-chart-color-sequential-5-900: oklch(from var(--hs-chart-color-categorical-5-base) 0.3859 0.0615 h); --hs-chart-color-sequential-6-50: oklch(from var(--hs-chart-color-categorical-6-base) 0.9709 0.0127 h); --hs-chart-color-sequential-6-100: oklch(from var(--hs-chart-color-categorical-6-base) calc(l + (0.889 * (0.9709 - l))) calc(c + (0.889 * (0.0127 - c))) h); --hs-chart-color-sequential-6-200: oklch(from var(--hs-chart-color-categorical-6-base) calc(l + (0.667 * (0.9709 - l))) calc(c + (0.667 * (0.0127 - c))) h); --hs-chart-color-sequential-6-300: oklch(from var(--hs-chart-color-categorical-6-base) calc(l + (0.444 * (0.9709 - l))) calc(c + (0.444 * (0.0127 - c))) h); --hs-chart-color-sequential-6-400: oklch(from var(--hs-chart-color-categorical-6-base) calc(l + (0.222 * (0.9709 - l))) calc(c + (0.222 * (0.0127 - c))) h); --hs-chart-color-sequential-6-500: var(--hs-chart-color-categorical-6-base); --hs-chart-color-sequential-6-600: oklch(from var(--hs-chart-color-categorical-6-base) calc(l + (0.25 * (0.3859 - l))) calc(c + (0.25 * (0.0615 - c))) h); --hs-chart-color-sequential-6-700: oklch(from var(--hs-chart-color-categorical-6-base) calc(l + (0.5 * (0.3859 - l))) calc(c + (0.5 * (0.0615 - c))) h); --hs-chart-color-sequential-6-800: oklch(from var(--hs-chart-color-categorical-6-base) calc(l + (0.75 * (0.3859 - l))) calc(c + (0.75 * (0.0615 - c))) h); --hs-chart-color-sequential-6-900: oklch(from var(--hs-chart-color-categorical-6-base) 0.3859 0.0615 h); --hs-chart-color-sequential-7-50: oklch(from var(--hs-chart-color-categorical-7-base) 0.9709 0.0127 h); --hs-chart-color-sequential-7-100: oklch(from var(--hs-chart-color-categorical-7-base) calc(l + (0.889 * (0.9709 - l))) calc(c + (0.889 * (0.0127 - c))) h); --hs-chart-color-sequential-7-200: oklch(from var(--hs-chart-color-categorical-7-base) calc(l + (0.667 * (0.9709 - l))) calc(c + (0.667 * (0.0127 - c))) h); --hs-chart-color-sequential-7-300: oklch(from var(--hs-chart-color-categorical-7-base) calc(l + (0.444 * (0.9709 - l))) calc(c + (0.444 * (0.0127 - c))) h); --hs-chart-color-sequential-7-400: oklch(from var(--hs-chart-color-categorical-7-base) calc(l + (0.222 * (0.9709 - l))) calc(c + (0.222 * (0.0127 - c))) h); --hs-chart-color-sequential-7-500: var(--hs-chart-color-categorical-7-base); --hs-chart-color-sequential-7-600: oklch(from var(--hs-chart-color-categorical-7-base) calc(l + (0.25 * (0.3859 - l))) calc(c + (0.25 * (0.0615 - c))) h); --hs-chart-color-sequential-7-700: oklch(from var(--hs-chart-color-categorical-7-base) calc(l + (0.5 * (0.3859 - l))) calc(c + (0.5 * (0.0615 - c))) h); --hs-chart-color-sequential-7-800: oklch(from var(--hs-chart-color-categorical-7-base) calc(l + (0.75 * (0.3859 - l))) calc(c + (0.75 * (0.0615 - c))) h); --hs-chart-color-sequential-7-900: oklch(from var(--hs-chart-color-categorical-7-base) 0.3859 0.0615 h); --hs-chart-color-sequential-8-50: oklch(from var(--hs-chart-color-categorical-8-base) 0.9709 0.0127 h); --hs-chart-color-sequential-8-100: oklch(from var(--hs-chart-color-categorical-8-base) calc(l + (0.889 * (0.9709 - l))) calc(c + (0.889 * (0.0127 - c))) h); --hs-chart-color-sequential-8-200: oklch(from var(--hs-chart-color-categorical-8-base) calc(l + (0.667 * (0.9709 - l))) calc(c + (0.667 * (0.0127 - c))) h); --hs-chart-color-sequential-8-300: oklch(from var(--hs-chart-color-categorical-8-base) calc(l + (0.444 * (0.9709 - l))) calc(c + (0.444 * (0.0127 - c))) h); --hs-chart-color-sequential-8-400: oklch(from var(--hs-chart-color-categorical-8-base) calc(l + (0.222 * (0.9709 - l))) calc(c + (0.222 * (0.0127 - c))) h); --hs-chart-color-sequential-8-500: var(--hs-chart-color-categorical-8-base); --hs-chart-color-sequential-8-600: oklch(from var(--hs-chart-color-categorical-8-base) calc(l + (0.25 * (0.3859 - l))) calc(c + (0.25 * (0.0615 - c))) h); --hs-chart-color-sequential-8-700: oklch(from var(--hs-chart-color-categorical-8-base) calc(l + (0.5 * (0.3859 - l))) calc(c + (0.5 * (0.0615 - c))) h); --hs-chart-color-sequential-8-800: oklch(from var(--hs-chart-color-categorical-8-base) calc(l + (0.75 * (0.3859 - l))) calc(c + (0.75 * (0.0615 - c))) h); --hs-chart-color-sequential-8-900: oklch(from var(--hs-chart-color-categorical-8-base) 0.3859 0.0615 h); --hs-chart-color-sequential-9-50: oklch(from var(--hs-chart-color-categorical-9-base) 0.9709 0.0127 h); --hs-chart-color-sequential-9-100: oklch(from var(--hs-chart-color-categorical-9-base) calc(l + (0.889 * (0.9709 - l))) calc(c + (0.889 * (0.0127 - c))) h); --hs-chart-color-sequential-9-200: oklch(from var(--hs-chart-color-categorical-9-base) calc(l + (0.667 * (0.9709 - l))) calc(c + (0.667 * (0.0127 - c))) h); --hs-chart-color-sequential-9-300: oklch(from var(--hs-chart-color-categorical-9-base) calc(l + (0.444 * (0.9709 - l))) calc(c + (0.444 * (0.0127 - c))) h); --hs-chart-color-sequential-9-400: oklch(from var(--hs-chart-color-categorical-9-base) calc(l + (0.222 * (0.9709 - l))) calc(c + (0.222 * (0.0127 - c))) h); --hs-chart-color-sequential-9-500: var(--hs-chart-color-categorical-9-base); --hs-chart-color-sequential-9-600: oklch(from var(--hs-chart-color-categorical-9-base) calc(l + (0.25 * (0.3859 - l))) calc(c + (0.25 * (0.0615 - c))) h); --hs-chart-color-sequential-9-700: oklch(from var(--hs-chart-color-categorical-9-base) calc(l + (0.5 * (0.3859 - l))) calc(c + (0.5 * (0.0615 - c))) h); --hs-chart-color-sequential-9-800: oklch(from var(--hs-chart-color-categorical-9-base) calc(l + (0.75 * (0.3859 - l))) calc(c + (0.75 * (0.0615 - c))) h); --hs-chart-color-sequential-9-900: oklch(from var(--hs-chart-color-categorical-9-base) 0.3859 0.0615 h); --hs-chart-color-sequential-10-50: oklch(from var(--hs-chart-color-categorical-10-base) 0.9709 0.0127 h); --hs-chart-color-sequential-10-100: oklch(from var(--hs-chart-color-categorical-10-base) calc(l + (0.889 * (0.9709 - l))) calc(c + (0.889 * (0.0127 - c))) h); --hs-chart-color-sequential-10-200: oklch(from var(--hs-chart-color-categorical-10-base) calc(l + (0.667 * (0.9709 - l))) calc(c + (0.667 * (0.0127 - c))) h); --hs-chart-color-sequential-10-300: oklch(from var(--hs-chart-color-categorical-10-base) calc(l + (0.444 * (0.9709 - l))) calc(c + (0.444 * (0.0127 - c))) h); --hs-chart-color-sequential-10-400: oklch(from var(--hs-chart-color-categorical-10-base) calc(l + (0.222 * (0.9709 - l))) calc(c + (0.222 * (0.0127 - c))) h); --hs-chart-color-sequential-10-500: var(--hs-chart-color-categorical-10-base); --hs-chart-color-sequential-10-600: oklch(from var(--hs-chart-color-categorical-10-base) calc(l + (0.25 * (0.3859 - l))) calc(c + (0.25 * (0.0615 - c))) h); --hs-chart-color-sequential-10-700: oklch(from var(--hs-chart-color-categorical-10-base) calc(l + (0.5 * (0.3859 - l))) calc(c + (0.5 * (0.0615 - c))) h); --hs-chart-color-sequential-10-800: oklch(from var(--hs-chart-color-categorical-10-base) calc(l + (0.75 * (0.3859 - l))) calc(c + (0.75 * (0.0615 - c))) h); --hs-chart-color-sequential-10-900: oklch(from var(--hs-chart-color-categorical-10-base) 0.3859 0.0615 h); --hs-chart-stroke-weight-base: 1px; --hs-chart-stroke-weight-mark: 2px; --hs-comp-accordion-color-fill: var(--hs-sys-color-transparent-fill); --hs-comp-accordion-color-fill-active: var(--hs-sys-color-base-surface-hovered); --hs-comp-accordion-color-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-accordion-color-fill-pressed: var(--hs-sys-color-base-surface-pressed); --hs-comp-alert-border-radii: var(--hs-sys-radii-2); --hs-comp-alert-discovery-color-fill: var(--hs-sys-color-discovery-surface); --hs-comp-alert-discovery-color-icon: var(--hs-sys-color-discovery-content); --hs-comp-alert-discovery-color-text: var(--hs-sys-color-base-content); --hs-comp-alert-info-color-fill: var(--hs-sys-color-info-surface); --hs-comp-alert-info-color-icon: var(--hs-sys-color-info-content); --hs-comp-alert-info-color-text: var(--hs-sys-color-base-content); --hs-comp-alert-negative-color-fill: var(--hs-sys-color-negative-surface); --hs-comp-alert-negative-color-icon: var(--hs-sys-color-negative-content); --hs-comp-alert-negative-color-text: var(--hs-sys-color-base-content); --hs-comp-alert-positive-color-fill: var(--hs-sys-color-positive-surface); --hs-comp-alert-positive-color-icon: var(--hs-sys-color-positive-content); --hs-comp-alert-positive-color-text: var(--hs-sys-color-base-content); --hs-comp-alert-toast-min-width: 288px; --hs-comp-alert-toast-max-width: 456px; --hs-comp-alert-warning-color-fill: var(--hs-sys-color-warning-surface); --hs-comp-alert-warning-color-icon: var(--hs-sys-color-warning-content); --hs-comp-alert-warning-color-text: var(--hs-sys-color-base-content); --hs-comp-avatar-color-fill: var(--hs-sys-color-secondary-fill); --hs-comp-badge-border-radii: var(--hs-sys-radii-1); --hs-comp-badge-discovery-color-fill: var(--hs-sys-color-discovery-surface); --hs-comp-badge-discovery-color-icon: var(--hs-sys-color-discovery-content); --hs-comp-badge-discovery-color-text: var(--hs-sys-color-discovery-content); --hs-comp-badge-negative-color-fill: var(--hs-sys-color-negative-surface); --hs-comp-badge-negative-color-icon: var(--hs-sys-color-negative-content); --hs-comp-badge-negative-color-text: var(--hs-sys-color-negative-content); --hs-comp-badge-neutral-color-fill: var(--hs-sys-color-neutral-fill); --hs-comp-badge-overlay-color-fill: var(--hs-sys-color-opacity-surface); --hs-comp-badge-overlay-color-icon: var(--hs-sys-color-inverse-content); --hs-comp-badge-overlay-color-text: var(--hs-sys-color-inverse-content); --hs-comp-badge-positive-color-fill: var(--hs-sys-color-positive-surface); --hs-comp-badge-positive-color-icon: var(--hs-sys-color-positive-content); --hs-comp-badge-positive-color-text: var(--hs-sys-color-positive-content); --hs-comp-badge-warning-color-fill: var(--hs-sys-color-warning-surface); --hs-comp-badge-warning-color-icon: var(--hs-sys-color-warning-content); --hs-comp-badge-warning-color-text: var(--hs-sys-color-warning-content); --hs-comp-button-border-radii: var(--hs-sys-radii-2); --hs-comp-button-choice-border-radii: var(--hs-sys-radii-2); --hs-comp-button-choice-color-border: var(--hs-sys-color-base-border); --hs-comp-button-choice-color-fill: var(--hs-sys-color-base-surface); --hs-comp-button-choice-color-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-button-choice-color-fill-pressed: var(--hs-sys-color-base-surface-pressed); --hs-comp-button-choice-color-icon: var(--hs-sys-color-base-content); --hs-comp-button-choice-color-selected-border: var(--hs-sys-color-selected-border); --hs-comp-button-choice-color-selected-icon: var(--hs-sys-color-base-content); --hs-comp-button-choice-color-text: var(--hs-sys-color-base-content); --hs-comp-button-ghost-color-fill: var(--hs-sys-color-transparent-fill); --hs-comp-button-ghost-color-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-button-ghost-color-fill-pressed: var(--hs-sys-color-base-surface-pressed); --hs-comp-button-ghost-color-icon: var(--hs-sys-color-base-content); --hs-comp-button-ghost-color-text: var(--hs-sys-color-base-content); --hs-comp-button-outlined-color-border: var(--hs-sys-color-inverse-border); --hs-comp-button-outlined-color-fill: var(--hs-sys-color-transparent-fill); --hs-comp-button-outlined-color-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-button-outlined-color-fill-pressed: var(--hs-sys-color-base-surface-pressed); --hs-comp-button-outlined-color-icon: var(--hs-sys-color-base-content); --hs-comp-button-outlined-color-text: var(--hs-sys-color-base-content); --hs-comp-button-primary-color-fill: var(--hs-sys-color-primary-fill); --hs-comp-button-primary-color-fill-hovered: var(--hs-sys-color-primary-fill-hovered); --hs-comp-button-primary-color-fill-pressed: var(--hs-sys-color-primary-fill-pressed); --hs-comp-button-primary-color-icon: var(--hs-sys-color-primary-on-fill); --hs-comp-button-primary-color-text: var(--hs-sys-color-primary-on-fill); --hs-comp-button-secondary-color-fill: var(--hs-sys-color-secondary-fill); --hs-comp-button-secondary-color-fill-hovered: var(--hs-sys-color-secondary-fill-hovered); --hs-comp-button-secondary-color-fill-pressed: var(--hs-sys-color-secondary-fill-pressed); --hs-comp-button-secondary-color-icon: var(--hs-sys-color-secondary-on-fill); --hs-comp-button-secondary-color-text: var(--hs-sys-color-secondary-on-fill); --hs-comp-calendar-chip-border-radii: var(--hs-sys-radii-pills); --hs-comp-calendar-chip-color-border: var(--hs-sys-color-base-border); --hs-comp-calendar-chip-color-fill: var(--hs-sys-color-transparent-fill); --hs-comp-calendar-chip-color-fill-highlighted: var(--hs-sys-color-base-surface-hovered); --hs-comp-calendar-chip-color-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-calendar-chip-color-fill-pressed: var(--hs-sys-color-base-surface-pressed); --hs-comp-calendar-chip-color-icon: var(--hs-sys-color-base-content); --hs-comp-calendar-chip-color-selected-border: var(--hs-sys-color-selected-border); --hs-comp-calendar-chip-color-selected-fill: var(--hs-sys-color-base-surface-selected); --hs-comp-calendar-chip-color-selected-fill-highlighted: var(--hs-sys-color-base-surface-hovered); --hs-comp-calendar-chip-color-selected-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-calendar-chip-color-selected-fill-pressed: var(--hs-sys-color-base-surface-pressed); --hs-comp-calendar-chip-color-selected-icon: var(--hs-sys-color-base-content); --hs-comp-calendar-chip-color-selected-text: var(--hs-sys-color-base-content); --hs-comp-calendar-chip-color-text: var(--hs-sys-color-base-content); --hs-comp-calendar-chip-height: var(--hs-ref-unit-10); --hs-comp-calendar-day-color-border: var(--hs-sys-color-base-border); --hs-comp-calendar-day-color-fill: var(--hs-sys-color-transparent-fill); --hs-comp-calendar-day-color-fill-highlighted: var(--hs-sys-color-base-surface-hovered); --hs-comp-calendar-day-color-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-calendar-day-color-fill-pressed: var(--hs-sys-color-base-surface-pressed); --hs-comp-calendar-day-color-selected-border: var(--hs-sys-color-selected-border); --hs-comp-calendar-day-color-selected-fill: var(--hs-sys-color-base-surface-selected); --hs-comp-calendar-day-color-selected-fill-highlighted: var(--hs-sys-color-base-surface-hovered); --hs-comp-calendar-day-color-selected-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-calendar-day-color-selected-fill-pressed: var(--hs-sys-color-base-surface-pressed); --hs-comp-calendar-day-color-selected-fill-range: var(--hs-sys-color-base-surface-selected); --hs-comp-calendar-day-color-selected-icon: var(--hs-sys-color-base-content); --hs-comp-calendar-day-color-selected-text: var(--hs-sys-color-base-content); --hs-comp-calendar-day-color-text: var(--hs-sys-color-base-content); --hs-comp-card-border-radii: var(--hs-sys-radii-2); --hs-comp-card-color-border: var(--hs-sys-color-base-border-subtle); --hs-comp-card-color-fill: var(--hs-sys-color-base-surface); --hs-comp-card-color-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-card-color-fill-pressed: var(--hs-sys-color-base-surface-pressed); --hs-comp-chat-bubble-border-radii: var(--hs-sys-radii-2); --hs-comp-chat-bubble-color-filled-fill: var(--hs-sys-color-raised-surface); --hs-comp-chat-bubble-color-filled-fill-hovered: var(--hs-sys-color-raised-surface-hovered); --hs-comp-chat-bubble-color-filled-fill-pressed: var(--hs-sys-color-raised-surface-pressed); --hs-comp-chat-bubble-color-outlined-border: var(--hs-sys-color-base-border-subtle); --hs-comp-chat-bubble-color-outlined-fill: var(--hs-sys-color-base-surface); --hs-comp-chat-bubble-color-outlined-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-chat-bubble-color-outlined-fill-pressed: var(--hs-sys-color-base-surface-pressed); --hs-comp-chat-bubble-spacing-horizontal-to-element: var(--hs-sys-spacing-4); --hs-comp-chat-bubble-spacing-vertical-to-element: var(--hs-sys-spacing-2); --hs-comp-checkbox-color-fill: var(--hs-sys-color-neutral-icon); --hs-comp-checkbox-color-fill-hovered: var(--hs-sys-color-neutral-icon-hovered); --hs-comp-checkbox-color-fill-pressed: var(--hs-sys-color-neutral-icon-pressed); --hs-comp-checkbox-color-selected-fill: var(--hs-sys-color-base-content); --hs-comp-checkbox-color-selected-fill-hovered: var(--hs-sys-color-neutral-icon-hovered); --hs-comp-checkbox-color-selected-fill-pressed: var(--hs-sys-color-neutral-icon-pressed); --hs-comp-chip-border-radii: var(--hs-sys-radii-pills); --hs-comp-chip-color-border: var(--hs-sys-color-transparent-border); --hs-comp-chip-color-fill: var(--hs-sys-color-neutral-fill); --hs-comp-chip-color-fill-hovered: var(--hs-sys-color-neutral-fill-hovered); --hs-comp-chip-color-fill-pressed: var(--hs-sys-color-neutral-fill-pressed); --hs-comp-chip-color-icon: var(--hs-sys-color-base-content); --hs-comp-chip-color-selected-border: var(--hs-sys-color-selected-border); --hs-comp-chip-color-selected-fill: var(--hs-sys-color-neutral-fill); --hs-comp-chip-color-selected-fill-hovered: var(--hs-sys-color-neutral-fill-hovered); --hs-comp-chip-color-selected-fill-pressed: var(--hs-sys-color-neutral-fill-pressed); --hs-comp-chip-color-selected-icon: var(--hs-sys-color-base-content); --hs-comp-chip-color-selected-text: var(--hs-sys-color-base-content); --hs-comp-chip-color-text: var(--hs-sys-color-base-content); --hs-comp-chip-max-width: 200px; --hs-comp-display-toggle-color: var(--hs-sys-color-base-content); --hs-comp-display-toggle-color-hovered: var(--hs-sys-color-neutral-icon-hovered); --hs-comp-display-toggle-color-pressed: var(--hs-sys-color-neutral-icon-pressed); --hs-comp-drawer-base-color-fill: var(--hs-sys-color-base-surface); --hs-comp-drawer-base-width-large: 680px; --hs-comp-drawer-base-width-medium: 520px; --hs-comp-drawer-base-width-min: var(--hs-sys-viewport-min); --hs-comp-drawer-base-width-small: 400px; --hs-comp-drawer-navigation-color-fill: var(--hs-sys-color-base-surface); --hs-comp-dropdown-item-color-base: var(--hs-sys-color-base-content); --hs-comp-dropdown-item-color-border: var(--hs-sys-color-base-border); --hs-comp-dropdown-item-color-fill: var(--hs-sys-color-transparent-fill); --hs-comp-dropdown-item-color-fill-highlighted: var(--hs-sys-color-base-surface-hovered); --hs-comp-dropdown-item-color-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-dropdown-item-color-fill-pressed: var(--hs-sys-color-base-surface-pressed); --hs-comp-dropdown-item-color-icon: var(--hs-sys-color-base-content); --hs-comp-dropdown-item-color-selected-border: var(--hs-global-color-border-selected); --hs-comp-dropdown-item-color-selected-fill: var(--hs-sys-color-base-surface-selected); --hs-comp-dropdown-item-color-sub-text: var(--hs-sys-color-base-content-subtle); --hs-comp-dropdown-item-color-text: var(--hs-sys-color-base-content); --hs-comp-dropdown-menu-border-radii: var(--hs-sys-radii-2); --hs-comp-dropdown-menu-color-fill: var(--hs-sys-color-base-surface); --hs-comp-event-chip-border-radii: var(--hs-sys-radii-2); --hs-comp-event-chip-color-border: var(--hs-sys-color-base-border); --hs-comp-event-chip-color-fill: var(--hs-sys-color-brand-1-fill); --hs-comp-event-chip-color-fill-hovered: var(--hs-sys-color-brand-1-fill-hovered); --hs-comp-event-chip-color-fill-pressed: var(--hs-sys-color-brand-1-fill-pressed); --hs-comp-event-chip-color-icon: var(--hs-sys-color-brand-1-on-fill); --hs-comp-event-chip-color-selected-border: var(--hs-sys-color-brand-1-border); --hs-comp-event-chip-color-selected-fill: var(--hs-sys-color-brand-1-fill-pressed); --hs-comp-event-chip-color-text: var(--hs-sys-color-brand-1-on-fill); --hs-comp-file-uploaded-border-radii: var(--hs-sys-radii-2); --hs-comp-file-uploaded-color-fill: var(--hs-sys-color-raised-surface); --hs-comp-file-uploader-border-radii: var(--hs-sys-radii-2); --hs-comp-file-uploader-color-border-hovered: var(--hs-sys-color-selected-border); --hs-comp-file-uploader-color-fill: var(--hs-sys-color-base-surface); --hs-comp-file-uploader-color-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-file-uploader-color-text-hovered: var(--hs-sys-color-base-content); --hs-comp-footer-color-fill: var(--hs-sys-color-base-surface); --hs-comp-header-color-fill: var(--hs-sys-color-base-surface); --hs-comp-hint-counter-color-fill: var(--hs-sys-color-info-content); --hs-comp-hint-counter-color-icon: var(--hs-sys-color-inverse-content); --hs-comp-hint-counter-color-text: var(--hs-sys-color-inverse-content); --hs-comp-hint-counter-height: var(--hs-ref-unit-4); --hs-comp-hint-dot-color-fill: var(--hs-sys-color-info-content); --hs-comp-icon-button-border-radii: var(--hs-sys-radii-circle); --hs-comp-icon-button-info-color-fill: var(--hs-sys-color-transparent-fill); --hs-comp-icon-button-info-color-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-icon-button-info-color-fill-pressed: var(--hs-sys-color-base-surface-pressed); --hs-comp-icon-button-info-color-icon: var(--hs-sys-color-base-content-subtle); --hs-comp-icon-button-spacing-medium: var(--hs-sys-spacing-3); --hs-comp-icon-button-spacing-small: 10px; --hs-comp-input-border-radii: var(--hs-sys-radii-2); --hs-comp-input-color-fill: var(--hs-sys-color-base-surface); --hs-comp-input-color-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-input-color-fill-pressed: var(--hs-sys-color-base-surface-pressed); --hs-comp-input-color-fill-raised: var(--hs-sys-color-raised-surface); --hs-comp-input-tag-border-radii: var(--hs-sys-radii-pills); --hs-comp-input-tag-color-border: var(--hs-sys-color-transparent-border); --hs-comp-input-tag-color-fill: var(--hs-sys-color-inverse-surface); --hs-comp-input-tag-color-fill-hovered: var(--hs-sys-color-inverse-surface-hovered); --hs-comp-input-tag-color-fill-pressed: var(--hs-sys-color-inverse-surface-pressed); --hs-comp-input-tag-color-icon: var(--hs-sys-color-inverse-content); --hs-comp-input-tag-color-text: var(--hs-sys-color-inverse-content); --hs-comp-input-tag-max-width: 216px; --hs-comp-link-color: var(--hs-sys-color-link-content); --hs-comp-link-color-disabled: var(--hs-sys-color-disabled-content); --hs-comp-link-color-hovered: var(--hs-sys-color-link-content-hovered); --hs-comp-list-item-border-radii: var(--hs-sys-radii-2); --hs-comp-list-item-color-border: var(--hs-sys-color-base-border); --hs-comp-list-item-color-fill: var(--hs-sys-color-transparent-fill); --hs-comp-list-item-color-fill-highlighted: var(--hs-sys-color-base-surface-hovered); --hs-comp-list-item-color-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-list-item-color-fill-pressed: var(--hs-sys-color-base-surface-pressed); --hs-comp-list-item-color-icon: var(--hs-sys-color-base-content); --hs-comp-list-item-color-selected-border: var(--hs-global-color-border-selected); --hs-comp-list-item-color-selected-fill: var(--hs-sys-color-base-surface-selected); --hs-comp-list-item-color-sub-text: var(--hs-sys-color-base-content-subtle); --hs-comp-list-item-color-text: var(--hs-sys-color-base-content); --hs-comp-list-item-nested-spacing-horizontal-to-element: var(--hs-ref-unit-10); --hs-comp-menu-min-width: 160px; --hs-comp-menu-max-height: 456px; --hs-comp-menu-max-width: 456px; --hs-comp-menu-spacing-vertical-to-element: var(--hs-sys-spacing-2); --hs-comp-modal-border-radii: var(--hs-sys-radii-2); --hs-comp-modal-color-fill: var(--hs-sys-color-base-surface); --hs-comp-modal-large-height-max-percentage: 96%; --hs-comp-modal-large-width-max-percentage: 100%; --hs-comp-modal-large-width-max-px: 456px; --hs-comp-modal-medium-height-max-percentage: 84%; --hs-comp-modal-medium-width-max-percentage: 100%; --hs-comp-modal-medium-width-max-px: 408px; --hs-comp-modal-small-height-max-percentage: 72%; --hs-comp-modal-small-width-max-percentage: 100%; --hs-comp-modal-small-width-max-px: 296px; --hs-comp-modal-spacing-horizontal-to-element: var(--hs-sys-spacing-10); --hs-comp-modal-spacing-vertical-to-element: var(--hs-sys-spacing-10); --hs-comp-navigation-bar-color-fill: var(--hs-sys-color-base-surface); --hs-comp-navigation-button-color-fill: var(--hs-sys-color-transparent-fill); --hs-comp-navigation-button-color-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-navigation-button-color-fill-pressed: var(--hs-sys-color-base-surface-pressed); --hs-comp-navigation-button-color-icon: var(--hs-sys-color-base-content); --hs-comp-navigation-button-color-selected-fill: var(--hs-sys-color-primary-fill); --hs-comp-navigation-button-color-selected-fill-hovered: var(--hs-sys-color-primary-fill-hovered); --hs-comp-navigation-button-color-selected-fill-pressed: var(--hs-sys-color-primary-fill-pressed); --hs-comp-navigation-button-color-selected-icon: var(--hs-sys-color-primary-on-fill); --hs-comp-navigation-button-color-selected-text: var(--hs-sys-color-primary-on-fill); --hs-comp-navigation-button-color-text: var(--hs-sys-color-base-content); --hs-comp-navigation-item-border-radii: var(--hs-sys-radii-2); --hs-comp-navigation-item-color-border: var(--hs-sys-color-base-border); --hs-comp-navigation-item-color-fill: var(--hs-sys-color-transparent-fill); --hs-comp-navigation-item-color-fill-highlighted: var(--hs-sys-color-base-surface-hovered); --hs-comp-navigation-item-color-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-navigation-item-color-fill-pressed: var(--hs-sys-color-base-surface-pressed); --hs-comp-navigation-item-color-icon: var(--hs-sys-color-base-content); --hs-comp-navigation-item-color-selected-border: var(--hs-global-color-border-selected); --hs-comp-navigation-item-color-selected-fill: var(--hs-sys-color-base-surface-selected); --hs-comp-navigation-item-color-sub-text: var(--hs-sys-color-base-content-subtle); --hs-comp-navigation-item-color-text: var(--hs-sys-color-base-content); --hs-comp-option-trigger-border-radii: var(--hs-sys-radii-2); --hs-comp-option-trigger-color-fill: var(--hs-sys-color-transparent-fill); --hs-comp-option-trigger-color-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-option-trigger-color-fill-pressed: var(--hs-sys-color-base-surface-pressed); --hs-comp-option-trigger-color-icon: var(--hs-sys-color-base-content); --hs-comp-option-trigger-color-text: var(--hs-sys-color-base-content); --hs-comp-overlay-button-filled-color-fill: var(--hs-sys-color-overlay-fill); --hs-comp-overlay-button-filled-color-fill-hovered: var(--hs-sys-color-overlay-fill-hovered); --hs-comp-overlay-button-filled-color-fill-pressed: var(--hs-sys-color-overlay-fill-pressed); --hs-comp-overlay-button-filled-color-icon: var(--hs-sys-color-overlay-on-fill); --hs-comp-overlay-button-filled-color-text: var(--hs-sys-color-overlay-on-fill); --hs-comp-overlay-button-filled-inverse-color-fill: var(--hs-sys-color-inverse-fill); --hs-comp-overlay-button-filled-inverse-color-fill-hovered: var(--hs-sys-color-inverse-fill-hovered); --hs-comp-overlay-button-filled-inverse-color-fill-pressed: var(--hs-sys-color-inverse-fill-pressed); --hs-comp-overlay-button-filled-inverse-color-icon: var(--hs-sys-color-inverse-on-fill); --hs-comp-overlay-button-filled-inverse-color-text: var(--hs-sys-color-inverse-on-fill); --hs-comp-overlay-button-ghost-color-fill: var(--hs-global-color-fill-transparent); --hs-comp-overlay-button-ghost-color-fill-hovered: var(--hs-sys-color-overlay-fill-hovered); --hs-comp-overlay-button-ghost-color-fill-pressed: var(--hs-sys-color-overlay-fill-pressed); --hs-comp-overlay-button-ghost-color-icon: var(--hs-sys-color-overlay-on-fill); --hs-comp-overlay-button-ghost-color-text: var(--hs-sys-color-overlay-on-fill); --hs-comp-overlay-button-ghost-inverse-color-fill: var(--hs-global-color-fill-transparent); --hs-comp-overlay-button-ghost-inverse-color-fill-hovered: var(--hs-sys-color-inverse-fill-hovered); --hs-comp-overlay-button-ghost-inverse-color-fill-pressed: var(--hs-sys-color-inverse-fill-pressed); --hs-comp-overlay-button-ghost-inverse-color-icon: var(--hs-sys-color-inverse-on-fill); --hs-comp-overlay-button-ghost-inverse-color-text: var(--hs-sys-color-inverse-on-fill); --hs-comp-overlay-separation: var(--hs-sys-spacing-2); --hs-comp-pagination-color-fill: var(--hs-sys-color-transparent-fill); --hs-comp-pagination-color-fill-highlighted: var(--hs-sys-color-base-surface-hovered); --hs-comp-pagination-color-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-pagination-color-selected-border: var(--hs-sys-color-selected-border); --hs-comp-pagination-color-selected-fill: var(--hs-global-color-fill-transparent); --hs-comp-pagination-color-selected-fill-highlighted: var(--hs-sys-color-base-surface-hovered); --hs-comp-pagination-color-selected-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-pagination-color-selected-text: var(--hs-sys-color-base-content); --hs-comp-pagination-color-text: var(--hs-sys-color-base-content); --hs-comp-panel-border-radii: var(--hs-sys-radii-4); --hs-comp-panel-spacing-horizontal-to-element: var(--hs-sys-spacing-6); --hs-comp-panel-spacing-vertical-to-element: var(--hs-sys-spacing-6); --hs-comp-popover-border-radii: var(--hs-sys-radii-2); --hs-comp-popover-color-fill: var(--hs-sys-color-base-surface); --hs-comp-profile-picker-border-radii: var(--hs-sys-radii-pills); --hs-comp-profile-picker-color-border: var(--hs-sys-color-base-border); --hs-comp-profile-picker-color-fill: var(--hs-sys-color-transparent-fill); --hs-comp-profile-picker-color-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-profile-picker-color-fill-pressed: var(--hs-sys-color-base-surface-pressed); --hs-comp-progress-bar-color-fill: var(--hs-sys-color-neutral-fill); --hs-comp-progress-bar-color-fill-indicator: var(--hs-sys-color-inverse-surface); --hs-comp-progress-listed-color-fill-active: var(--hs-sys-color-inverse-surface); --hs-comp-progress-listed-color-fill-done: var(--hs-sys-color-positive-fill); --hs-comp-progress-listed-color-fill-todo: var(--hs-sys-color-neutral-fill); --hs-comp-progress-listed-color-icon-active: var(--hs-sys-color-base-content); --hs-comp-progress-listed-color-icon-done: var(--hs-sys-color-positive-content); --hs-comp-progress-listed-color-icon-todo: var(--hs-sys-color-base-content-subtle); --hs-comp-progress-step-color-fill-done: var(--hs-sys-color-inverse-surface); --hs-comp-progress-step-color-fill-todo: var(--hs-sys-color-neutral-fill); --hs-comp-radio-color-fill: var(--hs-sys-color-neutral-icon); --hs-comp-radio-color-fill-hovered: var(--hs-sys-color-neutral-icon-hovered); --hs-comp-radio-color-fill-pressed: var(--hs-sys-color-neutral-icon-pressed); --hs-comp-radio-color-selected-fill: var(--hs-sys-color-base-content); --hs-comp-radio-color-selected-fill-hovered: var(--hs-sys-color-neutral-icon-hovered); --hs-comp-radio-color-selected-fill-pressed: var(--hs-sys-color-neutral-icon-pressed); --hs-comp-selectable-color-fill: var(--hs-sys-color-inverse-surface); --hs-comp-skeleton-animated-fill-1: #0000000f; --hs-comp-skeleton-animated-fill-2: #00000026; --hs-comp-skeleton-fill: #00000014; --hs-comp-slider-color-fill: var(--hs-sys-color-neutral-fill); --hs-comp-slider-color-fill-knob: var(--hs-sys-color-inverse-surface); --hs-comp-slider-color-fill-knob-hovered: var(--hs-sys-color-inverse-surface-hovered); --hs-comp-slider-color-fill-knob-pressed: var(--hs-sys-color-inverse-surface-pressed); --hs-comp-slider-color-fill-range: var(--hs-sys-color-inverse-surface); --hs-comp-snackbar-border-radii: var(--hs-sys-radii-2); --hs-comp-snackbar-color-fill: var(--hs-sys-color-inverse-surface); --hs-comp-snackbar-color-fill-hovered: var(--hs-sys-color-inverse-surface-hovered); --hs-comp-snackbar-color-fill-pressed: var(--hs-sys-color-inverse-surface-pressed); --hs-comp-snackbar-color-icon: var(--hs-sys-color-inverse-content); --hs-comp-snackbar-color-text: var(--hs-sys-color-inverse-content); --hs-comp-spinner-color-fill: var(--hs-sys-color-neutral-fill); --hs-comp-spinner-color-fill-inverse: var(--hs-sys-color-inverse-surface); --hs-comp-sub-header-color-fill: var(--hs-sys-color-base-surface); --hs-comp-switch-color-fill: var(--hs-global-color-fill-base); --hs-comp-switch-color-fill-active: var(--hs-sys-color-inverse-surface); --hs-comp-switch-color-fill-android: var(--hs-sys-color-neutral-fill); --hs-comp-switch-color-fill-knob: var(--hs-sys-color-neutral-icon); --hs-comp-switch-color-fill-knob-active: var(--hs-global-color-icon-inverse); --hs-comp-switch-color-fill-knob-android: var(--hs-global-color-icon-base); --hs-comp-tab-color-border-hovered: var(--hs-sys-color-base-border); --hs-comp-tab-color-fill: var(--hs-sys-color-transparent-fill); --hs-comp-tab-color-icon: var(--hs-sys-color-base-content-subtle); --hs-comp-tab-color-icon-active: var(--hs-sys-color-base-content); --hs-comp-tab-color-selected-border: var(--hs-sys-color-selected-border); --hs-comp-tab-color-selected-icon: var(--hs-sys-color-base-content); --hs-comp-tab-color-selected-text: var(--hs-sys-color-base-content); --hs-comp-tab-color-text: var(--hs-sys-color-base-content-subtle); --hs-comp-tab-color-text-active: var(--hs-sys-color-base-content); --hs-comp-tab-spacing-between: var(--hs-sys-spacing-4); --hs-comp-table-color-alt-fill: var(--hs-sys-color-raised-surface); --hs-comp-table-color-alt-fill-highlighted: var(--hs-sys-color-raised-surface-hovered); --hs-comp-table-color-alt-fill-hovered: var(--hs-sys-color-raised-surface-hovered); --hs-comp-table-color-alt-fill-pressed: var(--hs-sys-color-raised-surface-pressed); --hs-comp-table-color-border: var(--hs-sys-color-base-border-subtle); --hs-comp-table-color-fill: var(--hs-sys-color-base-surface); --hs-comp-table-color-fill-highlighted: var(--hs-sys-color-base-surface-hovered); --hs-comp-table-color-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-table-color-fill-pressed: var(--hs-sys-color-base-surface-pressed); --hs-comp-table-color-selected-fill: var(--hs-sys-color-base-surface-selected); --hs-comp-tag-border-radii: var(--hs-sys-radii-2); --hs-comp-tag-color-fill: var(--hs-sys-color-neutral-fill); --hs-comp-tag-color-fill-hovered: var(--hs-sys-color-neutral-fill-hovered); --hs-comp-tag-color-fill-pressed: var(--hs-sys-color-neutral-fill-pressed); --hs-comp-tag-color-icon: var(--hs-sys-color-base-content); --hs-comp-tag-color-text: var(--hs-sys-color-base-content); --hs-comp-thumbnail-border-radii: var(--hs-sys-radii-1); --hs-comp-thumbnail-color-fill: var(--hs-sys-color-neutral-fill); --hs-comp-tick-marker-color-fill: var(--hs-sys-color-base-surface); --hs-comp-tick-marker-color-icon: var(--hs-sys-color-base-content); --hs-comp-toggle-group-border-radii: var(--hs-sys-radii-pills); --hs-comp-toggle-group-color-border: var(--hs-sys-color-transparent-border); --hs-comp-toggle-group-color-fill: var(--hs-sys-color-transparent-fill); --hs-comp-toggle-group-color-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-toggle-group-color-fill-pressed: var(--hs-sys-color-base-surface-pressed); --hs-comp-toggle-group-color-icon: var(--hs-sys-color-base-content); --hs-comp-toggle-group-color-selected-border: var(--hs-sys-color-selected-border); --hs-comp-toggle-group-color-selected-fill: var(--hs-sys-color-base-surface-selected); --hs-comp-toggle-group-color-selected-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-toggle-group-color-selected-fill-pressed: var(--hs-sys-color-base-surface-pressed); --hs-comp-toggle-group-color-selected-icon: var(--hs-sys-color-base-content); --hs-comp-toggle-group-color-selected-text: var(--hs-sys-color-base-content); --hs-comp-toggle-group-color-text: var(--hs-sys-color-base-content); --hs-comp-tooltip-border-radii: var(--hs-sys-radii-2); --hs-comp-tooltip-color-fill: var(--hs-sys-color-inverse-surface); --hs-comp-tooltip-color-icon: var(--hs-sys-color-inverse-content); --hs-comp-tooltip-color-text: var(--hs-sys-color-inverse-content); --hs-comp-tree-border-radii: var(--hs-sys-radii-2); --hs-comp-tree-color-border: var(--hs-sys-color-base-border); --hs-comp-tree-color-fill: var(--hs-sys-color-transparent-fill); --hs-comp-tree-color-fill-highlighted: var(--hs-sys-color-base-surface-hovered); --hs-comp-tree-color-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-tree-color-fill-pressed: var(--hs-sys-color-base-surface-pressed); --hs-comp-tree-color-icon: var(--hs-sys-color-base-content); --hs-comp-tree-color-selected-border: var(--hs-global-color-border-selected); --hs-comp-tree-color-selected-fill: var(--hs-sys-color-base-surface-selected); --hs-comp-tree-color-sub-text: var(--hs-sys-color-base-content-subtle); --hs-comp-tree-color-text: var(--hs-sys-color-base-content); --hs-decorative-color-1-fill: var(--hs-ref-color-tea-300); --hs-decorative-color-1-fill-inverse: var(--hs-ref-color-nocturn-500); --hs-decorative-color-1-on-fill: var(--hs-ref-color-nocturn-500); --hs-decorative-color-1-on-fill-inverse: var(--hs-ref-color-tea-300); --hs-decorative-color-2-fill: var(--hs-ref-color-jade-200); --hs-decorative-color-2-fill-inverse: var(--hs-ref-color-jade-900); --hs-decorative-color-2-on-fill: var(--hs-ref-color-jade-900); --hs-decorative-color-2-on-fill-inverse: var(--hs-ref-color-jade-200); --hs-decorative-color-3-fill: var(--hs-ref-color-saffron-300); --hs-decorative-color-3-fill-inverse: var(--hs-ref-color-saffron-900); --hs-decorative-color-3-on-fill: var(--hs-ref-color-saffron-900); --hs-decorative-color-3-on-fill-inverse: var(--hs-ref-color-saffron-300); --hs-global-categorical-color-1-fill: var(--hs-sys-color-categorical-1-surface); --hs-global-categorical-color-1-fill-hovered: var(--hs-sys-color-categorical-1-surface-hovered); --hs-global-categorical-color-1-fill-pressed: var(--hs-sys-color-categorical-1-surface-pressed); --hs-global-categorical-color-1-icon: var(--hs-sys-color-categorical-1-content); --hs-global-categorical-color-1-text: var(--hs-sys-color-categorical-1-content); --hs-global-categorical-color-2-fill: var(--hs-sys-color-categorical-2-surface); --hs-global-categorical-color-2-fill-hovered: var(--hs-sys-color-categorical-2-surface-hovered); --hs-global-categorical-color-2-fill-pressed: var(--hs-sys-color-categorical-2-surface-pressed); --hs-global-categorical-color-2-icon: var(--hs-sys-color-categorical-2-content); --hs-global-categorical-color-2-text: var(--hs-sys-color-categorical-2-content); --hs-global-categorical-color-3-fill: var(--hs-sys-color-categorical-3-surface); --hs-global-categorical-color-3-fill-hovered: var(--hs-sys-color-categorical-3-surface-hovered); --hs-global-categorical-color-3-fill-pressed: var(--hs-sys-color-categorical-3-surface-pressed); --hs-global-categorical-color-3-icon: var(--hs-sys-color-categorical-3-content); --hs-global-categorical-color-3-text: var(--hs-sys-color-categorical-3-content); --hs-global-categorical-color-4-fill: var(--hs-sys-color-categorical-4-surface); --hs-global-categorical-color-4-fill-hovered: var(--hs-sys-color-categorical-4-surface-hovered); --hs-global-categorical-color-4-fill-pressed: var(--hs-sys-color-categorical-4-surface-pressed); --hs-global-categorical-color-4-icon: var(--hs-sys-color-categorical-4-content); --hs-global-categorical-color-4-text: var(--hs-sys-color-categorical-4-content); --hs-global-categorical-color-5-fill: var(--hs-sys-color-categorical-5-surface); --hs-global-categorical-color-5-fill-hovered: var(--hs-sys-color-categorical-5-surface-hovered); --hs-global-categorical-color-5-fill-pressed: var(--hs-sys-color-categorical-5-surface-pressed); --hs-global-categorical-color-5-icon: var(--hs-sys-color-categorical-5-content); --hs-global-categorical-color-5-text: var(--hs-sys-color-categorical-5-content); --hs-global-categorical-color-6-fill: var(--hs-sys-color-categorical-6-surface); --hs-global-categorical-color-6-fill-hovered: var(--hs-sys-color-categorical-6-surface-hovered); --hs-global-categorical-color-6-fill-pressed: var(--hs-sys-color-categorical-6-surface-pressed); --hs-global-categorical-color-6-icon: var(--hs-sys-color-categorical-6-content); --hs-global-categorical-color-6-text: var(--hs-sys-color-categorical-6-content); --hs-global-categorical-color-7-fill: var(--hs-sys-color-categorical-7-surface); --hs-global-categorical-color-7-fill-hovered: var(--hs-sys-color-categorical-7-surface-hovered); --hs-global-categorical-color-7-fill-pressed: var(--hs-sys-color-categorical-7-surface-pressed); --hs-global-categorical-color-7-icon: var(--hs-sys-color-categorical-7-content); --hs-global-categorical-color-7-text: var(--hs-sys-color-categorical-7-content); --hs-global-categorical-color-8-fill: var(--hs-sys-color-categorical-8-surface); --hs-global-categorical-color-8-fill-hovered: var(--hs-sys-color-categorical-8-surface-hovered); --hs-global-categorical-color-8-fill-pressed: var(--hs-sys-color-categorical-8-surface-pressed); --hs-global-categorical-color-8-icon: var(--hs-sys-color-categorical-8-content); --hs-global-categorical-color-8-text: var(--hs-sys-color-categorical-8-content); --hs-global-categorical-color-9-fill: var(--hs-sys-color-categorical-9-surface); --hs-global-categorical-color-9-fill-hovered: var(--hs-sys-color-categorical-9-surface-hovered); --hs-global-categorical-color-9-fill-pressed: var(--hs-sys-color-categorical-9-surface-pressed); --hs-global-categorical-color-9-icon: var(--hs-sys-color-categorical-9-content); --hs-global-categorical-color-9-text: var(--hs-sys-color-categorical-9-content); --hs-global-categorical-color-10-fill: var(--hs-sys-color-categorical-10-surface); --hs-global-categorical-color-10-fill-hovered: var(--hs-sys-color-categorical-10-surface-hovered); --hs-global-categorical-color-10-fill-pressed: var(--hs-sys-color-categorical-10-surface-pressed); --hs-global-categorical-color-10-icon: var(--hs-sys-color-categorical-10-content); --hs-global-categorical-color-10-text: var(--hs-sys-color-categorical-10-content); --hs-global-color-border-base: var(--hs-sys-color-base-border); --hs-global-color-border-disabled: var(--hs-sys-color-disabled-border); --hs-global-color-border-discovery: var(--hs-sys-color-discovery-border); --hs-global-color-border-drag: var(--hs-sys-color-selected-border); --hs-global-color-border-drop-area: var(--hs-sys-color-selected-border); --hs-global-color-border-focus: var(--hs-sys-color-focus-border); --hs-global-color-border-focus-alt: var(--hs-sys-color-focus-border-alt); --hs-global-color-border-negative: var(--hs-sys-color-negative-border); --hs-global-color-border-neutral: var(--hs-sys-color-neutral-border); --hs-global-color-border-neutral-inverse: var(--hs-sys-color-inverse-border); --hs-global-color-border-selected: var(--hs-sys-color-selected-border); --hs-global-color-border-subtle: var(--hs-sys-color-base-border-subtle); --hs-global-color-border-transparent: var(--hs-sys-color-transparent-border); --hs-global-color-fill-app: var(--hs-sys-color-app-surface); --hs-global-color-fill-base: var(--hs-sys-color-base-surface); --hs-global-color-fill-content: var(--hs-ref-color-cornflower-blue-900); --hs-global-color-fill-disabled: var(--hs-sys-color-disabled-surface); --hs-global-color-fill-discovery: var(--hs-sys-color-discovery-surface); --hs-global-color-fill-drop-area: var(--hs-sys-color-base-surface-hovered); --hs-global-color-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-global-color-fill-inverse: var(--hs-sys-color-inverse-surface); --hs-global-color-fill-negative: var(--hs-sys-color-negative-surface); --hs-global-color-fill-positive: var(--hs-sys-color-positive-surface); --hs-global-color-fill-pressed: var(--hs-sys-color-base-surface-pressed); --hs-global-color-fill-raised: var(--hs-sys-color-raised-surface); --hs-global-color-fill-recessed: var(--hs-sys-color-recessed-surface); --hs-global-color-fill-selected: var(--hs-sys-color-base-surface-selected); --hs-global-color-fill-transparent: var(--hs-sys-color-transparent-fill); --hs-global-color-fill-warning: var(--hs-sys-color-warning-surface); --hs-global-color-icon-base: var(--hs-sys-color-base-content); --hs-global-color-icon-disabled: var(--hs-sys-color-disabled-content); --hs-global-color-icon-discovery: var(--hs-sys-color-discovery-content); --hs-global-color-icon-info: var(--hs-sys-color-info-content); --hs-global-color-icon-inverse: var(--hs-sys-color-inverse-content); --hs-global-color-icon-link: var(--hs-sys-color-link-content); --hs-global-color-icon-negative: var(--hs-sys-color-negative-content); --hs-global-color-icon-on-overlay: var(--hs-sys-color-overlay-on-fill); --hs-global-color-icon-positive: var(--hs-sys-color-positive-content); --hs-global-color-icon-subtle: var(--hs-sys-color-base-content-subtle); --hs-global-color-icon-warning: var(--hs-sys-color-warning-content); --hs-global-color-opacity-disabled: var(--hs-sys-color-opacity-disabled-surface); --hs-global-color-opacity-drag: var(--hs-sys-color-opacity-drag-surface); --hs-global-color-opacity-overlay: var(--hs-sys-color-opacity-surface); --hs-global-color-opacity-overlay-inverse: var(--hs-sys-color-opacity-inverse-surface); --hs-global-color-opacity-uploading: var(--hs-sys-color-opacity-uploading-surface); --hs-global-color-text-base: var(--hs-sys-color-base-content); --hs-global-color-text-disabled: var(--hs-sys-color-disabled-content); --hs-global-color-text-discovery: var(--hs-sys-color-discovery-content); --hs-global-color-text-inverse: var(--hs-sys-color-inverse-content); --hs-global-color-text-link: var(--hs-sys-color-link-content); --hs-global-color-text-negative: var(--hs-sys-color-negative-content); --hs-global-color-text-on-overlay: var(--hs-sys-color-overlay-on-fill); --hs-global-color-text-placeholder: var(--hs-sys-color-base-content-subtle); --hs-global-color-text-positive: var(--hs-sys-color-positive-content); --hs-global-color-text-subtle: var(--hs-sys-color-base-content-subtle); --hs-ref-color-black-50: #ebebeb; --hs-ref-color-black-100: #c0c0c0; --hs-ref-color-black-200: #a1a1a1; --hs-ref-color-black-300: #767676; --hs-ref-color-black-400: #5c5c5c; --hs-ref-color-black-500: #333333; --hs-ref-color-black-600: #2e2e2e; --hs-ref-color-black-700: #242424; --hs-ref-color-black-800: #1c1c1c; --hs-ref-color-black-900: #151515; --hs-ref-color-blue-50: #e9f0fc; --hs-ref-color-blue-100: #bad1f4; --hs-ref-color-blue-200: #99baef; --hs-ref-color-blue-300: #6b9be8; --hs-ref-color-blue-400: #4e87e4; --hs-ref-color-blue-500: #2269dd; --hs-ref-color-blue-600: #1f60c9; --hs-ref-color-blue-700: #184b9d; --hs-ref-color-blue-800: #133a7a; --hs-ref-color-blue-900: #0e2c5d; --hs-ref-color-blue-violet-50: #eeeef7; --hs-ref-color-blue-violet-100: #cbcce5; --hs-ref-color-blue-violet-200: #b2b3d8; --hs-ref-color-blue-violet-300: #8f90c6; --hs-ref-color-blue-violet-400: #797abb; --hs-ref-color-blue-violet-500: #5859aa; --hs-ref-color-blue-violet-600: #50519b; --hs-ref-color-blue-violet-700: #3e3f79; --hs-ref-color-blue-violet-800: #30315e; --hs-ref-color-blue-violet-900: #252547; --hs-ref-color-blush-50: #fdf2f5; --hs-ref-color-blush-100: #f8d6df; --hs-ref-color-blush-200: #f5c2d0; --hs-ref-color-blush-300: #f0a6bb; --hs-ref-color-blush-400: #ed95ad; --hs-ref-color-blush-500: #e97a99; --hs-ref-color-blush-600: #d46f8b; --hs-ref-color-blush-700: #a5576d; --hs-ref-color-blush-800: #804354; --hs-ref-color-blush-900: #623340; --hs-ref-color-cedar-50: #e6f6f3; --hs-ref-color-cedar-100: #b0e3db; --hs-ref-color-cedar-200: #8ad6c9; --hs-ref-color-cedar-300: #54c3b1; --hs-ref-color-cedar-400: #33b8a1; --hs-ref-color-cedar-500: #00a68a; --hs-ref-color-cedar-600: #00977e; --hs-ref-color-cedar-700: #007662; --hs-ref-color-cedar-800: #005b4c; --hs-ref-color-cedar-900: #00463a; --hs-ref-color-coral-50: #fff5f0; --hs-ref-color-coral-100: #ffe1d1; --hs-ref-color-coral-200: #ffd3bb; --hs-ref-color-coral-300: #febf9d; --hs-ref-color-coral-400: #feb289; --hs-ref-color-coral-500: #fe9f6c; --hs-ref-color-coral-600: #e79162; --hs-ref-color-coral-700: #b4714d; --hs-ref-color-coral-800: #8c573b; --hs-ref-color-coral-900: #6b432d; --hs-ref-color-cornflower-blue-50: #f0f4fe; --hs-ref-color-cornflower-blue-100: #cfdbfb; --hs-ref-color-cornflower-blue-200: #b8caf9; --hs-ref-color-cornflower-blue-300: #98b2f6; --hs-ref-color-cornflower-blue-400: #84a3f4; --hs-ref-color-cornflower-blue-500: #658cf1; --hs-ref-color-cornflower-blue-600: #5c7fdb; --hs-ref-color-cornflower-blue-700: #4863ab; --hs-ref-color-cornflower-blue-800: #384d85; --hs-ref-color-cornflower-blue-900: #2a3b65; --hs-ref-color-green-50: #e6f3e9; --hs-ref-color-green-100: #b0d9b9; --hs-ref-color-green-200: #8ac698; --hs-ref-color-green-300: #55ad68; --hs-ref-color-green-400: #349d4b; --hs-ref-color-green-500: #01841e; --hs-ref-color-green-600: #01781b; --hs-ref-color-green-700: #015e15; --hs-ref-color-green-800: #014911; --hs-ref-color-green-900: #00370d; --hs-ref-color-grey-50: #fdfdfd; --hs-ref-color-grey-100: #f7f8f9; --hs-ref-color-grey-200: #f4f5f6; --hs-ref-color-grey-300: #eef1f2; --hs-ref-color-grey-400: #ebeeef; --hs-ref-color-grey-500: #e6eaeb; --hs-ref-color-grey-600: #d1d5d6; --hs-ref-color-grey-700: #8a8e8f; --hs-ref-color-grey-800: #7f8181; --hs-ref-color-grey-900: #616263; --hs-ref-color-jade-50: #ecfbf5; --hs-ref-color-jade-100: #c4f2e0; --hs-ref-color-jade-200: #a8ebd1; --hs-ref-color-jade-300: #80e2bd; --hs-ref-color-jade-400: #68ddb0; --hs-ref-color-jade-500: #42d49c; --hs-ref-color-jade-600: #3cc18e; --hs-ref-color-jade-700: #2f976f; --hs-ref-color-jade-800: #247556; --hs-ref-color-jade-900: #1c5942; --hs-ref-color-lake-50: #e6edef; --hs-ref-color-lake-100: #b0c7cf; --hs-ref-color-lake-200: #8aabb7; --hs-ref-color-lake-300: #548596; --hs-ref-color-lake-400: #336d82; --hs-ref-color-lake-500: #004963; --hs-ref-color-lake-600: #00425a; --hs-ref-color-lake-700: #003446; --hs-ref-color-lake-800: #002836; --hs-ref-color-lake-900: #001f2a; --hs-ref-color-lavender-50: #fcf4f9; --hs-ref-color-lavender-100: #f5deec; --hs-ref-color-lavender-200: #f0cde3; --hs-ref-color-lavender-300: #e9b7d7; --hs-ref-color-lavender-400: #e5a9cf; --hs-ref-color-lavender-500: #de93c3; --hs-ref-color-lavender-600: #ca86b1; --hs-ref-color-lavender-700: #9e688a; --hs-ref-color-lavender-800: #7a516b; --hs-ref-color-lavender-900: #5d3e52; --hs-ref-color-mint-50: #f7fff9; --hs-ref-color-mint-100: #e7ffed; --hs-ref-color-mint-200: #dcffe5; --hs-ref-color-mint-300: #cbffd9; --hs-ref-color-mint-400: #c1ffd1; --hs-ref-color-mint-500: #b2ffc6; --hs-ref-color-mint-600: #a2e8b4; --hs-ref-color-mint-700: #7eb58d; --hs-ref-color-mint-800: #628c6d; --hs-ref-color-mint-900: #4b6b53; --hs-ref-color-nocturn-50: #e6eaeb; --hs-ref-color-nocturn-100: #b0bdc2; --hs-ref-color-nocturn-200: #8a9da4; --hs-ref-color-nocturn-300: #55717b; --hs-ref-color-nocturn-400: #345561; --hs-ref-color-nocturn-500: #012b3a; --hs-ref-color-nocturn-600: #012735; --hs-ref-color-nocturn-700: #011f29; --hs-ref-color-nocturn-800: #011820; --hs-ref-color-nocturn-900: #001218; --hs-ref-color-orchid-violet-50: #f6eff9; --hs-ref-color-orchid-violet-100: #e2ceed; --hs-ref-color-orchid-violet-200: #d3b6e4; --hs-ref-color-orchid-violet-300: #bf95d8; --hs-ref-color-orchid-violet-400: #b381d1; --hs-ref-color-orchid-violet-500: #a061c5; --hs-ref-color-orchid-violet-600: #9258b3; --hs-ref-color-orchid-violet-700: #72458c; --hs-ref-color-orchid-violet-800: #58356c; --hs-ref-color-orchid-violet-900: #432953; --hs-ref-color-pollen-yellow-50: #fffaf1; --hs-ref-color-pollen-yellow-100: #feeed2; --hs-ref-color-pollen-yellow-200: #fee6bd; --hs-ref-color-pollen-yellow-300: #feda9f; --hs-ref-color-pollen-yellow-400: #fdd38c; --hs-ref-color-pollen-yellow-500: #fdc86f; --hs-ref-color-pollen-yellow-600: #e6b665; --hs-ref-color-pollen-yellow-700: #b48e4f; --hs-ref-color-pollen-yellow-800: #8b6e3d; --hs-ref-color-pollen-yellow-900: #6a542f; --hs-ref-color-purple-50: #f1eef9; --hs-ref-color-purple-100: #d4cbeb; --hs-ref-color-purple-200: #bfb1e2; --hs-ref-color-purple-300: #a18ed4; --hs-ref-color-purple-400: #8f78cc; --hs-ref-color-purple-500: #7356bf; --hs-ref-color-purple-600: #694eae; --hs-ref-color-purple-700: #523d88; --hs-ref-color-purple-800: #3f2f69; --hs-ref-color-purple-900: #302450; --hs-ref-color-red-50: #fbe6e6; --hs-ref-color-red-100: #f1b3b1; --hs-ref-color-red-200: #eb8e8b; --hs-ref-color-red-300: #e25a56; --hs-ref-color-red-400: #dc3a35; --hs-ref-color-red-500: #d30903; --hs-ref-color-red-600: #c00803; --hs-ref-color-red-700: #960602; --hs-ref-color-red-800: #740502; --hs-ref-color-red-900: #590401; --hs-ref-color-saffron-50: #ffeded; --hs-ref-color-saffron-100: #ffc8c6; --hs-ref-color-saffron-200: #ffadaa; --hs-ref-color-saffron-300: #ff8783; --hs-ref-color-saffron-400: #ff706b; --hs-ref-color-saffron-500: #ff4c46; --hs-ref-color-saffron-600: #e84540; --hs-ref-color-saffron-700: #b53632; --hs-ref-color-saffron-800: #8c2a27; --hs-ref-color-saffron-900: #6b201d; --hs-ref-color-sky-blue-50: #f3fbfe; --hs-ref-color-sky-blue-100: #d9f2fb; --hs-ref-color-sky-blue-200: #c7ebf9; --hs-ref-color-sky-blue-300: #ade2f7; --hs-ref-color-sky-blue-400: #9dddf5; --hs-ref-color-sky-blue-500: #85d4f3; --hs-ref-color-sky-blue-600: #79c1dd; --hs-ref-color-sky-blue-700: #5e97ad; --hs-ref-color-sky-blue-800: #497586; --hs-ref-color-sky-blue-900: #385966; --hs-ref-color-spring-50: #f3fef7; --hs-ref-color-spring-100: #dafde6; --hs-ref-color-spring-200: #c8fcda; --hs-ref-color-spring-300: #affac9; --hs-ref-color-spring-400: #9ff9be; --hs-ref-color-spring-500: #87f8ae; --hs-ref-color-spring-600: #7be29e; --hs-ref-color-spring-700: #60b07c; --hs-ref-color-spring-800: #4a8860; --hs-ref-color-spring-900: #396849; --hs-ref-color-steel-teal-50: #eaf6f5; --hs-ref-color-steel-teal-100: #bfe2e0; --hs-ref-color-steel-teal-200: #a0d4d1; --hs-ref-color-steel-teal-300: #75c0bd; --hs-ref-color-steel-teal-400: #5ab4b0; --hs-ref-color-steel-teal-500: #31a19c; --hs-ref-color-steel-teal-600: #2d938e; --hs-ref-color-steel-teal-700: #23726f; --hs-ref-color-steel-teal-800: #1b5956; --hs-ref-color-steel-teal-900: #154442; --hs-ref-color-tea-50: #fcfffc; --hs-ref-color-tea-100: #f5fff5; --hs-ref-color-tea-200: #f0fff0; --hs-ref-color-tea-300: #eaffe9; --hs-ref-color-tea-400: #e5ffe5; --hs-ref-color-tea-500: #dfffde; --hs-ref-color-tea-600: #cbe8ca; --hs-ref-color-tea-700: #9eb59e; --hs-ref-color-tea-800: #7b8c7a; --hs-ref-color-tea-900: #5e6b5d; --hs-ref-color-turquoise-50: #ecfafa; --hs-ref-color-turquoise-100: #c3eef0; --hs-ref-color-turquoise-200: #a7e6e8; --hs-ref-color-turquoise-300: #7edade; --hs-ref-color-turquoise-400: #65d3d7; --hs-ref-color-turquoise-500: #3fc8cd; --hs-ref-color-turquoise-600: #39b6bb; --hs-ref-color-turquoise-700: #2d8e92; --hs-ref-color-turquoise-800: #236e71; --hs-ref-color-turquoise-900: #1b5456; --hs-ref-color-yellow-50: #fff7eb; --hs-ref-color-yellow-100: #ffe7c0; --hs-ref-color-yellow-200: #ffdca1; --hs-ref-color-yellow-300: #ffd581; --hs-ref-color-yellow-400: #ffc25c; --hs-ref-color-yellow-500: #ffb333; --hs-ref-color-yellow-600: #e8a32e; --hs-ref-color-yellow-700: #b57f24; --hs-ref-color-yellow-800: #8c621c; --hs-ref-color-yellow-900: #6b4b15; --hs-ref-unit-1: 4px; --hs-ref-unit-2: 8px; --hs-ref-unit-3: 12px; --hs-ref-unit-4: 16px; --hs-ref-unit-5: 20px; --hs-ref-unit-6: 24px; --hs-ref-unit-7: 28px; --hs-ref-unit-8: 32px; --hs-ref-unit-9: 36px; --hs-ref-unit-10: 40px; --hs-ref-unit-11: 44px; --hs-ref-unit-12: 48px; --hs-ref-unit-13: 52px; --hs-ref-unit-14: 56px; --hs-ref-unit-15: 60px; --hs-ref-unit-16: 64px; --hs-ref-unit-17: 68px; --hs-ref-unit-18: 72px; --hs-ref-unit-19: 76px; --hs-ref-unit-20: 80px; --hs-sys-alpha-disabled: var(--hs-ref-unit-10); --hs-sys-alpha-loading: var(--hs-ref-unit-16); --hs-sys-alpha-overlay: var(--hs-ref-unit-16); --hs-sys-color-app-surface: var(--hs-ref-color-grey-200); --hs-sys-color-base-border: var(--hs-ref-color-black-300); --hs-sys-color-base-border-subtle: var(--hs-ref-color-black-50); --hs-sys-color-base-content: var(--hs-ref-color-black-800); --hs-sys-color-base-content-subtle: var(--hs-ref-color-black-400); --hs-sys-color-base-surface: var(--hs-ref-color-grey-50); --hs-sys-color-base-surface-hovered: var(--hs-ref-color-grey-100); --hs-sys-color-base-surface-pressed: var(--hs-ref-color-grey-300); --hs-sys-color-base-surface-selected: var(--hs-ref-color-grey-200); --hs-sys-color-brand-1-border: var(--hs-ref-color-lake-500); --hs-sys-color-brand-1-fill: var(--hs-ref-color-lake-400); --hs-sys-color-brand-1-fill-hovered: var(--hs-ref-color-lake-500); --hs-sys-color-brand-1-fill-pressed: var(--hs-ref-color-lake-600); --hs-sys-color-brand-1-on-fill: var(--hs-ref-color-grey-50); --hs-sys-color-categorical-1-content: var(--hs-ref-color-cornflower-blue-900); --hs-sys-color-categorical-1-surface: var(--hs-ref-color-cornflower-blue-100); --hs-sys-color-categorical-1-surface-hovered: var(--hs-ref-color-cornflower-blue-200); --hs-sys-color-categorical-1-surface-pressed: var(--hs-ref-color-cornflower-blue-300); --hs-sys-color-categorical-2-content: var(--hs-ref-color-turquoise-900); --hs-sys-color-categorical-2-surface: var(--hs-ref-color-turquoise-100); --hs-sys-color-categorical-2-surface-hovered: var(--hs-ref-color-turquoise-200); --hs-sys-color-categorical-2-surface-pressed: var(--hs-ref-color-turquoise-300); --hs-sys-color-categorical-3-content: var(--hs-ref-color-blue-violet-900); --hs-sys-color-categorical-3-surface: var(--hs-ref-color-blue-violet-100); --hs-sys-color-categorical-3-surface-hovered: var(--hs-ref-color-blue-violet-200); --hs-sys-color-categorical-3-surface-pressed: var(--hs-ref-color-blue-violet-300); --hs-sys-color-categorical-4-content: var(--hs-ref-color-pollen-yellow-900); --hs-sys-color-categorical-4-surface: var(--hs-ref-color-pollen-yellow-100); --hs-sys-color-categorical-4-surface-hovered: var(--hs-ref-color-pollen-yellow-200); --hs-sys-color-categorical-4-surface-pressed: var(--hs-ref-color-pollen-yellow-300); --hs-sys-color-categorical-5-content: var(--hs-ref-color-blush-900); --hs-sys-color-categorical-5-surface: var(--hs-ref-color-blush-100); --hs-sys-color-categorical-5-surface-hovered: var(--hs-ref-color-blush-200); --hs-sys-color-categorical-5-surface-pressed: var(--hs-ref-color-blush-300); --hs-sys-color-categorical-6-content: var(--hs-ref-color-sky-blue-900); --hs-sys-color-categorical-6-surface: var(--hs-ref-color-sky-blue-100); --hs-sys-color-categorical-6-surface-hovered: var(--hs-ref-color-sky-blue-200); --hs-sys-color-categorical-6-surface-pressed: var(--hs-ref-color-sky-blue-300); --hs-sys-color-categorical-7-content: var(--hs-ref-color-orchid-violet-900); --hs-sys-color-categorical-7-surface: var(--hs-ref-color-orchid-violet-100); --hs-sys-color-categorical-7-surface-hovered: var(--hs-ref-color-orchid-violet-200); --hs-sys-color-categorical-7-surface-pressed: var(--hs-ref-color-orchid-violet-300); --hs-sys-color-categorical-8-content: var(--hs-ref-color-coral-900); --hs-sys-color-categorical-8-surface: var(--hs-ref-color-coral-100); --hs-sys-color-categorical-8-surface-hovered: var(--hs-ref-color-coral-200); --hs-sys-color-categorical-8-surface-pressed: var(--hs-ref-color-coral-300); --hs-sys-color-categorical-9-content: var(--hs-ref-color-steel-teal-900); --hs-sys-color-categorical-9-surface: var(--hs-ref-color-steel-teal-100); --hs-sys-color-categorical-9-surface-hovered: var(--hs-ref-color-steel-teal-200); --hs-sys-color-categorical-9-surface-pressed: var(--hs-ref-color-steel-teal-300); --hs-sys-color-categorical-10-content: var(--hs-ref-color-lavender-900); --hs-sys-color-categorical-10-surface: var(--hs-ref-color-lavender-100); --hs-sys-color-categorical-10-surface-hovered: var(--hs-ref-color-lavender-200); --hs-sys-color-categorical-10-surface-pressed: var(--hs-ref-color-lavender-300); --hs-sys-color-disabled-border: var(--hs-ref-color-grey-500); --hs-sys-color-disabled-content: var(--hs-ref-color-black-200); --hs-sys-color-disabled-surface: var(--hs-ref-color-grey-100); --hs-sys-color-discovery-border: var(--hs-ref-color-purple-300); --hs-sys-color-discovery-content: var(--hs-ref-color-purple-500); --hs-sys-color-discovery-fill: var(--hs-ref-color-purple-100); --hs-sys-color-discovery-surface: var(--hs-ref-color-purple-50); --hs-sys-color-discovery-surface-hovered: var(--hs-ref-color-purple-100); --hs-sys-color-discovery-surface-pressed: var(--hs-ref-color-purple-200); --hs-sys-color-focus-border: #0065ff; --hs-sys-color-focus-border-alt: var(--hs-ref-color-grey-50); --hs-sys-color-info-content: var(--hs-ref-color-blue-600); --hs-sys-color-info-surface: var(--hs-ref-color-blue-50); --hs-sys-color-inverse-border: var(--hs-ref-color-black-800); --hs-sys-color-inverse-content: var(--hs-ref-color-grey-50); --hs-sys-color-inverse-fill: var(--hs-sys-color-opacity-inverse-surface); --hs-sys-color-inverse-fill-hovered: var(--hs-sys-color-opacity-inverse-surface-hovered); --hs-sys-color-inverse-fill-pressed: var(--hs-sys-color-opacity-inverse-surface-pressed); --hs-sys-color-inverse-on-fill: var(--hs-ref-color-black-800); --hs-sys-color-inverse-surface: var(--hs-ref-color-black-500); --hs-sys-color-inverse-surface-hovered: var(--hs-ref-color-black-700); --hs-sys-color-inverse-surface-pressed: var(--hs-ref-color-black-800); --hs-sys-color-inverse-surface-selected: var(--hs-ref-color-black-400); --hs-sys-color-link-content: var(--hs-ref-color-blue-600); --hs-sys-color-link-content-hovered: var(--hs-ref-color-blue-700); --hs-sys-color-nav-content: var(--hs-ref-color-lake-50); --hs-sys-color-nav-fill: var(--hs-ref-color-lake-50); --hs-sys-color-nav-fill-hovered: var(--hs-ref-color-lake-100); --hs-sys-color-nav-fill-pressed: var(--hs-ref-color-lake-200); --hs-sys-color-nav-on-fill: var(--hs-ref-color-lake-500); --hs-sys-color-nav-surface: var(--hs-ref-color-lake-500); --hs-sys-color-nav-surface-hovered: var(--hs-ref-color-lake-700); --hs-sys-color-nav-surface-pressed: var(--hs-ref-color-lake-800); --hs-sys-color-negative-border: var(--hs-ref-color-red-700); --hs-sys-color-negative-content: var(--hs-ref-color-red-600); --hs-sys-color-negative-surface: var(--hs-ref-color-red-50); --hs-sys-color-neutral-border: var(--hs-ref-color-grey-50); --hs-sys-color-neutral-fill: var(--hs-ref-color-grey-300); --hs-sys-color-neutral-fill-hovered: var(--hs-ref-color-grey-400); --hs-sys-color-neutral-fill-pressed: var(--hs-ref-color-grey-500); --hs-sys-color-neutral-icon: var(--hs-ref-color-black-300); --hs-sys-color-neutral-icon-hovered: var(--hs-ref-color-black-400); --hs-sys-color-neutral-icon-pressed: var(--hs-ref-color-black-500); --hs-sys-color-opacity-disabled-surface: #ffffff66; --hs-sys-color-opacity-drag-surface: #33333314; --hs-sys-color-opacity-inverse-surface: #ffffffa3; --hs-sys-color-opacity-inverse-surface-hovered: #ffffffc1; --hs-sys-color-opacity-inverse-surface-pressed: #ffffffcc; --hs-sys-color-opacity-surface: #333333a3; --hs-sys-color-opacity-surface-hovered: #333333c1; --hs-sys-color-opacity-surface-pressed: #333333cc; --hs-sys-color-opacity-uploading-surface: #ffffffa3; --hs-sys-color-overlay-fill: var(--hs-sys-color-opacity-surface); --hs-sys-color-overlay-fill-hovered: var(--hs-sys-color-opacity-surface-hovered); --hs-sys-color-overlay-fill-pressed: var(--hs-sys-color-opacity-surface-pressed); --hs-sys-color-overlay-on-fill: var(--hs-ref-color-grey-50); --hs-sys-color-overlay-surface: var(--hs-ref-color-grey-100); --hs-sys-color-overlay-surface-hovered: var(--hs-ref-color-grey-200); --hs-sys-color-overlay-surface-pressed: var(--hs-ref-color-grey-300); --hs-sys-color-overlay-surface-selected: var(--hs-ref-color-grey-300); --hs-sys-color-positive-border: var(--hs-ref-color-green-500); --hs-sys-color-positive-content: var(--hs-ref-color-green-600); --hs-sys-color-positive-fill: var(--hs-ref-color-green-600); --hs-sys-color-positive-on-fill: var(--hs-ref-color-grey-50); --hs-sys-color-positive-surface: var(--hs-ref-color-green-50); --hs-sys-color-primary-content: var(--hs-ref-color-nocturn-500); --hs-sys-color-primary-fill: var(--hs-ref-color-nocturn-500); --hs-sys-color-primary-fill-hovered: var(--hs-ref-color-nocturn-300); --hs-sys-color-primary-fill-pressed: var(--hs-ref-color-nocturn-400); --hs-sys-color-primary-on-fill: var(--hs-ref-color-grey-50); --hs-sys-color-raised-surface: var(--hs-ref-color-grey-100); --hs-sys-color-raised-surface-hovered: var(--hs-ref-color-grey-200); --hs-sys-color-raised-surface-pressed: var(--hs-ref-color-grey-300); --hs-sys-color-raised-surface-selected: var(--hs-ref-color-grey-300); --hs-sys-color-recessed-surface: var(--hs-ref-color-grey-200); --hs-sys-color-secondary-fill: var(--hs-ref-color-grey-300); --hs-sys-color-secondary-fill-hovered: var(--hs-ref-color-grey-400); --hs-sys-color-secondary-fill-pressed: var(--hs-ref-color-grey-500); --hs-sys-color-secondary-on-fill: var(--hs-ref-color-black-800); --hs-sys-color-selected-border: var(--hs-ref-color-black-500); --hs-sys-color-transparent-border: #fdfdfd00; --hs-sys-color-transparent-fill: #fdfdfd00; --hs-sys-color-warning-border: var(--hs-ref-color-yellow-700); --hs-sys-color-warning-content: var(--hs-ref-color-yellow-900); --hs-sys-color-warning-surface: var(--hs-ref-color-yellow-100); --hs-sys-content-max-width: var(--hs-sys-viewport-max); --hs-sys-grid-desktop-column: var(--hs-ref-unit-3); --hs-sys-grid-desktop-gutter: var(--hs-ref-unit-10); --hs-sys-grid-desktop-margin: var(--hs-ref-unit-10); --hs-sys-grid-mobile-column: var(--hs-ref-unit-1); --hs-sys-grid-mobile-gutter: var(--hs-ref-unit-4); --hs-sys-grid-mobile-margin: var(--hs-ref-unit-4); --hs-sys-grid-tablet-column: var(--hs-ref-unit-2); --hs-sys-grid-tablet-gutter: var(--hs-ref-unit-10); --hs-sys-grid-tablet-margin: var(--hs-ref-unit-8); --hs-sys-icon-size-3: var(--hs-ref-unit-3); --hs-sys-icon-size-4: var(--hs-ref-unit-4); --hs-sys-icon-size-5: var(--hs-ref-unit-5); --hs-sys-icon-size-6: var(--hs-ref-unit-6); --hs-sys-icon-size-7: var(--hs-ref-unit-7); --hs-sys-motion-duration-extra-long-1: 700ms; --hs-sys-motion-duration-extra-long-2: 800ms; --hs-sys-motion-duration-extra-long-3: 900ms; --hs-sys-motion-duration-extra-long-4: 1000ms; --hs-sys-motion-duration-long-1: 450ms; --hs-sys-motion-duration-long-2: 500ms; --hs-sys-motion-duration-long-3: 550ms; --hs-sys-motion-duration-long-4: 600ms; --hs-sys-motion-duration-medium-1: 250ms; --hs-sys-motion-duration-medium-2: 300ms; --hs-sys-motion-duration-medium-3: 350ms; --hs-sys-motion-duration-medium-4: 400ms; --hs-sys-motion-duration-short-1: 50ms; --hs-sys-motion-duration-short-2: 100ms; --hs-sys-motion-duration-short-3: 150ms; --hs-sys-motion-duration-short-4: 200ms; --hs-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0.0, 0.8, 0.15); --hs-sys-motion-easing-emphasized-base: cubic-bezier(0.2, 0, 0, 1); --hs-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1.0); --hs-sys-motion-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1); --hs-sys-motion-easing-standard-base: cubic-bezier(0.2, 0.0, 0, 1.0); --hs-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1); --hs-sys-radii-1: var(--hs-ref-unit-1); --hs-sys-radii-2: var(--hs-ref-unit-2); --hs-sys-radii-4: var(--hs-ref-unit-4); --hs-sys-radii-6: var(--hs-ref-unit-6); --hs-sys-radii-circle: 50%; --hs-sys-radii-pills: 999px; --hs-sys-size-2: var(--hs-ref-unit-2); --hs-sys-size-3: var(--hs-ref-unit-3); --hs-sys-size-4: var(--hs-ref-unit-4); --hs-sys-size-6: var(--hs-ref-unit-6); --hs-sys-size-8: var(--hs-ref-unit-8); --hs-sys-size-10: var(--hs-ref-unit-10); --hs-sys-size-12: var(--hs-ref-unit-12); --hs-sys-size-14: var(--hs-ref-unit-14); --hs-sys-size-16: var(--hs-ref-unit-16); --hs-sys-size-18: var(--hs-ref-unit-18); --hs-sys-spacing-1: var(--hs-ref-unit-1); --hs-sys-spacing-2: var(--hs-ref-unit-2); --hs-sys-spacing-3: var(--hs-ref-unit-3); --hs-sys-spacing-4: var(--hs-ref-unit-4); --hs-sys-spacing-6: var(--hs-ref-unit-6); --hs-sys-spacing-10: var(--hs-ref-unit-10); --hs-sys-spacing-12: var(--hs-ref-unit-12); --hs-sys-spacing-14: var(--hs-ref-unit-14); --hs-sys-spacing-16: var(--hs-ref-unit-16); --hs-sys-spacing-horizontal-to-element-large: var(--hs-ref-unit-6); --hs-sys-spacing-horizontal-to-element-medium: var(--hs-ref-unit-4); --hs-sys-spacing-horizontal-to-element-small: var(--hs-ref-unit-3); --hs-sys-spacing-horizontal-to-element-x-small: var(--hs-ref-unit-2); --hs-sys-spacing-layout-horizontal-between-default: var(--hs-ref-unit-2); --hs-sys-spacing-layout-horizontal-between-sections: var(--hs-ref-unit-10); --hs-sys-spacing-layout-horizontal-component-default: var(--hs-ref-unit-6); --hs-sys-spacing-layout-horizontal-text-to-element: var(--hs-ref-unit-2); --hs-sys-spacing-layout-vertical-between-default: var(--hs-ref-unit-2); --hs-sys-spacing-layout-vertical-between-sections: var(--hs-ref-unit-10); --hs-sys-spacing-layout-vertical-between-text: var(--hs-ref-unit-2); --hs-sys-spacing-layout-vertical-component-default: var(--hs-ref-unit-6); --hs-sys-spacing-layout-vertical-content-to-button: var(--hs-ref-unit-10); --hs-sys-spacing-layout-vertical-text-to-component: var(--hs-ref-unit-2); --hs-sys-spacing-layout-vertical-title-text-bottom: var(--hs-ref-unit-6); --hs-sys-spacing-text-to-element-large: var(--hs-ref-unit-6); --hs-sys-spacing-text-to-element-medium: var(--hs-ref-unit-4); --hs-sys-spacing-text-to-element-x-small: var(--hs-ref-unit-2); --hs-sys-spacing-text-to-element-xx-small: var(--hs-ref-unit-1); --hs-sys-spacing-vertical-to-element-large: var(--hs-ref-unit-6); --hs-sys-spacing-vertical-to-element-medium: var(--hs-ref-unit-4); --hs-sys-spacing-vertical-to-element-small: var(--hs-ref-unit-3); --hs-sys-spacing-vertical-to-element-x-small: var(--hs-ref-unit-2); --hs-sys-spacing-vertical-to-element-xx-small: var(--hs-ref-unit-1); --hs-sys-stroke-weight-base: 1px; --hs-sys-stroke-weight-drag: 2px; --hs-sys-stroke-weight-drop-area: 2px; --hs-sys-stroke-weight-focus-base: 2px; --hs-sys-stroke-weight-focus-thick: 3px; --hs-sys-stroke-weight-focus-thin: 1px; --hs-sys-stroke-weight-none: 0; --hs-sys-stroke-weight-selected: 2px; --hs-sys-touch-target-area: var(--hs-ref-unit-12); --hs-sys-viewport-desktop: 1040px; --hs-sys-viewport-min: 288px; --hs-sys-viewport-max: 1440px; --hs-sys-viewport-mobile: 488px; --hs-sys-viewport-tablet: 768px; --hs-sys-theme: light; /* Last available at: 5.1.0 */ --hs-comp-dropdown-inline-border-radii: var(--hs-sys-radii-2); --hs-comp-dropdown-inline-color-fill: var(--hs-sys-color-transparent-fill); --hs-comp-dropdown-inline-color-fill-hovered: var(--hs-sys-color-base-surface-hovered); --hs-comp-dropdown-inline-color-fill-pressed: var(--hs-sys-color-base-surface-pressed); --hs-comp-dropdown-inline-color-icon: var(--hs-sys-color-base-content); --hs-comp-dropdown-inline-color-text: var(--hs-sys-color-base-content); /* Last available at: 5.0.1 */ --hs-comp-list-item-nested-spacing-horizontal-to-text: var(--hs-ref-unit-10); --hs-comp-menu-edge-vertical-to-element: var(--hs-sys-spacing-2); --hs-comp-modal-spacing-horizontal-to-text: var(--hs-sys-spacing-10); --hs-comp-panel-spacing-horizontal-to-text: var(--hs-sys-spacing-6); --hs-comp-thumbnail-spacing-between: 2px; --hs-sys-spacing-horizontal-to-text-large: var(--hs-ref-unit-6); --hs-sys-spacing-horizontal-to-text-medium: var(--hs-ref-unit-4); --hs-sys-spacing-horizontal-to-text-small: var(--hs-ref-unit-3); --hs-sys-spacing-horizontal-to-text-x-small: var(--hs-ref-unit-2); }